From cb7d9a03711b6e21aa09f6f53ab4029960355923 Mon Sep 17 00:00:00 2001
From: Shaun Walker <shaun.walker@siliqon.com>
Date: Fri, 2 Jul 2021 20:03:51 -0400
Subject: [PATCH] upgrade to Boostrap 5

---
 Oqtane.Client/Modules/Admin/Files/Add.razor   |     2 +-
 .../Modules/Admin/Files/Details.razor         |     4 +-
 Oqtane.Client/Modules/Admin/Files/Edit.razor  |     6 +-
 Oqtane.Client/Modules/Admin/Files/Index.razor |     2 +-
 Oqtane.Client/Modules/Admin/Jobs/Edit.razor   |    17 +-
 .../Modules/Admin/Languages/Add.razor         |     6 +-
 Oqtane.Client/Modules/Admin/Logs/Detail.razor |     2 +-
 Oqtane.Client/Modules/Admin/Logs/Index.razor  |     6 +-
 .../Modules/Admin/ModuleCreator/Index.razor   |     6 +-
 .../Modules/Admin/ModuleDefinitions/Add.razor |     2 +-
 .../Admin/ModuleDefinitions/Create.razor      |     6 +-
 .../Admin/ModuleDefinitions/Edit.razor        |     4 +-
 .../Modules/Admin/Modules/Export.razor        |     2 +-
 .../Modules/Admin/Modules/Import.razor        |     2 +-
 .../Modules/Admin/Modules/Settings.razor      |    19 +-
 Oqtane.Client/Modules/Admin/Pages/Add.razor   |    24 +-
 Oqtane.Client/Modules/Admin/Pages/Edit.razor  |    20 +-
 .../Modules/Admin/Profiles/Edit.razor         |    20 +-
 .../Modules/Admin/Register/Index.razor        |    73 +-
 Oqtane.Client/Modules/Admin/Roles/Add.razor   |     4 +-
 Oqtane.Client/Modules/Admin/Roles/Edit.razor  |     4 +-
 Oqtane.Client/Modules/Admin/Roles/Users.razor |     4 +-
 Oqtane.Client/Modules/Admin/Site/Index.razor  |    27 +-
 Oqtane.Client/Modules/Admin/Sites/Add.razor   |    14 +-
 Oqtane.Client/Modules/Admin/Sql/Index.razor   |     4 +-
 .../Modules/Admin/SystemInfo/Index.razor      |    28 +-
 .../Modules/Admin/Themes/Create.razor         |     6 +-
 Oqtane.Client/Modules/Admin/Themes/View.razor |     2 +-
 .../Modules/Admin/UserProfile/Add.razor       |     2 +-
 .../Modules/Admin/UserProfile/Index.razor     |    34 +-
 .../Modules/Admin/UserProfile/View.razor      |     2 +-
 Oqtane.Client/Modules/Admin/Users/Add.razor   |    26 +-
 Oqtane.Client/Modules/Admin/Users/Edit.razor  |    32 +-
 Oqtane.Client/Modules/Admin/Users/Index.razor |    23 +-
 Oqtane.Client/Modules/Admin/Users/Roles.razor |     4 +-
 .../Modules/Controls/ActionDialog.razor       |     2 +-
 .../Modules/Controls/FileManager.razor        |     6 +-
 Oqtane.Client/Modules/Controls/Label.razor    |     5 +
 .../Modules/Controls/ModuleMessage.razor      |    10 +-
 Oqtane.Client/Modules/Controls/Pager.razor    |    12 +-
 .../Modules/Controls/PermissionGrid.razor     |     6 +-
 .../Modules/Controls/RichTextEditor.razor     |     4 +-
 Oqtane.Client/Modules/Controls/Section.razor  |     8 +-
 Oqtane.Client/Modules/Controls/TabStrip.razor |     4 +-
 Oqtane.Client/Modules/HtmlText/Settings.razor |     4 +-
 .../Modules/Admin/Register/Index.resx         |    30 +
 .../Resources/Modules/Admin/Site/Index.resx   |     4 +-
 .../Modules/Admin/UserProfile/Index.resx      |    45 +-
 .../Resources/Modules/Admin/Users/Add.resx    |    33 +-
 .../Resources/Modules/Admin/Users/Edit.resx   |    48 +-
 Oqtane.Client/Themes/AdminContainer.razor     |     4 +-
 .../Themes/BlazorTheme/Themes/Default.razor   |     8 +-
 .../Controls/Container/ModuleActions.razor    |     2 +-
 .../Themes/Controls/Theme/ControlPanel.razor  |    74 +-
 .../Controls/Theme/LanguageSwitcher.razor     |     2 +-
 .../Controls/Theme/MenuHorizontal.razor       |     2 +-
 .../Controls/Theme/MenuItemsHorizontal.razor  |    10 +-
 .../Controls/Theme/MenuItemsVertical.razor    |     4 +-
 .../Themes/Controls/Theme/MenuVertical.razor  |     2 +-
 .../Containers/ContainerSettings.razor        |    10 +-
 .../Themes/OqtaneTheme/Themes/Default.razor   |    10 +-
 .../OqtaneTheme/Themes/ThemeSettings.razor    |     4 +-
 .../Oqtane.Themes.BlazorTheme/Theme.css       |    35 +-
 .../BootswatchCyborg.css                      | 11153 ----------------
 .../Oqtane.Themes.OqtaneTheme/Theme.css       |    31 +-
 Oqtane.Server/wwwroot/css/app.css             |     3 +-
 66 files changed, 551 insertions(+), 11463 deletions(-)
 delete mode 100644 Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/BootswatchCyborg.css

diff --git a/Oqtane.Client/Modules/Admin/Files/Add.razor b/Oqtane.Client/Modules/Admin/Files/Add.razor
index b131f1a6..727c0bcf 100644
--- a/Oqtane.Client/Modules/Admin/Files/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Files/Add.razor
@@ -38,7 +38,7 @@
                         <Label For="folder" HelpText="Select the folder to save the file in" ResourceKey="Folder">Folder: </Label>
                     </td>
                     <td>
-                        <select id="folder" class="form-control" @bind="@_folderId">
+                        <select id="folder" class="form-select" @bind="@_folderId">
                             <option value="-1">&lt;@Localizer["Folder.Select"]&gt;</option>
                             @foreach (Folder folder in _folders)
                             {
diff --git a/Oqtane.Client/Modules/Admin/Files/Details.razor b/Oqtane.Client/Modules/Admin/Files/Details.razor
index 96434ebb..44e7e3a2 100644
--- a/Oqtane.Client/Modules/Admin/Files/Details.razor
+++ b/Oqtane.Client/Modules/Admin/Files/Details.razor
@@ -10,7 +10,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label for="name" HelpText="The name of the file" ResourceKey="Name">Name: </Label>
             </td>
             <td>
@@ -22,7 +22,7 @@
                 <Label For="parent" HelpText="The folder where the file is located" ResourceKey="Folder">Folder: </Label>
             </td>
             <td>
-                <select id="parent" class="form-control" @bind="@_folderId">
+                <select id="parent" class="form-select" @bind="@_folderId">
                     @foreach (Folder folder in _folders)
                     {
                         <option value="@(folder.FolderId)">@(new string('-', folder.Level * 2))@(folder.Name)</option>
diff --git a/Oqtane.Client/Modules/Admin/Files/Edit.razor b/Oqtane.Client/Modules/Admin/Files/Edit.razor
index f9c051c3..48d5ef79 100644
--- a/Oqtane.Client/Modules/Admin/Files/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Files/Edit.razor
@@ -10,11 +10,11 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="parent" HelpText="Select the parent folder" ResourceKey="Parent">Parent: </Label>
             </td>
             <td>
-                <select id="parent" class="form-control" @bind="@_parentId">
+                <select id="parent" class="form-select" @bind="@_parentId">
                     @if (PageState.QueryString.ContainsKey("id"))
                     {
                         <option value="-1">&lt;@Localizer["NoParent"]&gt;</option>
@@ -45,7 +45,7 @@
                 }
                 else
                 {
-                    <select id="type" class="form-control" @bind="@_type">
+                    <select id="type" class="form-select" @bind="@_type">
                         <option value="@FolderTypes.Private">@Localizer[FolderTypes.Private]</option>
                         <option value="@FolderTypes.Public">@Localizer[FolderTypes.Public]</option>
                     </select>
diff --git a/Oqtane.Client/Modules/Admin/Files/Index.razor b/Oqtane.Client/Modules/Admin/Files/Index.razor
index adabcaad..e119515c 100644
--- a/Oqtane.Client/Modules/Admin/Files/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Files/Index.razor
@@ -14,7 +14,7 @@
                 <label class="control-label">@Localizer["Folder"] </label>
             </td>
             <td>
-                <select class="form-control" @onchange="(e => FolderChanged(e))">
+                <select class="form-select" @onchange="(e => FolderChanged(e))">
                     @foreach (Folder folder in _folders)
                     {
                         <option value="@(folder.FolderId)">@(new string('-', folder.Level * 2))@(folder.Name)</option>
diff --git a/Oqtane.Client/Modules/Admin/Jobs/Edit.razor b/Oqtane.Client/Modules/Admin/Jobs/Edit.razor
index fe737b70..31d982c3 100644
--- a/Oqtane.Client/Modules/Admin/Jobs/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Jobs/Edit.razor
@@ -7,7 +7,7 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="name" HelpText="Enter the job name" ResourceKey="Name">Name: </Label>
         </td>
         <td>
@@ -27,7 +27,7 @@
             <Label For="enabled" HelpText="Select whether you want the job enabled or not" ResourceKey="Enabled">Enabled? </Label>
         </td>
         <td>
-            <select id="enabled" class="form-control" @bind="@_isEnabled">
+            <select id="enabled" class="form-select" @bind="@_isEnabled">
                 <option value="True">@SharedLocalizer["Yes"]</option>
                 <option value="False">@SharedLocalizer["No"]</option>
             </select>
@@ -39,7 +39,7 @@
         </td>
         <td>
             <input id="runs-every" class="form-control" @bind="@_interval" />
-            <select id="runs-every" class="form-control" @bind="@_frequency">
+            <select id="runs-every" class="form-select" @bind="@_frequency">
                 <option value="m">@Localizer["Minute(s)"]</option>
                 <option value="H">@Localizer["Hour(s)"]</option>
                 <option value="d">@Localizer["Day(s)"]</option>
@@ -82,6 +82,9 @@
 </table>
 <button type="button" class="btn btn-success" @onclick="SaveJob">@SharedLocalizer["Save"]</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">@SharedLocalizer["Cancel"]</NavLink>
+<br />
+<br />
+<AuditInfo CreatedBy="@createdby" CreatedOn="@createdon" ModifiedBy="@modifiedby" ModifiedOn="@modifiedon"></AuditInfo>
 
 @code {
     private int _jobId;
@@ -94,6 +97,10 @@
     private string _endDate = string.Empty;
     private string _retentionHistory = string.Empty;
     private string _nextExecution = string.Empty;
+    private string createdby;
+    private DateTime createdon;
+    private string modifiedby;
+    private DateTime modifiedon;
 
     public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Host;
 
@@ -114,6 +121,10 @@
                 _endDate = (job.EndDate != null) ? job.EndDate.ToString() : string.Empty;
                 _retentionHistory = job.RetentionHistory.ToString();
                 _nextExecution = job.NextExecution.ToString();
+                createdby = job.CreatedBy;
+                createdon = job.CreatedOn;
+                modifiedby = job.ModifiedBy;
+                modifiedon = job.ModifiedOn;
             }
         }
         catch (Exception ex)
diff --git a/Oqtane.Client/Modules/Admin/Languages/Add.razor b/Oqtane.Client/Modules/Admin/Languages/Add.razor
index 4276dceb..636305aa 100644
--- a/Oqtane.Client/Modules/Admin/Languages/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Languages/Add.razor
@@ -25,11 +25,11 @@ else
             {
                 <table class="table table-borderless">
                     <tr>
-                        <td>
+                        <td width="30%">
                             <Label For="name" HelpText="Name Of The Language" ResourceKey="Name">Name:</Label>
                         </td>
                         <td>
-                            <select id="_code" class="form-control" @bind="@_code">
+                            <select id="_code" class="form-select" @bind="@_code">
                                 @foreach (var culture in _availableCultures)
                                 {
                                     <option value="@culture.Name">@culture.DisplayName</option>
@@ -42,7 +42,7 @@ else
                             <Label For="default" HelpText="Indicates Whether Or Not This Language Is The Default For The Site" ResourceKey="IsDefault">Default?</Label>
                         </td>
                         <td>
-                            <select id="default" class="form-control" @bind="@_isDefault">
+                            <select id="default" class="form-select" @bind="@_isDefault">
                                 <option value="True">@SharedLocalizer["Yes"]</option>
                                 <option value="False">@SharedLocalizer["No"]</option>
                             </select>
diff --git a/Oqtane.Client/Modules/Admin/Logs/Detail.razor b/Oqtane.Client/Modules/Admin/Logs/Detail.razor
index e7b2d376..65fa7a2c 100644
--- a/Oqtane.Client/Modules/Admin/Logs/Detail.razor
+++ b/Oqtane.Client/Modules/Admin/Logs/Detail.razor
@@ -11,7 +11,7 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="dateTime" HelpText="The date and time of this log" ResourceKey="DateTime">Date/Time: </Label>
         </td>
         <td>
diff --git a/Oqtane.Client/Modules/Admin/Logs/Index.razor b/Oqtane.Client/Modules/Admin/Logs/Index.razor
index ffb8c403..02bd9d62 100644
--- a/Oqtane.Client/Modules/Admin/Logs/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Logs/Index.razor
@@ -14,7 +14,7 @@ else
         <tr>
             <td>
                 <Label For="level" HelpText="Select the log level for event log items" ResourceKey="Level">Level: </Label><br /><br />
-                <select id="level" class="form-control" @onchange="(e => LevelChanged(e))">
+                <select id="level" class="form-select" @onchange="(e => LevelChanged(e))">
                     <option value="-">&lt;@Localizer["AllLevels"]&gt;</option>
                     <option value="Trace">@Localizer["Trace"]</option>
                     <option value="Debug">@Localizer["Debug"]</option>
@@ -26,7 +26,7 @@ else
             </td>
             <td>
                 <Label For="function" HelpText="Select the function for event log items" ResourceKey="Function">Function: </Label><br /><br />
-                <select id="function" class="form-control" @onchange="(e => FunctionChanged(e))">
+                <select id="function" class="form-select" @onchange="(e => FunctionChanged(e))">
                     <option value="-">&lt;@Localizer["AllFunctions"]&gt;</option>
                     <option value="Create">@Localizer["Create"]</option>
                     <option value="Read">@Localizer["Read"]</option>
@@ -38,7 +38,7 @@ else
             </td>
             <td>
                 <Label For="rows" HelpText="Select the maximum number of event log items to review. Please note that if you choose more than 10 items the information will be split into pages." ResourceKey="Rows">Maximum Items: </Label><br /><br />
-                <select id="rows" class="form-control" @onchange="(e => RowsChanged(e))">
+                <select id="rows" class="form-select" @onchange="(e => RowsChanged(e))">
                     <option value="10">10</option>
                     <option value="50">50</option>
                     <option value="100">100</option>
diff --git a/Oqtane.Client/Modules/Admin/ModuleCreator/Index.razor b/Oqtane.Client/Modules/Admin/ModuleCreator/Index.razor
index 2e04ba4b..a6ac643b 100644
--- a/Oqtane.Client/Modules/Admin/ModuleCreator/Index.razor
+++ b/Oqtane.Client/Modules/Admin/ModuleCreator/Index.razor
@@ -12,7 +12,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="owner" HelpText="Enter the name of the organization who is developing this module. It should not contain spaces or punctuation." ResourceKey="OwnerName">Owner Name: </Label>
             </td>
             <td>
@@ -40,7 +40,7 @@
                 <Label For="template" HelpText="Select a module template. Templates are located in the wwwroot/Modules/Templates folder on the server." ResourceKey="Template">Template: </Label>
             </td>
             <td>
-                <select id="template" class="form-control" @onchange="(e => TemplateChanged(e))">
+                <select id="template" class="form-select" @onchange="(e => TemplateChanged(e))">
                     <option value="-">&lt;@Localizer["Template.Select"]&gt;</option>
                     @foreach (Template template in _templates)
                     {
@@ -54,7 +54,7 @@
                 <Label For="reference" HelpText="Select a framework reference version" ResourceKey="FrameworkReference">Framework Reference: </Label>
             </td>
             <td>
-                <select id="reference" class="form-control" @bind="@_reference">
+                <select id="reference" class="form-select" @bind="@_reference">
                     @foreach (string version in _versions)
                     {
                         if (Version.Parse(version).CompareTo(Version.Parse(_minversion)) >= 0)
diff --git a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Add.razor b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Add.razor
index 54f5e3dc..400ec49b 100644
--- a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Add.razor
+++ b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Add.razor
@@ -11,7 +11,7 @@
     <TabPanel Name="Download" ResourceKey="Download">
         <ModuleMessage Type="MessageType.Info" Message="Download one or more modules from the list below. Once you are ready click Install to complete the installation."></ModuleMessage>
 
-        <table class="table table-borderless" style=" margin: auto; width: 50% !important;">
+        <table class="table table-borderless" style="margin: auto; width: 50% !important;">
             <tr>
                 <td>
                     <input id="search" class="form-control" placeholder="@SharedLocalizer["Search.Hint"]" @bind="@_search" />
diff --git a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Create.razor b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Create.razor
index 64593f64..c4fae60b 100644
--- a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Create.razor
+++ b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Create.razor
@@ -12,7 +12,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="owner" HelpText="Enter the name of the organization who is developing this module. It should not contain spaces or punctuation." ResourceKey="OwnerName">Owner Name: </Label>
             </td>
             <td>
@@ -40,7 +40,7 @@
                 <Label For="template" HelpText="Select a module template. Templates are located in the wwwroot/Modules/Templates folder on the server." ResourceKey="Template">Template: </Label>
             </td>
             <td>
-                <select id="template" class="form-control" @onchange="(e => TemplateChanged(e))">
+                <select id="template" class="form-select" @onchange="(e => TemplateChanged(e))">
                     <option value="-">&lt;@Localizer["Template.Select"]&gt;</option>
                     @foreach (Template template in _templates)
                     {
@@ -54,7 +54,7 @@
                 <Label For="reference" HelpText="Select a framework reference version" ResourceKey="FrameworkReference">Framework Reference: </Label>
             </td>
             <td>
-                <select id="reference" class="form-control" @bind="@_reference">
+                <select id="reference" class="form-select" @bind="@_reference">
                     @foreach (string version in _versions)
                     {
                         if (Version.Parse(version).CompareTo(Version.Parse(_minversion)) >= 0)
diff --git a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Edit.razor b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Edit.razor
index bc57293b..604a5904 100644
--- a/Oqtane.Client/Modules/Admin/ModuleDefinitions/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/ModuleDefinitions/Edit.razor
@@ -9,7 +9,7 @@
     <TabPanel Name="Definition" ResourceKey="Definition">
         <table class="table table-borderless">
             <tr>
-                <td>
+                <td width="30%">
                     <Label For="name" HelpText="The name of the module" ResourceKey="Name">Name: </Label>
                 </td>
                 <td>
@@ -36,7 +36,7 @@
         <Section Name="Information" ResourceKey="Information">
             <table class="table table-borderless">
                 <tr>
-                    <td>
+                    <td width="30%">
                         <Label For="moduledefinitionname" HelpText="The internal name of the module" ResourceKey="InternalName">Internal Name: </Label>
                     </td>
                     <td>
diff --git a/Oqtane.Client/Modules/Admin/Modules/Export.razor b/Oqtane.Client/Modules/Admin/Modules/Export.razor
index b5e24b30..41c7d73b 100644
--- a/Oqtane.Client/Modules/Admin/Modules/Export.razor
+++ b/Oqtane.Client/Modules/Admin/Modules/Export.razor
@@ -8,7 +8,7 @@
 <table class="table table-borderless">
     <tbody>
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="content" HelpText="Enter the module content" ResourceKey="Content">Content: </Label>
             </td>
             <td>
diff --git a/Oqtane.Client/Modules/Admin/Modules/Import.razor b/Oqtane.Client/Modules/Admin/Modules/Import.razor
index efef5cc6..833dbefc 100644
--- a/Oqtane.Client/Modules/Admin/Modules/Import.razor
+++ b/Oqtane.Client/Modules/Admin/Modules/Import.razor
@@ -8,7 +8,7 @@
 <table class="table table-borderless">
     <tbody>
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="content" HelpText="Enter the module content" ResourceKey="Content">Content: </Label>
             </td>
             <td>
diff --git a/Oqtane.Client/Modules/Admin/Modules/Settings.razor b/Oqtane.Client/Modules/Admin/Modules/Settings.razor
index bf966a0b..7fc04462 100644
--- a/Oqtane.Client/Modules/Admin/Modules/Settings.razor
+++ b/Oqtane.Client/Modules/Admin/Modules/Settings.razor
@@ -14,7 +14,7 @@
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
+                    <td width="30%">
                         <Label For="title" HelpText="Enter the title of the module" ResourceKey="Title">Title: </Label>
                     </td>
                     <td>
@@ -26,7 +26,7 @@
                         <Label For="container" HelpText="Select the module's container" ResourceKey="Container">Container: </Label>
                     </td>
                     <td>
-                        <select id="container" class="form-control" @bind="@_containerType">
+                        <select id="container" class="form-select" @bind="@_containerType">
                             @foreach (var container in _containers)
                             {
                                 <option value="@container.TypeName">@container.Name</option>
@@ -39,7 +39,7 @@
                         <Label For="allpages" HelpText="Indicate if this module should be displayed on all pages" ResourceKey="DisplayOnAllPages">Display On All Pages? </Label>
                     </td>
                     <td>
-                        <select id="allpages" class="form-control" @bind="@_allPages">
+                        <select id="allpages" class="form-select" @bind="@_allPages">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -50,7 +50,7 @@
                         <Label For="page" HelpText="The page that the module is located on" ResourceKey="Page">Page: </Label>
                     </td>
                     <td>
-                        <select id="page" class="form-control" @bind="@_pageId">
+                        <select id="page" class="form-select" @bind="@_pageId">
                             @foreach (Page p in PageState.Pages)
                             {
                                 if (UserSecurity.IsAuthorized(PageState.User, PermissionNames.View, p.Permissions))
@@ -91,6 +91,9 @@
 </TabStrip>
 <button type="button" class="btn btn-success" @onclick="SaveModule">@SharedLocalizer["Save"]</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">@SharedLocalizer["Cancel"]</NavLink>
+<br />
+<br />
+<AuditInfo CreatedBy="@createdby" CreatedOn="@createdon" ModifiedBy="@modifiedby" ModifiedOn="@modifiedon"></AuditInfo>
 
 @code {
     public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Edit;
@@ -112,6 +115,10 @@
     private Type _containerSettingsType;
     private object _containerSettings;
     private RenderFragment ContainerSettingsComponent { get; set; }
+    private string createdby;
+    private DateTime createdon;
+    private string modifiedby;
+    private DateTime modifiedon;
 
     protected override async Task OnInitializedAsync()
     {
@@ -123,6 +130,10 @@
         _permissions = ModuleState.Permissions;
         _permissionNames = ModuleState.ModuleDefinition.PermissionNames;
         _pageId = ModuleState.PageId.ToString();
+        createdby = ModuleState.CreatedBy;
+        createdon = ModuleState.CreatedOn;
+        modifiedby = ModuleState.ModifiedBy;
+        modifiedon = ModuleState.ModifiedOn;
 
         if (!string.IsNullOrEmpty(ModuleState.ModuleDefinition.SettingsType))
         {
diff --git a/Oqtane.Client/Modules/Admin/Pages/Add.razor b/Oqtane.Client/Modules/Admin/Pages/Add.razor
index d9b8a7c5..91a2f391 100644
--- a/Oqtane.Client/Modules/Admin/Pages/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Pages/Add.razor
@@ -12,7 +12,7 @@
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
+                    <td width="30%">
                         <Label For="Name" HelpText="Enter the page name" ResourceKey="Name">Name: </Label>
                     </td>
                     <td>
@@ -24,7 +24,7 @@
                         <Label For="Parent" HelpText="Select the parent for the page in the site hierarchy" ResourceKey="Parent">Parent: </Label>
                     </td>
                     <td>
-                        <select id="Parent" class="form-control" @onchange="(e => ParentChanged(e))">
+                        <select id="Parent" class="form-select" @onchange="(e => ParentChanged(e))">
                             <option value="-1">&lt;@Localizer["SiteRoot"]&gt;</option>
                             @foreach (Page page in _pageList)
                             {
@@ -38,7 +38,7 @@
                         <Label For="Insert" HelpText="Select the location where you would like the page to be inserted in relation to other pages" ResourceKey="Insert">Insert: </Label>
                     </td>
                     <td>
-                        <select id="Insert" class="form-control" @bind="@_insert">
+                        <select id="Insert" class="form-select" @bind="@_insert">
                             <option value="<<">@Localizer["AtBeginning"]</option>
                             @if (_children != null && _children.Count > 0)
                             {
@@ -49,7 +49,7 @@
                         </select>
                         @if (_children != null && _children.Count > 0 && (_insert == "<" || _insert == ">"))
                         {
-                            <select class="form-control" @bind="@_childid">
+                            <select class="form-select" @bind="@_childid">
                                 <option value="-1">&lt;@Localizer["Page.Select"]&gt;</option>
                                 @foreach (Page page in _children)
                                 {
@@ -61,10 +61,10 @@
                 </tr>
                 <tr>
                     <td>
-                        <Label For="Navigation" HelpText="Select whether the page is part of the site navigation or hidden" ResourceKey="Navigation">Navigation? </Label>
+                        <Label For="navigation" HelpText="Select whether the page is part of the site navigation or hidden" ResourceKey="Navigation">Navigation? </Label>
                     </td>
                     <td>
-                        <select id="Navigation" class="form-control" @bind="@_isnavigation">
+                        <select id="navigation" class="form-select" @bind="@_isnavigation">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -72,10 +72,10 @@
                 </tr>
                 <tr>
                     <td>
-                        <Label For="Clickablen" HelpText="Select whether the link in the site navigation is enabled or disabled" ResourceKey="Clickable">Clickable? </Label>
+                        <Label For="clickable" HelpText="Select whether the link in the site navigation is enabled or disabled" ResourceKey="Clickable">Clickable? </Label>
                     </td>
                     <td>
-                        <select id="Navigation" class="form-control" @bind="@_isclickable">
+                        <select id="clickable" class="form-select" @bind="@_isclickable">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -101,7 +101,7 @@
             <Section Name="Appearance" ResourceKey="Appearance">
                 <table class="table table-borderless">
                     <tr>
-                        <td>
+                        <td width="30%">
                             <Label For="Title" HelpText="Optionally enter the page title. If you do not provide a page title, the page name will be used." ResourceKey="Title">Title: </Label>
                         </td>
                         <td>
@@ -113,7 +113,7 @@
                             <Label For="Theme" HelpText="Select the theme for this page" ResourceKey="Theme">Theme: </Label>
                         </td>
                         <td>
-                            <select id="Theme" class="form-control" value="@_themetype" @onchange="(e => ThemeChanged(e))">
+                            <select id="Theme" class="form-select" value="@_themetype" @onchange="(e => ThemeChanged(e))">
                                 @foreach (var theme in _themes)
                                 {
                                     <option value="@theme.TypeName">@theme.Name</option>
@@ -126,7 +126,7 @@
                             <Label For="defaultContainer" HelpText="Select the default container for the page" ResourceKey="DefaultContainer">Default Container: </Label>
                         </td>
                         <td>
-                            <select id="defaultContainer" class="form-control" @bind="@_containertype">
+                            <select id="defaultContainer" class="form-select" @bind="@_containertype">
                                 <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                                 @foreach (var container in _containers)
                                 {
@@ -148,7 +148,7 @@
                             <Label For="Personalizable" HelpText="Select whether you would like users to be able to personalize this page with their own content" ResourceKey="Personalizable">Personalizable? </Label>
                         </td>
                         <td>
-                            <select id="Personalizable" class="form-control" @bind="@_ispersonalizable">
+                            <select id="Personalizable" class="form-select" @bind="@_ispersonalizable">
                                 <option value="True">@SharedLocalizer["Yes"]</option>
                                 <option value="False">@SharedLocalizer["No"]</option>
                             </select>
diff --git a/Oqtane.Client/Modules/Admin/Pages/Edit.razor b/Oqtane.Client/Modules/Admin/Pages/Edit.razor
index 0cef876b..3e1c964a 100644
--- a/Oqtane.Client/Modules/Admin/Pages/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Pages/Edit.razor
@@ -13,7 +13,7 @@
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
+                    <td width="30%">
                         <Label For="Name" HelpText="Enter the page name" ResourceKey="Name">Name: </Label>
                     </td>
                     <td>
@@ -25,7 +25,7 @@
                         <Label For="Parent" HelpText="Select the parent for the page in the site hierarchy" ResourceKey="Parent">Parent: </Label>
                     </td>
                     <td>
-                        <select id="Parent" class="form-control" value="@_parentid" @onchange="(e => ParentChanged(e))">
+                        <select id="Parent" class="form-select" value="@_parentid" @onchange="(e => ParentChanged(e))">
                             <option value="-1">&lt;@Localizer["SiteRoot"]&gt;</option>
                             @foreach (Page page in _pageList)
                             {
@@ -42,7 +42,7 @@
                         <Label For="Move" HelpText="Select the location where you would like the page to be moved in relation to other pages" ResourceKey="Move">Move: </Label>
                     </td>
                     <td>
-                        <select id="Move" class="form-control" @bind="@_insert">
+                        <select id="Move" class="form-select" @bind="@_insert">
                             @if (_parentid == _currentparentid)
                             {
                                 <option value="=">&lt;@Localizer["ThisLocation.Keep"]&gt;</option>
@@ -57,7 +57,7 @@
                         </select>
                         @if (_children != null && _children.Count > 0 && (_insert == "<" || _insert == ">"))
                         {
-                            <select class="form-control" @bind="@_childid">
+                            <select class="form-select" @bind="@_childid">
                                 <option value="-1">&lt;@Localizer["Page.Select"]&gt;</option>
                                 @foreach (Page page in _children)
                                 {
@@ -72,7 +72,7 @@
                         <Label For="Navigation" HelpText="Select whether the page is part of the site navigation or hidden" ResourceKey="Navigation">Navigation? </Label>
                     </td>
                     <td>
-                        <select id="Navigation" class="form-control" @bind="@_isnavigation">
+                        <select id="Navigation" class="form-select" @bind="@_isnavigation">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -83,7 +83,7 @@
                         <Label For="Clickablen" HelpText="Select whether the link in the site navigation is enabled or disabled" ResourceKey="Clickable">Clickable? </Label>
                     </td>
                     <td>
-                        <select id="Navigation" class="form-control" @bind="@_isclickable">
+                        <select id="Navigation" class="form-select" @bind="@_isclickable">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -109,7 +109,7 @@
             <Section Name="Appearance" ResourceKey="Appearance">
                 <table class="table table-borderless">
                     <tr>
-                        <td>
+                        <td width="30%">
                             <Label For="Title" HelpText="Optionally enter the page title. If you do not provide a page title, the page name will be used." ResourceKey="Title">Title: </Label>
                         </td>
                         <td>
@@ -121,7 +121,7 @@
                             <Label For="Theme" HelpText="Select the theme for this page" ResourceKey="Theme">Theme: </Label>
                         </td>
                         <td>
-                            <select id="Theme" class="form-control" value="@_themetype" @onchange="(e => ThemeChanged(e))">
+                            <select id="Theme" class="form-select" value="@_themetype" @onchange="(e => ThemeChanged(e))">
                                 @foreach (var theme in _themes)
                                 {
                                     <option value="@theme.TypeName">@theme.Name</option>
@@ -134,7 +134,7 @@
                             <Label For="defaultContainer" HelpText="Select the default container for the page" ResourceKey="DefaultContainer">Default Container: </Label>
                         </td>
                         <td>
-                            <select id="defaultContainer" class="form-control" @bind="@_containertype">
+                            <select id="defaultContainer" class="form-select" @bind="@_containertype">
                                 <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                                 @foreach (var container in _containers)
                                 {
@@ -156,7 +156,7 @@
                             <Label For="Personalizable" HelpText="Select whether you would like users to be able to personalize this page with their own content" ResourceKey="Personalizable">Personalizable? </Label>
                         </td>
                         <td>
-                            <select id="Personalizable" class="form-control" @bind="@_ispersonalizable">
+                            <select id="Personalizable" class="form-select" @bind="@_ispersonalizable">
                                 <option value="True">@SharedLocalizer["Yes"]</option>
                                 <option value="False">@SharedLocalizer["No"]</option>
                             </select>
diff --git a/Oqtane.Client/Modules/Admin/Profiles/Edit.razor b/Oqtane.Client/Modules/Admin/Profiles/Edit.razor
index 2457a1bc..5249172b 100644
--- a/Oqtane.Client/Modules/Admin/Profiles/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Profiles/Edit.razor
@@ -7,7 +7,7 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="name" HelpText="The name of this profile item" ResourceKey="Name">Name: </Label>
         </td>
         <td>
@@ -75,7 +75,7 @@
             <Label For="required" HelpText="Should a user be required to provide a value for this profile item?" ResourceKey="Required">Required? </Label>
         </td>
         <td>
-            <select id="required" class="form-control" @bind="@_isrequired">
+            <select id="required" class="form-select" @bind="@_isrequired">
                 <option value="True">@SharedLocalizer["Yes"]</option>
                 <option value="False">@SharedLocalizer["No"]</option>
             </select>
@@ -86,7 +86,7 @@
             <Label For="private" HelpText="Should this profile item be visible to all users?" ResourceKey="Private">Private? </Label>
         </td>
         <td>
-            <select id="private" class="form-control" @bind="@_isprivate">
+            <select id="private" class="form-select" @bind="@_isprivate">
                 <option value="True">@SharedLocalizer["Yes"]</option>
                 <option value="False">@SharedLocalizer["No"]</option>
             </select>
@@ -95,6 +95,12 @@
 </table>
 <button type="button" class="btn btn-success" @onclick="SaveProfile">@SharedLocalizer["Save"]</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">@SharedLocalizer["Cancel"]</NavLink>
+@if (PageState.QueryString.ContainsKey("id"))
+{
+    <br />
+    <br />
+    <AuditInfo CreatedBy="@createdby" CreatedOn="@createdon" ModifiedBy="@modifiedby" ModifiedOn="@modifiedon"></AuditInfo>
+}
 
 @code {
     private int _profileid = -1;
@@ -108,6 +114,10 @@
     private string _options = string.Empty;
     private string _isrequired = "False";
     private string _isprivate = "False";
+    private string createdby;
+    private DateTime createdon;
+    private string modifiedby;
+    private DateTime modifiedon;
 
     public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Admin;
 
@@ -133,6 +143,10 @@
                     _options = profile.Options;
                     _isrequired = profile.IsRequired.ToString();
                     _isprivate = profile.IsPrivate.ToString();
+                    createdby = profile.CreatedBy;
+                    createdon = profile.CreatedOn;
+                    modifiedby = profile.ModifiedBy;
+                    modifiedon = profile.ModifiedOn;
                 }
             }
         }
diff --git a/Oqtane.Client/Modules/Admin/Register/Index.razor b/Oqtane.Client/Modules/Admin/Register/Index.razor
index 86663439..f942eb84 100644
--- a/Oqtane.Client/Modules/Admin/Register/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Register/Index.razor
@@ -17,30 +17,51 @@
         <NotAuthorized>
             <ModuleMessage Message="@Localizer["Info.Registration.InvalidEmail"]" Type="MessageType.Info" />
 
-            <div class="container">
-                <div class="form-group">
-                    <label for="Username" class="control-label">@SharedLocalizer["Username"] </label>
-                    <input type="text" class="form-control" placeholder="Username" @bind="@_username" id="Username" />
-                </div>
-                <div class="form-group">
-                    <label for="Password" class="control-label">@SharedLocalizer["Password"] </label>
-                    <input type="password" class="form-control" placeholder="Password" @bind="@_password" id="Password" />
-                </div>
-                <div class="form-group">
-                    <label for="Confirm" class="control-label">@Localizer["Password.Confirm"] </label>
-                    <input type="password" class="form-control" placeholder="Password" @bind="@_confirm" id="Confirm" />
-                </div>
-                <div class="form-group">
-                    <label for="Email" class="control-label">@SharedLocalizer["Email"] </label>
-                    <input type="text" class="form-control" placeholder="Email" @bind="@_email" id="Email" />
-                </div>
-                <div class="form-group">
-                    <label for="DisplayName" class="control-label">@SharedLocalizer["FullName"] </label>
-                    <input type="text" class="form-control" placeholder="Full Name" @bind="@_displayName" id="DisplayName" />
-                </div>
-                <button type="button" class="btn btn-primary" @onclick="Register">@Localizer["Register"]</button>
-                <button type="button" class="btn btn-secondary" @onclick="Cancel">@SharedLocalizer["Cancel"]</button>
-            </div>
+            <table class="table table-borderless">
+                <tr>
+                    <td width="30%">
+                        <Label For="username" HelpText="Your username. Note that this field can not be modified once it is saved." ResourceKey="Username"></Label>
+                    </td>
+                    <td>
+                        <input id="username" class="form-control" @bind="@_username" readonly />
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <Label For="password" HelpText="If you wish to change your password you can enter it here. Please choose a sufficiently secure password." ResourceKey="Password"></Label>
+                    </td>
+                    <td>
+                        <input id="password" type="password" class="form-control" @bind="@_password" autocomplete="new-password" />
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <Label For="confirm" HelpText="If you are changing your password you must enter it again to confirm it matches" ResourceKey="Confirm"></Label>
+                    </td>
+                    <td>
+                        <input id="confirm" type="password" class="form-control" @bind="@_confirm" autocomplete="new-password" />
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <Label For="email" HelpText="Your email address where you wish to receive notifications" ResourceKey="Email"></Label>
+                    </td>
+                    <td>
+                        <input id="email" class="form-control" @bind="@_email" />
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <Label For="displayname" HelpText="Your full name" ResourceKey="DisplayName"></Label>
+                    </td>
+                    <td>
+                        <input id="displayname" class="form-control" @bind="@_displayname" />
+                    </td>
+                </tr>
+            </table>
+
+            <button type="button" class="btn btn-primary" @onclick="Register">@Localizer["Register"]</button>
+            <button type="button" class="btn btn-secondary" @onclick="Cancel">@SharedLocalizer["Cancel"]</button>
         </NotAuthorized>
     </AuthorizeView>
 }
@@ -54,7 +75,7 @@ else
     private string _password = string.Empty;
     private string _confirm = string.Empty;
     private string _email = string.Empty;
-    private string _displayName = string.Empty;
+    private string _displayname = string.Empty;
 
     public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Anonymous;
 
@@ -72,7 +93,7 @@ else
                     {
                         SiteId = PageState.Site.SiteId,
                         Username = _username,
-                        DisplayName = (_displayName == string.Empty ? _username : _displayName),
+                        DisplayName = (_displayname == string.Empty ? _username : _displayname),
                         Email = _email,
                         Password = _password
                     };
diff --git a/Oqtane.Client/Modules/Admin/Roles/Add.razor b/Oqtane.Client/Modules/Admin/Roles/Add.razor
index 80552c4c..905d8061 100644
--- a/Oqtane.Client/Modules/Admin/Roles/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Roles/Add.razor
@@ -8,7 +8,7 @@
 <form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate>
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="name" HelpText="Name Of The Role" ResourceKey="Name">Name:</Label>
             </td>
             <td>
@@ -28,7 +28,7 @@
                 <Label For="isautoassigned" HelpText="Indicates Whether Or Not New Users Are Automatically Assigned To This Role" ResourceKey="AutoAssigned">Auto Assigned?</Label>
             </td>
             <td>
-                <select id="isautoassigned" class="form-control" @bind="@_isautoassigned">
+                <select id="isautoassigned" class="form-select" @bind="@_isautoassigned">
                     <option value="True">@SharedLocalizer["Yes"]</option>
                     <option value="False">@SharedLocalizer["No"]</option>
                 </select>
diff --git a/Oqtane.Client/Modules/Admin/Roles/Edit.razor b/Oqtane.Client/Modules/Admin/Roles/Edit.razor
index 9126fd57..54d1bb0f 100644
--- a/Oqtane.Client/Modules/Admin/Roles/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Roles/Edit.razor
@@ -8,7 +8,7 @@
 <form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate>
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="name" HelpText="Name Of The Role" ResourceKey="Name">Name:</Label>
             </td>
             <td>
@@ -28,7 +28,7 @@
                 <Label For="isautoassigned" HelpText="Indicates Whether Or Not New Users Are Automatically Assigned To This Role" ResourceKey="AutoAssigned">Auto Assigned?</Label>
             </td>
             <td>
-                <select id="isautoassigned" class="form-control" @bind="@_isautoassigned">
+                <select id="isautoassigned" class="form-select" @bind="@_isautoassigned">
                     <option value="True">@SharedLocalizer["Yes"]</option>
                     <option value="False">@SharedLocalizer["No"]</option>
                 </select>
diff --git a/Oqtane.Client/Modules/Admin/Roles/Users.razor b/Oqtane.Client/Modules/Admin/Roles/Users.razor
index be87910d..4732c9f5 100644
--- a/Oqtane.Client/Modules/Admin/Roles/Users.razor
+++ b/Oqtane.Client/Modules/Admin/Roles/Users.razor
@@ -13,7 +13,7 @@ else
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="role" HelpText="The role you are assigning users to" ResourceKey="Role">Role: </Label>
             </td>
             <td>
@@ -25,7 +25,7 @@ else
                 <Label For="user" HelpText="Select a user" ResourceKey="User">User: </Label>
             </td>
             <td>
-                <select id="user" class="form-control" @bind="@userid">
+                <select id="user" class="form-select" @bind="@userid">
                     <option value="-1">&lt;@Localizer["User.Select"]&gt;</option>
                     @foreach (UserRole userrole in users)
                     {
diff --git a/Oqtane.Client/Modules/Admin/Site/Index.razor b/Oqtane.Client/Modules/Admin/Site/Index.razor
index 0ad4256c..328c039b 100644
--- a/Oqtane.Client/Modules/Admin/Site/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Site/Index.razor
@@ -15,7 +15,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="name" HelpText="Enter the site name" ResourceKey="Name">Name: </Label>
             </td>
             <td>
@@ -43,7 +43,7 @@
                 <Label For="allowRegister" HelpText="Do you want the users to be able to register for an account on the site" ResourceKey="AllowRegistration">Allow User Registration? </Label>
             </td>
             <td>
-                <select id="allowRegister" class="form-control" @bind="@_allowregistration">
+                <select id="allowRegister" class="form-select" @bind="@_allowregistration">
                     <option value="True">@SharedLocalizer["Yes"]</option>
                     <option value="False">@SharedLocalizer["No"]</option>
                 </select>
@@ -54,7 +54,7 @@
                 <Label For="isDeleted" HelpText="Is this site deleted?" ResourceKey="IsDeleted">Is Deleted? </Label>
             </td>
             <td>
-                <select id="isDeleted" class="form-control" @bind="@_isdeleted">
+                <select id="isDeleted" class="form-select" @bind="@_isdeleted">
                     <option value="True">@SharedLocalizer["Yes"]</option>
                     <option value="False">@SharedLocalizer["No"]</option>
                 </select>
@@ -64,7 +64,7 @@
     <Section Name="Appearance" Heading="Appearance" ResourceKey="Appearance">
         <table class="table table-borderless">
             <tr>
-                <td>
+                <td width="30%">
                     <Label For="logo" HelpText="Specify a logo for the site" ResourceKey="Logo">Logo: </Label>
                 </td>
                 <td>
@@ -84,7 +84,7 @@
                     <Label For="defaultTheme" HelpText="Select the sites default theme" ResourceKey="DefaultTheme">Default Theme: </Label>
                 </td>
                 <td>
-                    <select id="defaultTheme" class="form-control" value="@_themetype" @onchange="(e => ThemeChanged(e))">
+                    <select id="defaultTheme" class="form-select" value="@_themetype" @onchange="(e => ThemeChanged(e))">
                         <option value="-">&lt;@Localizer["Theme.Select"]&gt;</option>
                         @foreach (var theme in _themes)
                         {
@@ -98,7 +98,7 @@
                     <Label For="defaultContainer" HelpText="Select the default container for the site" ResourceKey="DefaultContainer">Default Container: </Label>
                 </td>
                 <td>
-                    <select id="defaultContainer" class="form-control" @bind="@_containertype">
+                    <select id="defaultContainer" class="form-select" @bind="@_containertype">
                         <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                         @foreach (var container in _containers)
                         {
@@ -112,7 +112,7 @@
                     <Label For="defaultAdminContainer" HelpText="Select the default admin container for the site" ResourceKey="DefaultAdminContainer">Default Admin Container: </Label>
                 </td>
                 <td>
-                    <select id="defaultAdminContainer" class="form-control" @bind="@_admincontainertype">
+                    <select id="defaultAdminContainer" class="form-select" @bind="@_admincontainertype">
                         <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                         <option value="@Constants.DefaultAdminContainer">&lt;@Localizer["DefaultAdminContainer"]&gt;</option>
                         @foreach (var container in _containers)
@@ -127,8 +127,9 @@
     <Section Name="SMTP" Heading="SMTP Settings" ResourceKey="SMTPSettings">
         <table class="table table-borderless">
             <tr>
-                <td colspan="2">
-                    <strong>@Localizer["Smtp.Required.EnableNotificationJob"]</strong>
+                <td width="30%">&nbsp;</td>
+                <td>
+                    <strong>@Localizer["Smtp.Required.EnableNotificationJob"]</strong><br />
                 </td>
             </tr>
             <tr>
@@ -152,7 +153,7 @@
                     <Label For="enabledSSl" HelpText="Specify if SSL is required for your SMTP server" ResourceKey="UseSsl">SSL Enabled: </Label>
                 </td>
                 <td>
-                    <select id="enabledSSl" class="form-control" @bind="@_smtpssl">
+                    <select id="enabledSSl" class="form-select" @bind="@_smtpssl">
                         <option value="True">@SharedLocalizer["Yes"]</option>
                         <option value="False">@SharedLocalizer["No"]</option>
                     </select>
@@ -189,11 +190,11 @@
     <Section Name="PWA" Heading="Progressive Web Application Settings" ResourceKey="PWASettings">
         <table class="table table-borderless">
             <tr>
-                <td>
+                <td width="30%">
                     <Label For="isEnabled" HelpText="Select whether you would like this site to be available as a Progressive Web Application (PWA)" ResourceKey="EnablePWA">Is Enabled? </Label>
                 </td>
                 <td>
-                    <select id="isEnabled" class="form-control" @bind="@_pwaisenabled">
+                    <select id="isEnabled" class="form-select" @bind="@_pwaisenabled">
                         <option value="True">@SharedLocalizer["Yes"]</option>
                         <option value="False">@SharedLocalizer["No"]</option>
                     </select>
@@ -222,7 +223,7 @@
         <Section Name="TenantInformation" Heading="Tenant Information" ResourceKey="TenantInformation">
             <table class="table table-borderless">
                 <tr>
-                    <td>
+                    <td width="30%">
                         <Label For="tenant" HelpText="The tenant for the site" ResourceKey="Tenant">Tenant: </Label>
                     </td>
                     <td>
diff --git a/Oqtane.Client/Modules/Admin/Sites/Add.razor b/Oqtane.Client/Modules/Admin/Sites/Add.razor
index 22f3bff9..016ff9d4 100644
--- a/Oqtane.Client/Modules/Admin/Sites/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Sites/Add.razor
@@ -21,7 +21,7 @@ else
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="name" HelpText="Enter the name of the site" ResourceKey="Name">Site Name: </Label>
             </td>
             <td>
@@ -41,7 +41,7 @@ else
                 <Label For="defaultTheme" HelpText="Select the default theme for the website" ResourceKey="DefaultTheme">Default Theme: </Label>
             </td>
             <td>
-                <select id="defaultTheme" class="form-control" @onchange="(e => ThemeChanged(e))">
+                <select id="defaultTheme" class="form-select" @onchange="(e => ThemeChanged(e))">
                     <option value="-">&lt;@Localizer["Theme.Select"]&gt;</option>
                     @foreach (var theme in _themes)
                     {
@@ -55,7 +55,7 @@ else
                 <Label For="defaultContainer" HelpText="Select the default container for the site" ResourceKey="DefaultContainer">Default Container: </Label>
             </td>
             <td>
-                <select id="defaultContainer" class="form-control" @bind="@_containertype">
+                <select id="defaultContainer" class="form-select" @bind="@_containertype">
                     <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                     @foreach (var container in _containers)
                     {
@@ -69,7 +69,7 @@ else
                 <Label For="adminContainer" HelpText="Select the admin container for the site" ResourceKey="AdminContainer">Admin Container: </Label>
             </td>
             <td>
-                <select id="adminContainer" class="form-control" @bind="@_admincontainertype">
+                <select id="adminContainer" class="form-select" @bind="@_admincontainertype">
                     <option value="-">&lt;@Localizer["Container.Select"]&gt;</option>
                     <option value="">&lt;@Localizer["DefaultContainer.Admin"]&gt;</option>
                     @foreach (var container in _containers)
@@ -84,7 +84,7 @@ else
                 <Label For="siteTemplate" HelpText="Select the site template" ResourceKey="SiteTemplate">Site Template: </Label>
             </td>
             <td>
-                <select id="siteTemplate" class="form-control" @bind="@_sitetemplatetype">
+                <select id="siteTemplate" class="form-select" @bind="@_sitetemplatetype">
                     <option value="-">&lt;@Localizer["SiteTemplate.Select"]&gt;</option>
                     @foreach (SiteTemplate siteTemplate in _siteTemplates)
                     {
@@ -98,7 +98,7 @@ else
                 <Label For="tenant" HelpText="Select the tenant for the site" ResourceKey="Tenant">Tenant: </Label>
             </td>
             <td>
-                <select id="tenant" class="form-control" @onchange="(e => TenantChanged(e))">
+                <select id="tenant" class="form-select" @onchange="(e => TenantChanged(e))">
                     <option value="-">&lt;@Localizer["Tenant.Select"]&gt;</option>
                     <option value="+">&lt;@Localizer["Tenant.Add"]&gt;</option>
                     @foreach (Tenant tenant in _tenants)
@@ -128,7 +128,7 @@ else
                     <Label For="databaseType" HelpText="Select the database type for the tenant" ResourceKey="DatabaseType">Database Type: </Label>
                 </td>
                 <td>
-                    <select id="databaseType" class="custom-select" value="@_databaseName" @onchange="(e => DatabaseChanged(e))">
+                    <select id="databaseType" class="form-select" value="@_databaseName" @onchange="(e => DatabaseChanged(e))">
                         @foreach (var database in _databases)
                         {
                             if (database.IsDefault)
diff --git a/Oqtane.Client/Modules/Admin/Sql/Index.razor b/Oqtane.Client/Modules/Admin/Sql/Index.razor
index 71efdc19..a74d8d54 100644
--- a/Oqtane.Client/Modules/Admin/Sql/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Sql/Index.razor
@@ -15,11 +15,11 @@ else
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="tenant" HelpText="Select the tenant for the SQL server" ResourceKey="Tenant">Tenant: </Label>
             </td>
             <td>
-                <select id="tenant" class="form-control" value="@_tenantid" @onchange="(e => TenantChanged(e))">
+                <select id="tenant" class="form-select" value="@_tenantid" @onchange="(e => TenantChanged(e))">
                     <option value="-1">&lt;@Localizer["Tenant.Select"]&gt;</option>
                     @foreach (Tenant tenant in _tenants)
                     {
diff --git a/Oqtane.Client/Modules/Admin/SystemInfo/Index.razor b/Oqtane.Client/Modules/Admin/SystemInfo/Index.razor
index 754a5957..1d8771d3 100644
--- a/Oqtane.Client/Modules/Admin/SystemInfo/Index.razor
+++ b/Oqtane.Client/Modules/Admin/SystemInfo/Index.razor
@@ -9,7 +9,7 @@
     <TabPanel Name="Info" Heading="Info" ResourceKey="Info">
         <table class="table table-borderless">
             <tr>
-                <td>
+                <td width="30%">
                     <Label For="version" HelpText="Framework Version" ResourceKey="FrameworkVersion">Framework Version: </Label>
                 </td>
                 <td>
@@ -56,23 +56,24 @@
                     <input id="installationid" class="form-control" @bind="@_installationid" readonly />
                 </td>
             </tr>
+            <tr>
+                <td>&nbsp;</td>
+                <td>
+                    <br /><input type="checkbox" @onchange="(e => RegisterChecked(e))" /> @Localizer["Register"]
+                </td>
+            </tr>
         </table>
-        <div class="row">
-            <div class="mx-auto text-center">
-                <input type="checkbox" @onchange="(e => RegisterChecked(e))" /> @Localizer["Register"]
-            </div>
-        </div>
         <br /><br />
         <ActionDialog Header="Restart Application" Message="Are You Sure You Wish To Restart The Application?" Action="Restart Application" Security="SecurityAccessLevel.Host" Class="btn btn-danger" OnClick="@(async () => await RestartApplication())" ResourceKey="RestartApplication" />
     </TabPanel>
     <TabPanel Name="Options" Heading="Options" ResourceKey="Options">
         <table class="table table-borderless">
             <tr>
-                <td>
+                <td width="30%">
                     <Label For="runtime" HelpText="Blazor Runtime (Server or WebAssembly)" ResourceKey="BlazorRuntime">Blazor Runtime: </Label>
                 </td>
                 <td>
-                    <select id="runtime" class="form-control" @bind="@_runtime">
+                    <select id="runtime" class="form-select" @bind="@_runtime">
                         <option value="Server">@Localizer["Server"]</option>
                         <option value="WebAssembly">@Localizer["WebAssembly"]</option>
                     </select>
@@ -83,7 +84,7 @@
                     <Label For="rendermode" HelpText="Blazor Server Render Mode" ResourceKey="RenderMode">Render Mode: </Label>
                 </td>
                 <td>
-                    <select id="rendermode" class="form-control" @bind="@_rendermode">
+                    <select id="rendermode" class="form-select" @bind="@_rendermode">
                         <option value="Server">@Localizer["Server"]</option>
                         <option value="ServerPrerendered">@Localizer["ServerPrerendered"]</option>
                     </select>
@@ -94,7 +95,7 @@
                     <Label For="detailederrors" HelpText="Specify If Detailed Errors Are Enabled For Blazor. This Option Should Not Not Be Enabled In Production." ResourceKey="DetailedErrors">Detailed Errors? </Label>
                 </td>
                 <td>
-                    <select id="detailederrors" class="form-control" @bind="@_detailederrors">
+                    <select id="detailederrors" class="form-select" @bind="@_detailederrors">
                         <option value="true">@SharedLocalizer["True"]</option>
                         <option value="false">@SharedLocalizer["False"]</option>
                     </select>
@@ -105,7 +106,7 @@
                     <Label For="logginglevel" HelpText="The Minimum Logging Level For The Event Log. This Option Can Be Used To Control The Volume Of Items Stored In Your Event Log." ResourceKey="LoggingLevel">Logging Level: </Label>
                 </td>
                 <td>
-                    <select id="logginglevel" class="form-control" @bind="@_logginglevel">
+                    <select id="logginglevel" class="form-select" @bind="@_logginglevel">
                         <option value="Trace">@Localizer["Trace"]</option>
                         <option value="Debug">@Localizer["Debug"]</option>
                         <option value="Information">@Localizer["Information"]</option>
@@ -120,7 +121,7 @@
                     <Label For="swagger" HelpText="Specify If Swagger Is Enabled For Your Server API" ResourceKey="Swagger">Swagger Enabled? </Label>
                 </td>
                 <td>
-                    <select id="swagger" class="form-control" @bind="@_swagger">
+                    <select id="swagger" class="form-select" @bind="@_swagger">
                         <option value="true">@SharedLocalizer["True"]</option>
                         <option value="false">@SharedLocalizer["False"]</option>
                     </select>
@@ -131,13 +132,14 @@
                     <Label For="packageservice" HelpText="Specify If The Package Service Is Enabled For Installing Modules, Themes, And Translations" ResourceKey="PackageService">Enable Package Service? </Label>
                 </td>
                 <td>
-                    <select id="packageservice" class="form-control" @bind="@_packageservice">
+                    <select id="packageservice" class="form-select" @bind="@_packageservice">
                         <option value="true">@SharedLocalizer["True"]</option>
                         <option value="false">@SharedLocalizer["False"]</option>
                     </select>
                 </td>
             </tr>
         </table>
+        <br /><br />
         <button type="button" class="btn btn-success" @onclick="SaveConfig">@SharedLocalizer["Save"]</button>&nbsp;
         <a class="btn btn-primary" href="swagger/index.html" target="_new">@Localizer["Access.ApiFramework"]</a>&nbsp;
         <ActionDialog Header="Restart Application" Message="Are You Sure You Wish To Restart The Application?" Action="Restart Application" Security="SecurityAccessLevel.Host" Class="btn btn-danger" OnClick="@(async () => await RestartApplication())" ResourceKey="RestartApplication" />
diff --git a/Oqtane.Client/Modules/Admin/Themes/Create.razor b/Oqtane.Client/Modules/Admin/Themes/Create.razor
index 8912089e..ba3c1930 100644
--- a/Oqtane.Client/Modules/Admin/Themes/Create.razor
+++ b/Oqtane.Client/Modules/Admin/Themes/Create.razor
@@ -13,7 +13,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="owner" HelpText="Enter the name of the organization who is developing this theme. It should not contain spaces or punctuation." ResourceKey="OwnerName">Owner Name: </Label>
             </td>
             <td>
@@ -33,7 +33,7 @@
                 <Label For="template" HelpText="Select a theme template. Templates are located in the wwwroot/Themes/Templates folder on the server." ResourceKey="Template">Template: </Label>
             </td>
             <td>
-                <select id="template" class="form-control" @onchange="(e => TemplateChanged(e))">
+                <select id="template" class="form-select" @onchange="(e => TemplateChanged(e))">
                     <option value="-">&lt;@Localizer["Template.Select"]&gt;</option>
                     @foreach (Template template in _templates)
                     {
@@ -47,7 +47,7 @@
                 <Label For="reference" HelpText="Select a framework reference version" ResourceKey="FrameworkReference">Framework Reference: </Label>
             </td>
             <td>
-                <select id="reference" class="form-control" @bind="@_reference">
+                <select id="reference" class="form-select" @bind="@_reference">
                     @foreach (string version in _versions)
                     {
                         if (Version.Parse(version).CompareTo(Version.Parse(_minversion)) >= 0)
diff --git a/Oqtane.Client/Modules/Admin/Themes/View.razor b/Oqtane.Client/Modules/Admin/Themes/View.razor
index f9a318a5..a9bb2281 100644
--- a/Oqtane.Client/Modules/Admin/Themes/View.razor
+++ b/Oqtane.Client/Modules/Admin/Themes/View.razor
@@ -8,7 +8,7 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="name" HelpText="The name of the theme" ResourceKey="Name">Name: </Label>
         </td>
         <td>
diff --git a/Oqtane.Client/Modules/Admin/UserProfile/Add.razor b/Oqtane.Client/Modules/Admin/UserProfile/Add.razor
index 75227200..a10e0c3a 100644
--- a/Oqtane.Client/Modules/Admin/UserProfile/Add.razor
+++ b/Oqtane.Client/Modules/Admin/UserProfile/Add.razor
@@ -10,7 +10,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="to" HelpText="Enter the username you wish to send a message to" ResourceKey="To">To: </Label>
             </td>
             <td>
diff --git a/Oqtane.Client/Modules/Admin/UserProfile/Index.razor b/Oqtane.Client/Modules/Admin/UserProfile/Index.razor
index f74165a2..54e2d398 100644
--- a/Oqtane.Client/Modules/Admin/UserProfile/Index.razor
+++ b/Oqtane.Client/Modules/Admin/UserProfile/Index.razor
@@ -23,55 +23,55 @@ else
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
-                        <label for="Name" class="control-label">@SharedLocalizer["Username"] </label>
+                    <td width="30%">
+                        <Label For="username" HelpText="Your username. Note that this field can not be modified." ResourceKey="Username"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@username" readonly />
+                        <input id="username" class="form-control" @bind="@username" readonly />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label for="Name" class="control-label">@SharedLocalizer["Password"] </label>
+                        <Label For="password" HelpText="If you wish to change your password you can enter it here. Please choose a sufficiently secure password." ResourceKey="Password"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@password" autocomplete="new-password" />
+                        <input id ="password" type="password" class="form-control" @bind="@password" autocomplete="new-password" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label for="Name" class="control-label">@Localizer["Password.Confirm"] </label>
+                        <Label For="confirm" HelpText="If you are changing your password you must enter it again to confirm it matches" ResourceKey="Confirm"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@confirm" autocomplete="new-password" />
+                        <input id="confirm" type="password" class="form-control" @bind="@confirm" autocomplete="new-password" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label for="Name" class="control-label">@SharedLocalizer["Email"] </label>
+                        <Label For="email" HelpText="Your email address where you wish to receive notifications" ResourceKey="Email"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@email" />
+                        <input id="email" class="form-control" @bind="@email" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label for="Name" class="control-label">@SharedLocalizer["FullName"] </label>
+                        <Label For="displayname" HelpText="Your full name" ResourceKey="DisplayName"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@displayname" />
+                        <input id="displayname" class="form-control" @bind="@displayname" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label for="Name" class="control-label">@Localizer["Photo"] </label>
+                        <Label For="@photofileid.ToString()" HelpText="A photo of yourself" ResourceKey="Photo"></Label>
                     </td>
                     <td>
                         <FileManager FileId="@photofileid" @ref="filemanager" />
                     </td>
                 </tr>
             </table>
-            <button type="button" class="btn btn-primary" @onclick="Save">@SharedLocalizer["Save"]</button>
+            <button type="button" class="btn btn-success" @onclick="Save">@SharedLocalizer["Save"]</button>
             <button type="button" class="btn btn-secondary" @onclick="Cancel">@SharedLocalizer["Cancel"]</button>
         }
     </TabPanel>
@@ -94,13 +94,13 @@ else
                             category = p.Category;
                         }
                         <tr>
-                            <td>
+                            <td width="30%">
                                 <Label For="@p.Name" HelpText="@p.Description">@p.Title</Label>
                             </td>
                             <td>
                                 @if (!string.IsNullOrEmpty(p.Options))
                                 {
-                                    <select id="@p.Name" class="form-control" @onchange="@(e => ProfileChanged(e, p.Name))">
+                                    <select id="@p.Name" class="form-select" @onchange="@(e => ProfileChanged(e, p.Name))">
                                         @foreach (var option in p.Options.Split(new char[] { ',' }, StringSplitOptions.RemoveEmptyEntries))
                                         {
                                             @if (GetProfileValue(p.Name, "") == option || (GetProfileValue(p.Name, "") == "" && p.DefaultValue == option))
@@ -130,7 +130,7 @@ else
                     }
                 }
             </table>
-            <button type="button" class="btn btn-primary" @onclick="Save">@SharedLocalizer["Save"]</button>
+            <button type="button" class="btn btn-success" @onclick="Save">@SharedLocalizer["Save"]</button>
             <button type="button" class="btn btn-secondary" @onclick="Cancel">@SharedLocalizer["Cancel"]</button>
         }
     </TabPanel>
@@ -206,7 +206,7 @@ else
                 </Pager>
             }
             <br /><hr />
-            <select class="form-control" @onchange="(e => FilterChanged(e))">
+            <select class="form-select" @onchange="(e => FilterChanged(e))">
                 <option value="to">@Localizer["Inbox"]</option>
                 <option value="from">@Localizer["Items.Sent"]</option>
             </select>
diff --git a/Oqtane.Client/Modules/Admin/UserProfile/View.razor b/Oqtane.Client/Modules/Admin/UserProfile/View.razor
index a51f0426..555190c1 100644
--- a/Oqtane.Client/Modules/Admin/UserProfile/View.razor
+++ b/Oqtane.Client/Modules/Admin/UserProfile/View.razor
@@ -10,7 +10,7 @@
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <label class="control-label">@Localizer["Title"] </label>
             </td>
             @if (title == "From")
diff --git a/Oqtane.Client/Modules/Admin/Users/Add.razor b/Oqtane.Client/Modules/Admin/Users/Add.razor
index 61222757..386bd1b0 100644
--- a/Oqtane.Client/Modules/Admin/Users/Add.razor
+++ b/Oqtane.Client/Modules/Admin/Users/Add.razor
@@ -13,43 +13,43 @@
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
-                        <label class="control-label">@SharedLocalizer["Username"] </label>
+                    <td width="30%">
+                        <Label For="username" HelpText="A unique username for a user. Note that this field can not be modified once it is saved." ResourceKey="Username"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@username" />
+                        <input id="username" class="form-control" @bind="@username" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["Password"] </label>
+                        <Label For="password" HelpText="The user's password. Please choose a password which is sufficiently secure." ResourceKey="Password"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@password" />
+                        <input id="password" type="password" class="form-control" @bind="@password" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@Localizer["Password.Confirm"] </label>
+                        <Label For="confirm" HelpText="Please enter the password again to confirm it matches with the value above" ResourceKey="Confirm"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@confirm" />
+                        <input id="confirm" type="password" class="form-control" @bind="@confirm" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["Email"] </label>
+                        <Label For="email" HelpText="The email address where the user will receive notifications" ResourceKey="Email"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@email" />
+                        <input id="email" class="form-control" @bind="@email" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["FullName"] </label>
+                        <Label For="displayname" HelpText="The full name of the user" ResourceKey="DisplayName"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@displayname" />
+                        <input id="displayname" class="form-control" @bind="@displayname" />
                     </td>
                 </tr>
             </table>
@@ -72,7 +72,7 @@
                         category = p.Category;
                     }
                     <tr>
-                        <td>
+                        <td width="30%">
                             <Label For="@p.Name" HelpText="@p.Description">@p.Title</Label>
                         </td>
                         <td>
@@ -92,7 +92,7 @@
     </TabPanel>
 </TabStrip>
 
-<button type="button" class="btn btn-primary" @onclick="SaveUser">@SharedLocalizer["Save"]</button>
+<button type="button" class="btn btn-success" @onclick="SaveUser">@SharedLocalizer["Save"]</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">@SharedLocalizer["Cancel"]</NavLink>
 
 @code {
diff --git a/Oqtane.Client/Modules/Admin/Users/Edit.razor b/Oqtane.Client/Modules/Admin/Users/Edit.razor
index 53c25d68..5f53e756 100644
--- a/Oqtane.Client/Modules/Admin/Users/Edit.razor
+++ b/Oqtane.Client/Modules/Admin/Users/Edit.razor
@@ -22,48 +22,48 @@ else
         {
             <table class="table table-borderless">
                 <tr>
-                    <td>
-                        <label class="control-label">@SharedLocalizer["Username"] </label>
+                    <td width="30%">
+                        <Label For="username" HelpText="The unique username for a user. Note that this field can not be modified." ResourceKey="Username"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@username" readonly />
+                        <input id="username" class="form-control" @bind="@username" readonly />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["Password"] </label>
+                        <Label For="password" HelpText="The user's password. Please choose a password which is sufficiently secure." ResourceKey="Password"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@password" />
+                        <input id="password" type="password" class="form-control" @bind="@password" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@Localizer["Password.Confirm"] </label>
+                        <Label For="confirm" HelpText="Please enter the password again to confirm it matches with the value above" ResourceKey="Confirm"></Label>
                     </td>
                     <td>
-                        <input type="password" class="form-control" @bind="@confirm" />
+                        <input id="confirm" type="password" class="form-control" @bind="@confirm" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["Email"] </label>
+                        <Label For="email" HelpText="The email address where the user will receive notifications" ResourceKey="Email"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@email" />
+                        <input id="email" class="form-control" @bind="@email" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@SharedLocalizer["FullName"] </label>
+                        <Label For="displayname" HelpText="The full name of the user" ResourceKey="DisplayName"></Label>
                     </td>
                     <td>
-                        <input class="form-control" @bind="@displayname" />
+                        <input id="displayname" class="form-control" @bind="@displayname" />
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@Localizer["Photo"] </label>
+                        <Label For="@photofileid.ToString()" HelpText="A photo of the user" ResourceKey="Photo"></Label>
                     </td>
                     <td>
                         <FileManager FileId="@photofileid" @ref="filemanager" />
@@ -71,10 +71,10 @@ else
                 </tr>
                 <tr>
                     <td>
-                        <label class="control-label">@Localizer["Confirm.Delete"] </label>
+                        <Label For="isdeleted" HelpText="Indicate if the user is active" ResourceKey="IsDeleted"></Label>
                     </td>
                     <td>
-                        <select class="form-control" @bind="@isdeleted">
+                        <select id="isdeleted" class="form-select" @bind="@isdeleted">
                             <option value="True">@SharedLocalizer["Yes"]</option>
                             <option value="False">@SharedLocalizer["No"]</option>
                         </select>
@@ -100,7 +100,7 @@ else
                         category = p.Category;
                     }
                     <tr>
-                        <td>
+                        <td width="30%">
                             <Label For="@p.Name" HelpText="@p.Description">@p.Title</Label>
                         </td>
                         <td>
@@ -120,7 +120,7 @@ else
     </TabPanel>
 </TabStrip>
 
-<button type="button" class="btn btn-primary" @onclick="SaveUser">@SharedLocalizer["Save"]</button>
+<button type="button" class="btn btn-success" @onclick="SaveUser">@SharedLocalizer["Save"]</button>
 <NavLink class="btn btn-secondary" href="@NavigateUrl()">@SharedLocalizer["Cancel"]</NavLink>
 <br />
 <br />
diff --git a/Oqtane.Client/Modules/Admin/Users/Index.razor b/Oqtane.Client/Modules/Admin/Users/Index.razor
index 99d678ef..e14dc97d 100644
--- a/Oqtane.Client/Modules/Admin/Users/Index.razor
+++ b/Oqtane.Client/Modules/Admin/Users/Index.razor
@@ -14,16 +14,19 @@
 }
 else
 {
-    <div class="form-row">
-        <div class="col">
-            <ActionLink Action="Add" Text="Add User" ResourceKey="AddUser" />
-        </div>
-        <div class="col">
-            <div class="input-group flex-nowrap">
-                <input class="form-control" @bind="@_search" />&nbsp;<button class="btn btn-secondary" @onclick="OnSearch">@SharedLocalizer["Search"]</button>
-            </div>
-        </div>
-    </div>
+    <table class="table table-borderless">
+        <tr>
+            <td>
+                <div><ActionLink Action="Add" Text="Add User" ResourceKey="AddUser" /></div>
+            </td>
+            <td>
+                <input class="form-control" @bind="@_search" />
+            </td>
+            <td>
+                <button class="btn btn-secondary" @onclick="OnSearch">@SharedLocalizer["Search"]</button>
+            </td>
+        </tr>
+    </table>
 
     <Pager Items="@userroles">
         <Header>
diff --git a/Oqtane.Client/Modules/Admin/Users/Roles.razor b/Oqtane.Client/Modules/Admin/Users/Roles.razor
index 0251a367..260ecb12 100644
--- a/Oqtane.Client/Modules/Admin/Users/Roles.razor
+++ b/Oqtane.Client/Modules/Admin/Users/Roles.razor
@@ -14,7 +14,7 @@ else
 {
     <table class="table table-borderless">
         <tr>
-            <td>
+            <td width="30%">
                 <Label For="user" HelpText="The user you are assigning roles to" ResourceKey="User">User: </Label>
             </td>
             <td>
@@ -26,7 +26,7 @@ else
                 <Label For="role" HelpText="Select a role" ResourceKey="Role">Role: </Label>
             </td>
             <td>
-                <select id="role" class="form-control" @bind="@roleid">
+                <select id="role" class="form-select" @bind="@roleid">
                     <option value="-1">&lt;@Localizer["Role.Select"]&gt;</option>
                     @foreach (Role role in roles)
                     {
diff --git a/Oqtane.Client/Modules/Controls/ActionDialog.razor b/Oqtane.Client/Modules/Controls/ActionDialog.razor
index 43d6e0af..5cda1386 100644
--- a/Oqtane.Client/Modules/Controls/ActionDialog.razor
+++ b/Oqtane.Client/Modules/Controls/ActionDialog.razor
@@ -9,7 +9,7 @@
                 <div class="modal-content">
                     <div class="modal-header">
                         <h5 class="modal-title">@Header</h5>
-                        <button type="button" class="close" @onclick="DisplayModal" aria-label="Close">&times;</button>
+                        <button type="button" class="btn-close" aria-label="Close" @onclick="DisplayModal"></button>
                     </div>
                     <div class="modal-body">
                         <p>@Message</p>
diff --git a/Oqtane.Client/Modules/Controls/FileManager.razor b/Oqtane.Client/Modules/Controls/FileManager.razor
index b1380970..9628ff48 100644
--- a/Oqtane.Client/Modules/Controls/FileManager.razor
+++ b/Oqtane.Client/Modules/Controls/FileManager.razor
@@ -13,7 +13,7 @@
                 @if (ShowFolders || FolderId <= 0)
                 {
                     <div>
-                        <select class="form-control" value="@FolderId" @onchange="(e => FolderChanged(e))">
+                        <select class="form-select" value="@FolderId" @onchange="(e => FolderChanged(e))">
                             @if (string.IsNullOrEmpty(Folder))
                             {
                                 <option value="-1">&lt;@Localizer["Folder.Select"]&gt;</option>
@@ -28,7 +28,7 @@
                 @if (ShowFiles)
                 {
                     <div>
-                        <select class="form-control" value="@FileId" @onchange="(e => FileChanged(e))">
+                        <select class="form-select" value="@FileId" @onchange="(e => FileChanged(e))">
                             <option value="-1">&lt;@Localizer["File.Select"]&gt;</option>
                             @foreach (File file in _files)
                             {
@@ -49,7 +49,7 @@
                             <input type="file" id="@_fileinputid" name="file" accept="@_filter" />
                         }
                         <span id="@_progressinfoid"></span><progress id="@_progressbarid" style="width: 150px; visibility: hidden;"></progress>
-                        <span class="float-right">
+                        <span class="float-end">
                             <button type="button" class="btn btn-success" @onclick="UploadFile">@SharedLocalizer["Upload"]</button>
                             @if (ShowFiles && GetFileId() != -1)
                             {
diff --git a/Oqtane.Client/Modules/Controls/Label.razor b/Oqtane.Client/Modules/Controls/Label.razor
index b67143cb..f237d5f3 100644
--- a/Oqtane.Client/Modules/Controls/Label.razor
+++ b/Oqtane.Client/Modules/Controls/Label.razor
@@ -30,6 +30,11 @@ else
     {
         base.OnParametersSet();
 
+        if (string.IsNullOrEmpty(Class))
+        {
+            Class = "form-label";
+        }
+
         _openLabel = "<label";
         if (!string.IsNullOrEmpty(For))
         {
diff --git a/Oqtane.Client/Modules/Controls/ModuleMessage.razor b/Oqtane.Client/Modules/Controls/ModuleMessage.razor
index ee8a09b7..976b1aa8 100644
--- a/Oqtane.Client/Modules/Controls/ModuleMessage.razor
+++ b/Oqtane.Client/Modules/Controls/ModuleMessage.razor
@@ -10,9 +10,7 @@
         {
             @((MarkupString)"&nbsp;&nbsp;")<NavLink href="@NavigateUrl("admin/log")">View Details</NavLink>
         }
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-        </button>
+        <button type="button" class="btn-close" aria-label="Close" @onclick="DismissModal"></button>
     </div>
     <br />
 }
@@ -57,4 +55,10 @@
 
         return classname;
     }
+
+    private void DismissModal()
+    {
+        _message = "";
+        StateHasChanged();
+    }
 }
diff --git a/Oqtane.Client/Modules/Controls/Pager.razor b/Oqtane.Client/Modules/Controls/Pager.razor
index c89b1301..c0b285b7 100644
--- a/Oqtane.Client/Modules/Controls/Pager.razor
+++ b/Oqtane.Client/Modules/Controls/Pager.razor
@@ -8,15 +8,15 @@
         <div class="mx-auto text-center">
             @if (_endPage > 1)
             {
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="first" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="first" aria-hidden="true"></span></button>
             }
             @if (_page > _maxPages)
             {
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => SetPagerSize("back"))><span class="oi oi-media-skip-backward" title="back" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => SetPagerSize("back"))><span class="oi oi-media-skip-backward" title="back" aria-hidden="true"></span></button>
             }
             @if (_endPage > 1)
             {
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></button>
                 @for (int i = _startPage; i <= _endPage; i++)
                 {
                     var pager = i;
@@ -24,15 +24,15 @@
                         @pager
                     </button>
                 }
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></button>
             }
             @if (_endPage < _pages)
             {
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => SetPagerSize("forward"))><span class="oi oi-media-skip-forward" title="forward" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => SetPagerSize("forward"))><span class="oi oi-media-skip-forward" title="forward" aria-hidden="true"></span></button>
             }
             @if (_endPage > 1)
             {
-                <button class="btn btn-secondary mr-1" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="last" aria-hidden="true"></span></button>
+                <button class="btn btn-secondary m-1" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="last" aria-hidden="true"></span></button>
             }
             @if (_endPage > 1)
             {
diff --git a/Oqtane.Client/Modules/Controls/PermissionGrid.razor b/Oqtane.Client/Modules/Controls/PermissionGrid.razor
index 15cd0387..cca00dc5 100644
--- a/Oqtane.Client/Modules/Controls/PermissionGrid.razor
+++ b/Oqtane.Client/Modules/Controls/PermissionGrid.razor
@@ -8,7 +8,7 @@
 @if (_permissions != null)
 {
     <br />
-    <table class="table" style="width: 50%; min-width: 250px;">
+    <table class="table table-borderless" style="width: 50%; min-width: 250px;">
         <tbody>
             <tr>
                 <th scope="col">@Localizer["Role"]</th>
@@ -34,7 +34,7 @@
     </table>
     @if (_users.Count != 0)
     {
-        <table class="table" style="width: 50%; min-width: 250px;">
+        <table class="table table-borderless" style="width: 50%; min-width: 250px;">
             <thead>
                 <tr>
                     <th scope="col">@Localizer["User"]</th>
@@ -62,7 +62,7 @@
             </tbody>
         </table>
     }
-    <table class="table" style="width: 50%; min-width: 250px;">
+    <table class="table table-borderless" style="width: 50%; min-width: 250px;">
         <tbody>
             <tr>
                 <td class="input-group">
diff --git a/Oqtane.Client/Modules/Controls/RichTextEditor.razor b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
index 48f81a05..793761f5 100644
--- a/Oqtane.Client/Modules/Controls/RichTextEditor.razor
+++ b/Oqtane.Client/Modules/Controls/RichTextEditor.razor
@@ -14,7 +14,7 @@
                         <ModuleMessage Message="@_message" Type="MessageType.Warning"></ModuleMessage>
                         <br />
                     }
-                    <div class="row justify-content-center" style="margin-bottom: 20px;">
+                    <div class="d-flex justify-content-center mb-2">
                         <button type="button" class="btn btn-secondary" @onclick="RefreshRichText">@Localizer["SynchronizeContent"]</button>&nbsp;&nbsp;
                         <button type="button" class="btn btn-primary" @onclick="InsertImage">@Localizer["InsertImage"]</button>
                         @if (_filemanagervisible)
@@ -66,7 +66,7 @@
                 </div>
             </TabPanel>
             <TabPanel Name="Raw" Heading="Raw HTML Editor" ResourceKey="HtmlEditor">
-                <div class="row justify-content-center" style="margin-bottom: 20px;">
+                <div class="d-flex justify-content-center mb-2">
                     <button type="button" class="btn btn-secondary" @onclick="RefreshRawHtml">@Localizer["SynchronizeContent"]</button>
                 </div>
                 @if (ReadOnly)
diff --git a/Oqtane.Client/Modules/Controls/Section.razor b/Oqtane.Client/Modules/Controls/Section.razor
index 7f253cc2..3620d893 100644
--- a/Oqtane.Client/Modules/Controls/Section.razor
+++ b/Oqtane.Client/Modules/Controls/Section.razor
@@ -1,14 +1,14 @@
 @namespace Oqtane.Modules.Controls
 @inherits LocalizableComponent
 
-<div class="d-flex">
+<div class="d-flex mt-2">
     <div>
-        <a data-toggle="collapse" class="app-link-unstyled" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
+        <a data-bs-toggle="collapse" class="app-link-unstyled" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
             <h5>@_heading</h5>
         </a>
     </div>
-    <div class="ml-auto">
-        <a data-toggle="collapse" class="app-link-unstyled float-right" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
+    <div class="ms-auto">
+        <a data-bs-toggle="collapse" class="app-link-unstyled float-right" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
             <i class="oi oi-chevron-bottom"></i>&nbsp;
         </a>
     </div>
diff --git a/Oqtane.Client/Modules/Controls/TabStrip.razor b/Oqtane.Client/Modules/Controls/TabStrip.razor
index b2806a82..2d423818 100644
--- a/Oqtane.Client/Modules/Controls/TabStrip.razor
+++ b/Oqtane.Client/Modules/Controls/TabStrip.razor
@@ -10,13 +10,13 @@
                     <li class="nav-item" @key="tabPanel.Name">
                         @if (tabPanel.Name == ActiveTab)
                         {
-                            <a class="nav-link active" data-toggle="tab" href="#@tabPanel.Name" role="tab" @onclick:preventDefault="true">
+                            <a class="nav-link active" data-bs-toggle="tab" href="#@tabPanel.Name" role="tab" @onclick:preventDefault="true">
                                 @tabPanel.DisplayHeading()
                             </a>
                         }
                         else
                         {
-                            <a class="nav-link" data-toggle="tab" href="#@tabPanel.Name" role="tab" @onclick:preventDefault="true">
+                            <a class="nav-link" data-bs-toggle="tab" href="#@tabPanel.Name" role="tab" @onclick:preventDefault="true">
                                 @tabPanel.DisplayHeading()
                             </a>
                         }
diff --git a/Oqtane.Client/Modules/HtmlText/Settings.razor b/Oqtane.Client/Modules/HtmlText/Settings.razor
index 0d58c649..cf903c0e 100644
--- a/Oqtane.Client/Modules/HtmlText/Settings.razor
+++ b/Oqtane.Client/Modules/HtmlText/Settings.razor
@@ -7,11 +7,11 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="files" ResourceKey="Allow File Management" HelpText="Specify If Editors Can Upload and Select Files">Allow File Management: </Label>
         </td>
         <td>
-            <select id="files" class="form-control" @bind="@_allowfilemanagement">
+            <select id="files" class="form-select" @bind="@_allowfilemanagement">
                 <option value="true">@SharedLocalizer["Yes"]</option>
                 <option value="false">@SharedLocalizer["No"]</option>
             </select>
diff --git a/Oqtane.Client/Resources/Modules/Admin/Register/Index.resx b/Oqtane.Client/Resources/Modules/Admin/Register/Index.resx
index eb6c81d2..9c99dcf2 100644
--- a/Oqtane.Client/Resources/Modules/Admin/Register/Index.resx
+++ b/Oqtane.Client/Resources/Modules/Admin/Register/Index.resx
@@ -147,4 +147,34 @@
   <data name="Error.User.Add" xml:space="preserve">
     <value>Error Adding User</value>
   </data>
+  <data name="Confirm.HelpText" xml:space="preserve">
+    <value>If you are changing your password you must enter it again to confirm it matches</value>
+  </data>
+  <data name="Confirm.Text" xml:space="preserve">
+    <value>Confirm Password:</value>
+  </data>
+  <data name="DisplayName.HelpText" xml:space="preserve">
+    <value>Your full name</value>
+  </data>
+  <data name="DisplayName.Text" xml:space="preserve">
+    <value>Full Name:</value>
+  </data>
+  <data name="Email.HelpText" xml:space="preserve">
+    <value>Your email address where you wish to receive notifications</value>
+  </data>
+  <data name="Email.Text" xml:space="preserve">
+    <value>Email:</value>
+  </data>
+  <data name="Password.HelpText" xml:space="preserve">
+    <value>If you wish to change your password you can enter it here. Please choose a sufficiently secure password.</value>
+  </data>
+  <data name="Password.Text" xml:space="preserve">
+    <value>Password:</value>
+  </data>
+  <data name="Username.HelpText" xml:space="preserve">
+    <value>Your username. Note that this field can not be modified once it is saved.</value>
+  </data>
+  <data name="Username.Text" xml:space="preserve">
+    <value>Username:</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Oqtane.Client/Resources/Modules/Admin/Site/Index.resx b/Oqtane.Client/Resources/Modules/Admin/Site/Index.resx
index e80211f3..74882e86 100644
--- a/Oqtane.Client/Resources/Modules/Admin/Site/Index.resx
+++ b/Oqtane.Client/Resources/Modules/Admin/Site/Index.resx
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <root>
   <!-- 
     Microsoft ResX Schema 
@@ -136,7 +136,7 @@
     <value>Default Admin Container</value>
   </data>
   <data name="Smtp.Required.EnableNotificationJob" xml:space="preserve">
-    <value>Please Note That SMTP Requires The Notification Job To Be Enabled In Scheduled Jobs</value>
+    <value>** Please Note That SMTP Requires The Notification Job To Be Enabled In Scheduled Jobs</value>
   </data>
   <data name="Smtp.TestConfig" xml:space="preserve">
     <value>Test SMTP Configuration</value>
diff --git a/Oqtane.Client/Resources/Modules/Admin/UserProfile/Index.resx b/Oqtane.Client/Resources/Modules/Admin/UserProfile/Index.resx
index a36deb54..294cc895 100644
--- a/Oqtane.Client/Resources/Modules/Admin/UserProfile/Index.resx
+++ b/Oqtane.Client/Resources/Modules/Admin/UserProfile/Index.resx
@@ -117,18 +117,9 @@
   <resheader name="writer">
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
-  <data name="Password" xml:space="preserve">
-    <value>Password:</value>
-  </data>
-  <data name="Password.Confirm" xml:space="preserve">
-    <value>Confirm Password:</value>
-  </data>
   <data name="Message.Password.Invalid" xml:space="preserve">
     <value>Passwords Entered Do Not Match</value>
   </data>
-  <data name="Photo" xml:space="preserve">
-    <value>Photo:</value>
-  </data>
   <data name="From" xml:space="preserve">
     <value>From</value>
   </data>
@@ -177,4 +168,40 @@
   <data name="Identity.Name" xml:space="preserve">
     <value>Identity</value>
   </data>
+  <data name="Confirm.HelpText" xml:space="preserve">
+    <value>If you are changing your password you must enter it again to confirm it matches</value>
+  </data>
+  <data name="Confirm.Text" xml:space="preserve">
+    <value>Confirm Password:</value>
+  </data>
+  <data name="DisplayName.HelpText" xml:space="preserve">
+    <value>Your full name</value>
+  </data>
+  <data name="DisplayName.Text" xml:space="preserve">
+    <value>Full Name:</value>
+  </data>
+  <data name="Email.HelpText" xml:space="preserve">
+    <value>Your email address where you wish to receive notifications</value>
+  </data>
+  <data name="Email.Text" xml:space="preserve">
+    <value>Email:</value>
+  </data>
+  <data name="Password.HelpText" xml:space="preserve">
+    <value>If you wish to change your password you can enter it here. Please choose a sufficiently secure password.</value>
+  </data>
+  <data name="Password.Text" xml:space="preserve">
+    <value>Password:</value>
+  </data>
+  <data name="Photo.HelpText" xml:space="preserve">
+    <value>A photo of yourself</value>
+  </data>
+  <data name="Photo.Text" xml:space="preserve">
+    <value>Photo:</value>
+  </data>
+  <data name="Username.HelpText" xml:space="preserve">
+    <value>Your username. Note that this field can not be modified.</value>
+  </data>
+  <data name="Username.Text" xml:space="preserve">
+    <value>Username:</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Oqtane.Client/Resources/Modules/Admin/Users/Add.resx b/Oqtane.Client/Resources/Modules/Admin/Users/Add.resx
index 210c1298..4726a6e9 100644
--- a/Oqtane.Client/Resources/Modules/Admin/Users/Add.resx
+++ b/Oqtane.Client/Resources/Modules/Admin/Users/Add.resx
@@ -117,9 +117,6 @@
   <resheader name="writer">
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
-  <data name="Password.Confirm" xml:space="preserve">
-    <value>Confirm Password:</value>
-  </data>
   <data name="Error.User.AddCheckPass" xml:space="preserve">
     <value>Error Adding User. Please Ensure Password Meets Complexity Requirements And Username Is Not Already In Use.</value>
   </data>
@@ -141,4 +138,34 @@
   <data name="Message.Username.Exists" xml:space="preserve">
     <value>Username Already Exists</value>
   </data>
+  <data name="Confirm.HelpText" xml:space="preserve">
+    <value>Please enter the password again to confirm it matches with the value above</value>
+  </data>
+  <data name="Confirm.Text" xml:space="preserve">
+    <value>Confirm Password:</value>
+  </data>
+  <data name="DisplayName.HelpText" xml:space="preserve">
+    <value>The full name of the user</value>
+  </data>
+  <data name="DisplayName.Text" xml:space="preserve">
+    <value>Full Name:</value>
+  </data>
+  <data name="Email.HelpText" xml:space="preserve">
+    <value>The email address where the user will receive notifications</value>
+  </data>
+  <data name="Email.Text" xml:space="preserve">
+    <value>Email:</value>
+  </data>
+  <data name="Password.HelpText" xml:space="preserve">
+    <value>The user's password. Please choose a password which is sufficiently secure.</value>
+  </data>
+  <data name="Password.Text" xml:space="preserve">
+    <value>Password:</value>
+  </data>
+  <data name="Username.HelpText" xml:space="preserve">
+    <value>A unique username for a user. Note that this field can not be modified once it is saved.</value>
+  </data>
+  <data name="Username.Text" xml:space="preserve">
+    <value>Username:</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Oqtane.Client/Resources/Modules/Admin/Users/Edit.resx b/Oqtane.Client/Resources/Modules/Admin/Users/Edit.resx
index 1e37f2dd..5e19826c 100644
--- a/Oqtane.Client/Resources/Modules/Admin/Users/Edit.resx
+++ b/Oqtane.Client/Resources/Modules/Admin/Users/Edit.resx
@@ -117,15 +117,9 @@
   <resheader name="writer">
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
-  <data name="Password.Confirm" xml:space="preserve">
-    <value>Confirm Password:</value>
-  </data>
   <data name="Message.Password.NoMatch" xml:space="preserve">
     <value>Passwords Entered Do Not Match</value>
   </data>
-  <data name="Photo" xml:space="preserve">
-    <value>Photo:</value>
-  </data>
   <data name="Identity.Name" xml:space="preserve">
     <value>Identity</value>
   </data>
@@ -141,4 +135,46 @@
   <data name="Error.User.Save" xml:space="preserve">
     <value>Error Saving User</value>
   </data>
+  <data name="Confirm.HelpText" xml:space="preserve">
+    <value>Please enter the password again to confirm it matches with the value above</value>
+  </data>
+  <data name="Confirm.Text" xml:space="preserve">
+    <value>Confirm Password:</value>
+  </data>
+  <data name="DisplayName.HelpText" xml:space="preserve">
+    <value>The full name of the user</value>
+  </data>
+  <data name="DisplayName.Text" xml:space="preserve">
+    <value>Full Name:</value>
+  </data>
+  <data name="Email.HelpText" xml:space="preserve">
+    <value>The email address where the user will receive notifications</value>
+  </data>
+  <data name="Email.Text" xml:space="preserve">
+    <value>Email:</value>
+  </data>
+  <data name="IsDeleted.HelpText" xml:space="preserve">
+    <value>Indicate if the user is active</value>
+  </data>
+  <data name="IsDeleted.Text" xml:space="preserve">
+    <value>Deleted?</value>
+  </data>
+  <data name="Password.HelpText" xml:space="preserve">
+    <value>The user's password. Please choose a password which is sufficiently secure.</value>
+  </data>
+  <data name="Password.Text" xml:space="preserve">
+    <value>Password:</value>
+  </data>
+  <data name="Photo.HelpText" xml:space="preserve">
+    <value>A photo of the user</value>
+  </data>
+  <data name="Photo.Text" xml:space="preserve">
+    <value>Photo:</value>
+  </data>
+  <data name="Username.HelpText" xml:space="preserve">
+    <value>The unique username for a user. Note that this field can not be modified.</value>
+  </data>
+  <data name="Username.Text" xml:space="preserve">
+    <value>Username:</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/Oqtane.Client/Themes/AdminContainer.razor b/Oqtane.Client/Themes/AdminContainer.razor
index bce9ff44..1999a970 100644
--- a/Oqtane.Client/Themes/AdminContainer.razor
+++ b/Oqtane.Client/Themes/AdminContainer.razor
@@ -1,4 +1,4 @@
-@namespace Oqtane.Themes
+@namespace Oqtane.Themes
 @inherits ContainerBase
 @inject NavigationManager NavigationManager
 
@@ -8,7 +8,7 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title"><ModuleTitle /></h5>
-                    <button type="button" class="close" @onclick="CloseModal" aria-label="Close">&times;</button>
+                    <button type="button" class="btn-close" aria-label="Close" @onclick="CloseModal"></button>
                 </div>
                 <div class="modal-body">
                     <ModuleInstance />
diff --git a/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor b/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
index 74444f48..d770cc1b 100644
--- a/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
+++ b/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
@@ -13,7 +13,7 @@
 
 <div class="main">
     <div class="top-row px-4">
-        <div class="ml-md-auto"><UserProfile /> <Login /> <ControlPanel /></div>
+        <div class="ms-auto"><UserProfile /> <Login /> <ControlPanel /></div>
     </div>
     <div class="container">
         <div class="row px-4">
@@ -27,11 +27,9 @@
 
     public override List<Resource> Resources => new List<Resource>()
     {
-        new Resource { ResourceType = ResourceType.Stylesheet, Url = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css", Integrity = "sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk", CrossOrigin = "anonymous" },
+        new Resource { ResourceType = ResourceType.Stylesheet, Url = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css", Integrity = "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC", CrossOrigin = "anonymous" },
         new Resource { ResourceType = ResourceType.Stylesheet, Url = ThemePath() + "Theme.css" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://code.jquery.com/jquery-3.5.1.slim.min.js", Integrity = "sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj", CrossOrigin = "anonymous" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js", Integrity = "sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo", CrossOrigin = "anonymous" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js", Integrity = "sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI", CrossOrigin = "anonymous" }
+        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js", Integrity = "sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM", CrossOrigin = "anonymous" }
     };
 
 }
\ No newline at end of file
diff --git a/Oqtane.Client/Themes/Controls/Container/ModuleActions.razor b/Oqtane.Client/Themes/Controls/Container/ModuleActions.razor
index 7311d7e8..e680e807 100644
--- a/Oqtane.Client/Themes/Controls/Container/ModuleActions.razor
+++ b/Oqtane.Client/Themes/Controls/Container/ModuleActions.razor
@@ -5,7 +5,7 @@
 @if (PageState.EditMode && UserSecurity.IsAuthorized(PageState.User,PermissionNames.Edit, ModuleState.Permissions) && PageState.Action == Constants.DefaultAction)
 {
     <div class="app-moduleactions">
-        <a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
+        <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
         <ul class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 37px, 0px);">
             @foreach (var action in Actions.Where(item => !item.Name.Contains("Pane")))
             {
diff --git a/Oqtane.Client/Themes/Controls/Theme/ControlPanel.razor b/Oqtane.Client/Themes/Controls/Theme/ControlPanel.razor
index bdb21d30..6cf9d0b8 100644
--- a/Oqtane.Client/Themes/Controls/Theme/ControlPanel.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/ControlPanel.razor
@@ -16,19 +16,19 @@
 {
     <div class="app-controlpanel" style="@_display">
         <div class="@CardClass">
-            <div class="@HeaderClass">
+            <div class="@HeaderClass d-flex">
                 <span class="font-weight-bold">@Localizer["ControlPanel"]</span>
-                <button type="button" class="close" @onclick="HideControlPanel" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
+                <div class="ms-auto">
+                    <button type="button" class="btn-close" aria-label="Close" @onclick="HideControlPanel"></button>
+                </div>
             </div>
             <div class="@BodyClass">
 
                 @if (UserSecurity.IsAuthorized(PageState.User, RoleNames.Admin))
                 {
-                    <div class="row">
+                    <div class="row d-flex">
                         <div class="col">
-                            <button type="button" class="btn btn-primary btn-block mx-auto" @onclick=@(async () => Navigate("Admin"))>@Localizer["AdminDash"]</button>
+                            <button type="button" class="btn btn-primary col-12" @onclick=@(async () => Navigate("Admin"))>@Localizer["AdminDash"]</button>
                         </div>
                     </div>
 
@@ -39,31 +39,25 @@
                             <label class="control-label">@Localizer["Page.Manage"] </label>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="col">
-                            <button type="button" class="btn btn-primary btn-block mx-auto" @onclick=@(async () => Navigate("Add"))>@SharedLocalizer["Add"]</button>
-                        </div>
-                        <div class="col">
-                            <button type="button" class="btn btn-primary btn-block mx-auto" @onclick=@(async () => Navigate("Edit"))>@SharedLocalizer["Edit"]</button>
-                        </div>
-                        <div class="col">
-                            <button class="btn btn-danger btn-block mx-auto" @onclick="ConfirmDelete">@SharedLocalizer["Delete"]</button>
+                    <div class="row d-flex">
+                        <div class="col d-flex justify-content-between">
+                            <button type="button" class="btn btn-secondary col-3" @onclick=@(async () => Navigate("Add"))>@SharedLocalizer["Add"]</button>
+                            <button type="button" class="btn btn-secondary col-3" @onclick=@(async () => Navigate("Edit"))>@SharedLocalizer["Edit"]</button>
+                            <button type="button" class="btn btn-danger col-3" @onclick="ConfirmDelete">@SharedLocalizer["Delete"]</button>
                         </div>
                     </div>
                     <br />
-                    <div class="row">
-                        @if (UserSecurity.GetPermissionStrings(PageState.Page.Permissions).FirstOrDefault(item => item.PermissionName == PermissionNames.View).Permissions.Split(';').Contains(RoleNames.Everyone))
-                        {
-                            <div class="col">
-                                <button type="button" class="btn btn-primary btn-block mx-auto" @onclick=@(async () => Publish("unpublish"))>@Localizer["Page.Unpublish"]</button>
-                            </div>
-                        }
-                        else
-                        {
-                            <div class="col">
-                                <button type="button" class="btn btn-primary btn-block mx-auto" @onclick=@(async () => Publish("publish"))>@Localizer["Page.Publish"]</button>
-                            </div>
-                        }
+                    <div class="row d-flex">
+                        <div class="col">
+                            @if (UserSecurity.GetPermissionStrings(PageState.Page.Permissions).FirstOrDefault(item => item.PermissionName == PermissionNames.View).Permissions.Split(';').Contains(RoleNames.Everyone))
+                            {
+                                <button type="button" class="btn btn-secondary col-12" @onclick=@(async () => Publish("unpublish"))>@Localizer["Page.Unpublish"]</button>
+                            }
+                            else
+                            {
+                                <button type="button" class="btn btn-secondary col-12" @onclick=@(async () => Publish("publish"))>@Localizer["Page.Publish"]</button>
+                            }
+                        </div>
                     </div>
                 }
 
@@ -75,7 +69,7 @@
                                 <div class="modal-content">
                                     <div class="modal-header">
                                         <h5 class="modal-title">@Localizer["Page.Delete"]</h5>
-                                        <button type="button" class="close" @onclick="ConfirmDelete" aria-label="Close">&times;</button>
+                                        <button type="button" class="btn-close" aria-label="Close" @onclick="ConfirmDelete"></button>
                                     </div>
                                     <div class="modal-body">
                                         <p>Are You Sure You Want To Delete This Page?</p>
@@ -93,7 +87,7 @@
                 <div class="row">
                     <div class="col text-center">
                         <label for="Module" class="control-label">@Localizer["Module.Manage"] </label>
-                        <select class="form-control" @bind="@ModuleType">
+                        <select class="form-select" @bind="@ModuleType">
                             <option value="new">@Localizer["Module.AddNew"]</option>
                             <option value="existing">@Localizer["Module.AddExisting"]</option>
                         </select>
@@ -101,7 +95,7 @@
                         {
                             @if (_moduleDefinitions != null)
                             {
-                                <select class="form-control" @onchange="(e => CategoryChanged(e))">
+                                <select class="form-select" @onchange="(e => CategoryChanged(e))">
                                     @foreach (var category in _categories)
                                     {
                                         if (category == Category)
@@ -114,7 +108,7 @@
                                         }
                                     }
                                 </select>
-                                <select class="form-control" @onchange="(e => ModuleChanged(e))">
+                                <select class="form-select" @onchange="(e => ModuleChanged(e))">
                                     @if (ModuleDefinitionName == "-")
                                     {
                                         <option value="-" selected>&lt;@Localizer["Module.Select"]&gt;</option>
@@ -139,14 +133,14 @@
                         }
                         else
                         {
-                            <select class="form-control" @onchange="(e => PageChanged(e))">
+                            <select class="form-select" @onchange="(e => PageChanged(e))">
                                 <option value="-">&lt;@Localizer["Page.Select"]&gt;</option>
                                 @foreach (Page p in _pages)
                                 {
                                     <option value="@p.PageId">@p.Name</option>
                                 }
                             </select>
-                            <select class="form-control" @bind="@ModuleId">
+                            <select class="form-select" @bind="@ModuleId">
                                 <option value="-">&lt;@Localizer["Module.Select"]&gt;</option>
                                 @foreach (Module module in _modules)
                                 {
@@ -167,7 +161,7 @@
                     <div class="row">
                         <div class="col text-center">
                             <label for="Pane" class="control-label">@Localizer["Pane"] </label>
-                            <select class="form-control" @bind="@Pane">
+                            <select class="form-select" @bind="@Pane">
                                 @foreach (string pane in PageState.Page.Panes)
                                 {
                                     <option value="@pane">@pane Pane</option>
@@ -179,7 +173,7 @@
                 <div class="row">
                     <div class="col text-center">
                         <label for="Container" class="control-label">@Localizer["Container"] </label>
-                        <select class="form-control" @bind="@ContainerType">
+                        <select class="form-select" @bind="@ContainerType">
                             @foreach (var container in _containers)
                             {
                                 <option value="@container.TypeName">@container.Name</option>
@@ -188,12 +182,12 @@
                     </div>
                 </div>
                 <br />
-                <button type="button" class="btn btn-primary btn-block mx-auto" @onclick="@AddModule">@Localizer["Page.Module.Add"]</button>
+                <button type="button" class="btn btn-primary col-12" @onclick="@AddModule">@Localizer["Page.Module.Add"]</button>
                 @((MarkupString) Message)
                 @if (UserSecurity.IsAuthorized(PageState.User, RoleNames.Host))
                 {
                     <hr class="app-rule" />
-                    <NavLink class="btn btn-info btn-block mx-auto" href="@NavigateUrl("admin/update")">@Localizer["System.Update"]</NavLink>
+                    <NavLink class="btn btn-info col-12" href="@NavigateUrl("admin/update")">@Localizer["System.Update"]</NavLink>
                 }
             </div>
         </div>
@@ -209,13 +203,13 @@
 {
     if (PageState.EditMode)
     {
-        <button type="button" class="btn @ButtonClass active" data-toggle="button" aria-pressed="true" autocomplete="off" @onclick="(async () => await ToggleEditMode(PageState.EditMode))">
+        <button type="button" class="btn @ButtonClass active" data-bs-toggle="button" aria-pressed="true" autocomplete="off" @onclick="(async () => await ToggleEditMode(PageState.EditMode))">
             <span class="oi oi-pencil"></span>
         </button>
     }
     else
     {
-        <button type="button" class="btn @ButtonClass" data-toggle="button" aria-pressed="false" autocomplete="off" @onclick="(async () => await ToggleEditMode(PageState.EditMode))">
+        <button type="button" class="btn @ButtonClass" data-bs-toggle="button" aria-pressed="false" autocomplete="off" @onclick="(async () => await ToggleEditMode(PageState.EditMode))">
             <span class="oi oi-pencil"></span>
         </button>
     }
diff --git a/Oqtane.Client/Themes/Controls/Theme/LanguageSwitcher.razor b/Oqtane.Client/Themes/Controls/Theme/LanguageSwitcher.razor
index 64b1d196..41219b0b 100644
--- a/Oqtane.Client/Themes/Controls/Theme/LanguageSwitcher.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/LanguageSwitcher.razor
@@ -9,7 +9,7 @@
 @if (_supportedCultures?.Count() > 1)
 {
     <div class="btn-group" role="group">
-        <button id="btnCultures" type="button" class="btn btn-outline-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        <button id="btnCultures" type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             <span class="oi oi-globe"></span>
         </button>
         <div class="dropdown-menu" aria-labelledby="btnCultures">
diff --git a/Oqtane.Client/Themes/Controls/Theme/MenuHorizontal.razor b/Oqtane.Client/Themes/Controls/Theme/MenuHorizontal.razor
index c4c45f16..4f90ba70 100644
--- a/Oqtane.Client/Themes/Controls/Theme/MenuHorizontal.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/MenuHorizontal.razor
@@ -5,7 +5,7 @@
 @if (MenuPages.Any())
 {
     <span class="app-menu-toggler">
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Menu" aria-controls="Menu" aria-expanded="false" aria-label="Toggle Navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#Menu" aria-controls="Menu" aria-expanded="false" aria-label="Toggle Navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
     </span>
diff --git a/Oqtane.Client/Themes/Controls/Theme/MenuItemsHorizontal.razor b/Oqtane.Client/Themes/Controls/Theme/MenuItemsHorizontal.razor
index 5e75738b..5306b6b7 100644
--- a/Oqtane.Client/Themes/Controls/Theme/MenuItemsHorizontal.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/MenuItemsHorizontal.razor
@@ -10,7 +10,7 @@
             {
                 <a class="nav-link active px-3" href="@GetUrl(childPage)" target="@GetTarget(childPage)">
                         <span class="@childPage.Icon" aria-hidden="true" />
-                        @childPage.Name <span class="sr-only">(current)</span>
+                        @childPage.Name <span class="visually-hidden-focusable">(current)</span>
                 </a>
             }
             else
@@ -35,7 +35,7 @@ else
                     <li class="nav-item active">
                         <a class="nav-link" href="@GetUrl(childPage)" target="@GetTarget(childPage)">
                             <span class="@childPage.Icon" aria-hidden="true" />
-                            @childPage.Name <span class="sr-only">(current)</span>
+                            @childPage.Name <span class="visually-hidden-focusable">(current)</span>
                         </a>
                     </li>
                 }
@@ -54,9 +54,9 @@ else
                 if (childPage.PageId == PageState.Page.PageId)
                 {
                     <li class="nav-item dropdown active">
-                        <a class="nav-link dropdown-toggle" href="@GetUrl(childPage)" target="@GetTarget(childPage)" id="@($"navbarDropdown{childPage.PageId}")" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <a class="nav-link dropdown-toggle" href="@GetUrl(childPage)" target="@GetTarget(childPage)" id="@($"navbarDropdown{childPage.PageId}")" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             <span class="@childPage.Icon" aria-hidden="true" />
-                            @childPage.Name <span class="sr-only">(current)</span>
+                            @childPage.Name <span class="visually-hidden-focusable">(current)</span>
                         </a>
                         <MenuItemsHorizontal ParentPage="childPage" Pages="Pages" />
                     </li>
@@ -64,7 +64,7 @@ else
                 else
                 {
                     <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="@GetUrl(childPage)" target="@GetTarget(childPage)" id="@($"navbarDropdown{childPage.PageId}")" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <a class="nav-link dropdown-toggle" href="@GetUrl(childPage)" target="@GetTarget(childPage)" id="@($"navbarDropdown{childPage.PageId}")" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             <span class="@childPage.Icon" aria-hidden="true" />
                             @childPage.Name
                         </a>
diff --git a/Oqtane.Client/Themes/Controls/Theme/MenuItemsVertical.razor b/Oqtane.Client/Themes/Controls/Theme/MenuItemsVertical.razor
index 2f314ca0..529ae3f3 100644
--- a/Oqtane.Client/Themes/Controls/Theme/MenuItemsVertical.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/MenuItemsVertical.razor
@@ -10,7 +10,7 @@
             <li class="nav-item px-3" style="margin-left: @(childPage.Level * 15)px;">
                 <a class="nav-link active" href="@GetUrl(childPage)" target="@GetTarget(childPage)">
                     <span class="@childPage.Icon" aria-hidden="true" />
-                    @childPage.Name <span class="sr-only">(current)</span>
+                    @childPage.Name <span class="visually-hidden-focusable">(current)</span>
                 </a>
             </li>
         }
@@ -39,7 +39,7 @@ else
                 <li class="nav-item px-3" style="margin-left: @(childPage.Level * 15)px;">
                     <a class="nav-link active" href="@GetUrl(childPage)" target="@GetTarget(childPage)">
                         <span class="@childPage.Icon" aria-hidden="true" />
-                        @childPage.Name <span class="sr-only">(current)</span>
+                        @childPage.Name <span class="visually-hidden-focusable">(current)</span>
                     </a>
                 </li>
             }
diff --git a/Oqtane.Client/Themes/Controls/Theme/MenuVertical.razor b/Oqtane.Client/Themes/Controls/Theme/MenuVertical.razor
index a552ea11..8ca1f097 100644
--- a/Oqtane.Client/Themes/Controls/Theme/MenuVertical.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/MenuVertical.razor
@@ -4,7 +4,7 @@
 @if (MenuPages.Any())
 {
     <span class="app-menu-toggler">
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Menu" aria-controls="Menu" aria-expanded="false" aria-label="Toggle Navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#Menu" aria-controls="Menu" aria-expanded="false" aria-label="Toggle Navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
     </span>
diff --git a/Oqtane.Client/Themes/OqtaneTheme/Containers/ContainerSettings.razor b/Oqtane.Client/Themes/OqtaneTheme/Containers/ContainerSettings.razor
index abf8059a..95d23dff 100644
--- a/Oqtane.Client/Themes/OqtaneTheme/Containers/ContainerSettings.razor
+++ b/Oqtane.Client/Themes/OqtaneTheme/Containers/ContainerSettings.razor
@@ -6,11 +6,11 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="title" ResourceKey="Title" HelpText="Specify If The Module Title Should Be Displayed">Display Title?</Label>
         </td>
         <td>
-            <select id="title" class="form-control" @bind="@_title">
+            <select id="title" class="form-select" @bind="@_title">
                 <option value="true">Yes</option>
                 <option value="false">No</option>
             </select>
@@ -21,7 +21,7 @@
             <Label For="background\" ResourceKey="Background" HelpText="Optionally Specify A Background Color For The Container">Background Color:</Label>
         </td>
         <td>
-            <select id="background" class="form-control" @bind="@_background">
+            <select id="background" class="form-select" @bind="@_background">
                 <option value="">None</option>
                 <option value="bg-primary">Primary</option>
                 <option value="bg-secondary">Secondary</option>
@@ -39,7 +39,7 @@
             <Label For="text" ResourceKey="Text" HelpText="Optionally Specify A Text Color For The Container">Text Color:</Label>
         </td>
         <td>
-            <select id="text" class="form-control" @bind="@_text">
+            <select id="text" class="form-select" @bind="@_text">
                 <option value="">None</option>
                 <option value="text-primary">Primary</option>
                 <option value="text-secondary">Secondary</option>
@@ -57,7 +57,7 @@
             <Label For="border" ResourceKey="Border" HelpText="Optionally Specify A Border For The Container">Border Color:</Label>
         </td>
         <td>
-            <select id="border" class="form-control" @bind="@_border">
+            <select id="border" class="form-select" @bind="@_border">
                 <option value="">None</option>
                 <option value="border">Default</option>
                 <option value="border border-primary">Primary</option>
diff --git a/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor b/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
index 039ecc07..9779050c 100644
--- a/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
+++ b/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
@@ -5,7 +5,7 @@
 <main role="main">
     <nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-top">
         <Logo /><Menu Orientation="Horizontal" />
-        <div class="controls ml-md-auto">
+        <div class="controls ms-auto">
             <div class="controls-group"><UserProfile /> <Login /> <ControlPanel /></div>
         </div>
     </nav>
@@ -111,12 +111,10 @@
     public override string Panes => PaneNames.Admin + ",Top Full Width,Top 100%,Left 50%,Right 50%,Left 33%,Center 33%,Right 33%,Left Outer 25%,Left Inner 25%,Right Inner 25%,Right Outer 25%,Left 25%,Center 50%,Right 25%,Left Sidebar 66%,Right Sidebar 33%,Left Sidebar 33%,Right Sidebar 66%,Bottom 100%,Bottom Full Width,Footer";
 
     public override List<Resource> Resources => new List<Resource>()
-{
-        new Resource { ResourceType = ResourceType.Stylesheet, Url = "https://stackpath.bootstrapcdn.com/bootswatch/4.5.0/cyborg/bootstrap.min.css", Integrity = "sha384-GKugkVcT8wqoh3M8z1lqHbU+g6j498/ZT/zuXbepz7Dc09/otQZxTimkEMTkRWHP", CrossOrigin = "anonymous" },
+    {
+        new Resource { ResourceType = ResourceType.Stylesheet, Url = "https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.0.2/cyborg/bootstrap.min.css", Integrity = "sha512-X2u8dAWrVfvanPTlHwLh0fXttDDhkdV79q7cOibXR7hm9R3pRMFi53OwpGMdcbUiRk97isaXCRqFbm5LX1MiYw==", CrossOrigin = "anonymous" },
         new Resource { ResourceType = ResourceType.Stylesheet, Url = ThemePath() + "Theme.css" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://code.jquery.com/jquery-3.5.1.slim.min.js", Integrity = "sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj", CrossOrigin = "anonymous" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js", Integrity = "sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo", CrossOrigin = "anonymous" },
-        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js", Integrity = "sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI", CrossOrigin = "anonymous" }
+        new Resource { ResourceType = ResourceType.Script, Bundle = "Bootstrap", Url = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js", Integrity = "sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM", CrossOrigin = "anonymous" }
     };
 
     private bool _footer = false;
diff --git a/Oqtane.Client/Themes/OqtaneTheme/Themes/ThemeSettings.razor b/Oqtane.Client/Themes/OqtaneTheme/Themes/ThemeSettings.razor
index 05d0351b..2b5d56b6 100644
--- a/Oqtane.Client/Themes/OqtaneTheme/Themes/ThemeSettings.razor
+++ b/Oqtane.Client/Themes/OqtaneTheme/Themes/ThemeSettings.razor
@@ -6,11 +6,11 @@
 
 <table class="table table-borderless">
     <tr>
-        <td>
+        <td width="30%">
             <Label For="footer" ResourceKey="Footer" HelpText="Specify If A Footer Should Always Be Displayed In A Fixed Location At The Bottom Of The Browser Window">Display Fixed Footer?</Label>
         </td>
         <td>
-            <select id="footer" class="form-control" @bind="@_footer">
+            <select id="footer" class="form-select" @bind="@_footer">
                 <option value="true">Yes</option>
                 <option value="false">No</option>
             </select>
diff --git a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
index fba5b909..a9b0be4d 100644
--- a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
+++ b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
@@ -1,4 +1,32 @@
-.breadcrumbs {
+.table > :not(caption) > * > * {
+    box-shadow: none;
+}
+
+.table .form-control {
+    background-color: #ffffff !important;
+    border-width: 0.5px !important;
+    border-bottom-color: #ccc !important;
+}
+
+.table .form-select {
+    background-color: #ffffff !important;
+    border-width: 0.5px !important;
+    border-bottom-color: #ccc !important;
+}
+
+.table .btn-primary {
+    background-color: var(--bs-primary);
+}
+
+.table .btn-secondary {
+    background-color: var(--bs-secondary);
+}
+
+.alert-dismissible .btn-close {
+    z-index: 1;
+}
+
+.breadcrumbs {
     background-color: #e6e6e6;
     border-bottom: 1px solid #d6d5d5;
 }
@@ -69,6 +97,7 @@
     display: flex;
     align-items: center;
     line-height: 3rem;
+    padding-left: 1rem;
 }
 
 .app-menu .nav-item a.active {
@@ -87,7 +116,7 @@
 
 .navbar-toggler {
     background-color: rgba(255, 255, 255, 0.1);
-    margin-left: auto;
+    margin: .5rem;
 }
 
 @media (max-width: 767.98px) {
@@ -110,7 +139,7 @@
     .breadcrumbs {
         position: fixed;
         left: 275px;
-        top: 0;
+        top: 15px;
         z-index: 3
     }
 
diff --git a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/BootswatchCyborg.css b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/BootswatchCyborg.css
deleted file mode 100644
index 48621c74..00000000
--- a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/BootswatchCyborg.css
+++ /dev/null
@@ -1,11153 +0,0 @@
-/*!
- * Bootswatch v4.4.0
- * Homepage: https://bootswatch.com
- * Copyright 2012-2019 Thomas Park
- * Licensed under MIT
- * Based on Bootstrap
-*/ /*!
- * Bootstrap v4.4.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
-
-:root {
-    --blue: #2A9FD6;
-    --indigo: #6610f2;
-    --purple: #6f42c1;
-    --pink: #e83e8c;
-    --red: #CC0000;
-    --orange: #fd7e14;
-    --yellow: #FF8800;
-    --green: #77B300;
-    --teal: #20c997;
-    --cyan: #9933CC;
-    --white: #fff;
-    --gray: #555;
-    --gray-dark: #222;
-    --primary: #2A9FD6;
-    --secondary: #555;
-    --success: #77B300;
-    --info: #9933CC;
-    --warning: #FF8800;
-    --danger: #CC0000;
-    --light: #222;
-    --dark: #ADAFAE;
-    --breakpoint-xs: 0;
-    --breakpoint-sm: 576px;
-    --breakpoint-md: 768px;
-    --breakpoint-lg: 992px;
-    --breakpoint-xl: 1200px;
-    --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
-}
-
-*, *::before, *::after {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-}
-
-html {
-    font-family: sans-serif;
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%;
-    -webkit-tap-highlight-color: rgba(0,0,0,0)
-}
-
-article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
-    display: block
-}
-
-body {
-    margin: 0;
-    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #ADAFAE;
-    text-align: left;
-    background-color: #060606
-}
-
-[tabindex="-1"]:focus:not(:focus-visible) {
-    outline: 0 !important
-}
-
-hr {
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible
-}
-
-h1, h2, h3, h4, h5, h6 {
-    margin-top: 0;
-    margin-bottom: 0.5rem
-}
-
-p {
-    margin-top: 0;
-    margin-bottom: 1rem
-}
-
-abbr[title], abbr[data-original-title] {
-    text-decoration: underline;
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-    cursor: help;
-    border-bottom: 0;
-    text-decoration-skip-ink: none
-}
-
-address {
-    margin-bottom: 1rem;
-    font-style: normal;
-    line-height: inherit
-}
-
-ol, ul, dl {
-    margin-top: 0;
-    margin-bottom: 1rem
-}
-
-    ol ol, ul ul, ol ul, ul ol {
-        margin-bottom: 0
-    }
-
-dt {
-    font-weight: 700
-}
-
-dd {
-    margin-bottom: .5rem;
-    margin-left: 0
-}
-
-blockquote {
-    margin: 0 0 1rem
-}
-
-b, strong {
-    font-weight: bolder
-}
-
-small {
-    font-size: 80%
-}
-
-sub, sup {
-    position: relative;
-    font-size: 75%;
-    line-height: 0;
-    vertical-align: baseline
-}
-
-sub {
-    bottom: -.25em
-}
-
-sup {
-    top: -.5em
-}
-
-a {
-    color: #2A9FD6;
-    text-decoration: none;
-    background-color: transparent
-}
-
-    a:hover {
-        color: #1d7097;
-        text-decoration: underline
-    }
-
-    a:not([href]) {
-        color: inherit;
-        text-decoration: none
-    }
-
-        a:not([href]):hover {
-            color: inherit;
-            text-decoration: none
-        }
-
-pre, code, kbd, samp {
-    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    font-size: 1em
-}
-
-pre {
-    margin-top: 0;
-    margin-bottom: 1rem;
-    overflow: auto
-}
-
-figure {
-    margin: 0 0 1rem
-}
-
-img {
-    vertical-align: middle;
-    border-style: none
-}
-
-svg {
-    overflow: hidden;
-    vertical-align: middle
-}
-
-table {
-    border-collapse: collapse
-}
-
-caption {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-    color: #555;
-    text-align: left;
-    caption-side: bottom
-}
-
-th {
-    text-align: inherit
-}
-
-label {
-    display: inline-block;
-    margin-bottom: 0.5rem
-}
-
-button {
-    border-radius: 0
-}
-
-    button:focus {
-        outline: 1px dotted;
-        outline: 5px auto -webkit-focus-ring-color
-    }
-
-input, button, select, optgroup, textarea {
-    margin: 0;
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit
-}
-
-button, input {
-    overflow: visible
-}
-
-button, select {
-    text-transform: none
-}
-
-select {
-    word-wrap: normal
-}
-
-button, [type="button"], [type="reset"], [type="submit"] {
-    -webkit-appearance: button
-}
-
-    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
-        cursor: pointer
-    }
-
-    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
-        padding: 0;
-        border-style: none
-    }
-
-input[type="radio"], input[type="checkbox"] {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0
-}
-
-input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
-    -webkit-appearance: listbox
-}
-
-textarea {
-    overflow: auto;
-    resize: vertical
-}
-
-fieldset {
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    border: 0
-}
-
-legend {
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-    margin-bottom: .5rem;
-    font-size: 1.5rem;
-    line-height: inherit;
-    color: inherit;
-    white-space: normal
-}
-
-progress {
-    vertical-align: baseline
-}
-
-[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
-    height: auto
-}
-
-[type="search"] {
-    outline-offset: -2px;
-    -webkit-appearance: none
-}
-
-    [type="search"]::-webkit-search-decoration {
-        -webkit-appearance: none
-    }
-
-::-webkit-file-upload-button {
-    font: inherit;
-    -webkit-appearance: button
-}
-
-output {
-    display: inline-block
-}
-
-summary {
-    display: list-item;
-    cursor: pointer
-}
-
-template {
-    display: none
-}
-
-[hidden] {
-    display: none !important
-}
-
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-    margin-bottom: 0.5rem;
-    font-weight: 500;
-    line-height: 1.2;
-    color: #fff
-}
-
-h1, .h1 {
-    font-size: 4rem
-}
-
-h2, .h2 {
-    font-size: 3rem
-}
-
-h3, .h3 {
-    font-size: 2.5rem
-}
-
-h4, .h4 {
-    font-size: 2rem
-}
-
-h5, .h5 {
-    font-size: 1.5rem
-}
-
-h6, .h6 {
-    font-size: 0.875rem
-}
-
-.lead {
-    font-size: 1.09375rem;
-    font-weight: 300
-}
-
-.display-1 {
-    font-size: 6rem;
-    font-weight: 300;
-    line-height: 1.2
-}
-
-.display-2 {
-    font-size: 5.5rem;
-    font-weight: 300;
-    line-height: 1.2
-}
-
-.display-3 {
-    font-size: 4.5rem;
-    font-weight: 300;
-    line-height: 1.2
-}
-
-.display-4 {
-    font-size: 3.5rem;
-    font-weight: 300;
-    line-height: 1.2
-}
-
-hr {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    border: 0;
-    border-top: 1px solid rgba(0,0,0,0.1)
-}
-
-small, .small {
-    font-size: 80%;
-    font-weight: 400
-}
-
-mark, .mark {
-    padding: 0.2em;
-    background-color: #fcf8e3
-}
-
-.list-unstyled {
-    padding-left: 0;
-    list-style: none
-}
-
-.list-inline {
-    padding-left: 0;
-    list-style: none
-}
-
-.list-inline-item {
-    display: inline-block
-}
-
-    .list-inline-item:not(:last-child) {
-        margin-right: 0.5rem
-    }
-
-.initialism {
-    font-size: 90%;
-    text-transform: uppercase
-}
-
-.blockquote {
-    margin-bottom: 1rem;
-    font-size: 1.09375rem
-}
-
-.blockquote-footer {
-    display: block;
-    font-size: 80%;
-    color: #555
-}
-
-    .blockquote-footer::before {
-        content: "\2014\00A0"
-    }
-
-.img-fluid {
-    max-width: 100%;
-    height: auto
-}
-
-.img-thumbnail {
-    padding: 0.25rem;
-    background-color: #060606;
-    border: 1px solid #dee2e6;
-    border-radius: 0.25rem;
-    max-width: 100%;
-    height: auto
-}
-
-.figure {
-    display: inline-block
-}
-
-.figure-img {
-    margin-bottom: 0.5rem;
-    line-height: 1
-}
-
-.figure-caption {
-    font-size: 90%;
-    color: #555
-}
-
-code {
-    font-size: 87.5%;
-    color: #e83e8c;
-    word-wrap: break-word
-}
-
-a > code {
-    color: inherit
-}
-
-kbd {
-    padding: 0.2rem 0.4rem;
-    font-size: 87.5%;
-    color: #fff;
-    background-color: #212529;
-    border-radius: 0.2rem
-}
-
-    kbd kbd {
-        padding: 0;
-        font-size: 100%;
-        font-weight: 700
-    }
-
-pre {
-    display: block;
-    font-size: 87.5%;
-    color: inherit
-}
-
-    pre code {
-        font-size: inherit;
-        color: inherit;
-        word-break: normal
-    }
-
-.pre-scrollable {
-    max-height: 340px;
-    overflow-y: scroll
-}
-
-.container {
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto
-}
-
-@media (min-width: 576px) {
-    .container {
-        max-width: 540px
-    }
-}
-
-@media (min-width: 768px) {
-    .container {
-        max-width: 720px
-    }
-}
-
-@media (min-width: 992px) {
-    .container {
-        max-width: 960px
-    }
-}
-
-@media (min-width: 1200px) {
-    .container {
-        max-width: 1140px
-    }
-}
-
-.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto
-}
-
-@media (min-width: 576px) {
-    .container, .container-sm {
-        max-width: 540px
-    }
-}
-
-@media (min-width: 768px) {
-    .container, .container-sm, .container-md {
-        max-width: 720px
-    }
-}
-
-@media (min-width: 992px) {
-    .container, .container-sm, .container-md, .container-lg {
-        max-width: 960px
-    }
-}
-
-@media (min-width: 1200px) {
-    .container, .container-sm, .container-md, .container-lg, .container-xl {
-        max-width: 1140px
-    }
-}
-
-.row {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin-right: -15px;
-    margin-left: -15px
-}
-
-.no-gutters {
-    margin-right: 0;
-    margin-left: 0
-}
-
-    .no-gutters > .col, .no-gutters > [class*="col-"] {
-        padding-right: 0;
-        padding-left: 0
-    }
-
-.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
-    position: relative;
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px
-}
-
-.col {
-    -ms-flex-preferred-size: 0;
-    flex-basis: 0;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    max-width: 100%
-}
-
-.row-cols-1 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 100%;
-    flex: 0 0 100%;
-    max-width: 100%
-}
-
-.row-cols-2 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 50%;
-    flex: 0 0 50%;
-    max-width: 50%
-}
-
-.row-cols-3 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 33.3333333333%;
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%
-}
-
-.row-cols-4 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 25%;
-    flex: 0 0 25%;
-    max-width: 25%
-}
-
-.row-cols-5 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 20%;
-    flex: 0 0 20%;
-    max-width: 20%
-}
-
-.row-cols-6 > * {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 16.6666666667%;
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%
-}
-
-.col-auto {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    width: auto;
-    max-width: 100%
-}
-
-.col-1 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 8.3333333333%;
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%
-}
-
-.col-2 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 16.6666666667%;
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%
-}
-
-.col-3 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 25%;
-    flex: 0 0 25%;
-    max-width: 25%
-}
-
-.col-4 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 33.3333333333%;
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%
-}
-
-.col-5 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 41.6666666667%;
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%
-}
-
-.col-6 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 50%;
-    flex: 0 0 50%;
-    max-width: 50%
-}
-
-.col-7 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 58.3333333333%;
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%
-}
-
-.col-8 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 66.6666666667%;
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%
-}
-
-.col-9 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 75%;
-    flex: 0 0 75%;
-    max-width: 75%
-}
-
-.col-10 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 83.3333333333%;
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%
-}
-
-.col-11 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 91.6666666667%;
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%
-}
-
-.col-12 {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 100%;
-    flex: 0 0 100%;
-    max-width: 100%
-}
-
-.order-first {
-    -webkit-box-ordinal-group: 0;
-    -ms-flex-order: -1;
-    order: -1
-}
-
-.order-last {
-    -webkit-box-ordinal-group: 14;
-    -ms-flex-order: 13;
-    order: 13
-}
-
-.order-0 {
-    -webkit-box-ordinal-group: 1;
-    -ms-flex-order: 0;
-    order: 0
-}
-
-.order-1 {
-    -webkit-box-ordinal-group: 2;
-    -ms-flex-order: 1;
-    order: 1
-}
-
-.order-2 {
-    -webkit-box-ordinal-group: 3;
-    -ms-flex-order: 2;
-    order: 2
-}
-
-.order-3 {
-    -webkit-box-ordinal-group: 4;
-    -ms-flex-order: 3;
-    order: 3
-}
-
-.order-4 {
-    -webkit-box-ordinal-group: 5;
-    -ms-flex-order: 4;
-    order: 4
-}
-
-.order-5 {
-    -webkit-box-ordinal-group: 6;
-    -ms-flex-order: 5;
-    order: 5
-}
-
-.order-6 {
-    -webkit-box-ordinal-group: 7;
-    -ms-flex-order: 6;
-    order: 6
-}
-
-.order-7 {
-    -webkit-box-ordinal-group: 8;
-    -ms-flex-order: 7;
-    order: 7
-}
-
-.order-8 {
-    -webkit-box-ordinal-group: 9;
-    -ms-flex-order: 8;
-    order: 8
-}
-
-.order-9 {
-    -webkit-box-ordinal-group: 10;
-    -ms-flex-order: 9;
-    order: 9
-}
-
-.order-10 {
-    -webkit-box-ordinal-group: 11;
-    -ms-flex-order: 10;
-    order: 10
-}
-
-.order-11 {
-    -webkit-box-ordinal-group: 12;
-    -ms-flex-order: 11;
-    order: 11
-}
-
-.order-12 {
-    -webkit-box-ordinal-group: 13;
-    -ms-flex-order: 12;
-    order: 12
-}
-
-.offset-1 {
-    margin-left: 8.3333333333%
-}
-
-.offset-2 {
-    margin-left: 16.6666666667%
-}
-
-.offset-3 {
-    margin-left: 25%
-}
-
-.offset-4 {
-    margin-left: 33.3333333333%
-}
-
-.offset-5 {
-    margin-left: 41.6666666667%
-}
-
-.offset-6 {
-    margin-left: 50%
-}
-
-.offset-7 {
-    margin-left: 58.3333333333%
-}
-
-.offset-8 {
-    margin-left: 66.6666666667%
-}
-
-.offset-9 {
-    margin-left: 75%
-}
-
-.offset-10 {
-    margin-left: 83.3333333333%
-}
-
-.offset-11 {
-    margin-left: 91.6666666667%
-}
-
-@media (min-width: 576px) {
-    .col-sm {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-    }
-
-    .row-cols-sm-1 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .row-cols-sm-2 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .row-cols-sm-3 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .row-cols-sm-4 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .row-cols-sm-5 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 20%;
-        flex: 0 0 20%;
-        max-width: 20%
-    }
-
-    .row-cols-sm-6 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-sm-auto {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-    }
-
-    .col-sm-1 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 8.3333333333%;
-        flex: 0 0 8.3333333333%;
-        max-width: 8.3333333333%
-    }
-
-    .col-sm-2 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-sm-3 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .col-sm-4 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .col-sm-5 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 41.6666666667%;
-        flex: 0 0 41.6666666667%;
-        max-width: 41.6666666667%
-    }
-
-    .col-sm-6 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .col-sm-7 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 58.3333333333%;
-        flex: 0 0 58.3333333333%;
-        max-width: 58.3333333333%
-    }
-
-    .col-sm-8 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 66.6666666667%;
-        flex: 0 0 66.6666666667%;
-        max-width: 66.6666666667%
-    }
-
-    .col-sm-9 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-    }
-
-    .col-sm-10 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 83.3333333333%;
-        flex: 0 0 83.3333333333%;
-        max-width: 83.3333333333%
-    }
-
-    .col-sm-11 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 91.6666666667%;
-        flex: 0 0 91.6666666667%;
-        max-width: 91.6666666667%
-    }
-
-    .col-sm-12 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .order-sm-first {
-        -webkit-box-ordinal-group: 0;
-        -ms-flex-order: -1;
-        order: -1
-    }
-
-    .order-sm-last {
-        -webkit-box-ordinal-group: 14;
-        -ms-flex-order: 13;
-        order: 13
-    }
-
-    .order-sm-0 {
-        -webkit-box-ordinal-group: 1;
-        -ms-flex-order: 0;
-        order: 0
-    }
-
-    .order-sm-1 {
-        -webkit-box-ordinal-group: 2;
-        -ms-flex-order: 1;
-        order: 1
-    }
-
-    .order-sm-2 {
-        -webkit-box-ordinal-group: 3;
-        -ms-flex-order: 2;
-        order: 2
-    }
-
-    .order-sm-3 {
-        -webkit-box-ordinal-group: 4;
-        -ms-flex-order: 3;
-        order: 3
-    }
-
-    .order-sm-4 {
-        -webkit-box-ordinal-group: 5;
-        -ms-flex-order: 4;
-        order: 4
-    }
-
-    .order-sm-5 {
-        -webkit-box-ordinal-group: 6;
-        -ms-flex-order: 5;
-        order: 5
-    }
-
-    .order-sm-6 {
-        -webkit-box-ordinal-group: 7;
-        -ms-flex-order: 6;
-        order: 6
-    }
-
-    .order-sm-7 {
-        -webkit-box-ordinal-group: 8;
-        -ms-flex-order: 7;
-        order: 7
-    }
-
-    .order-sm-8 {
-        -webkit-box-ordinal-group: 9;
-        -ms-flex-order: 8;
-        order: 8
-    }
-
-    .order-sm-9 {
-        -webkit-box-ordinal-group: 10;
-        -ms-flex-order: 9;
-        order: 9
-    }
-
-    .order-sm-10 {
-        -webkit-box-ordinal-group: 11;
-        -ms-flex-order: 10;
-        order: 10
-    }
-
-    .order-sm-11 {
-        -webkit-box-ordinal-group: 12;
-        -ms-flex-order: 11;
-        order: 11
-    }
-
-    .order-sm-12 {
-        -webkit-box-ordinal-group: 13;
-        -ms-flex-order: 12;
-        order: 12
-    }
-
-    .offset-sm-0 {
-        margin-left: 0
-    }
-
-    .offset-sm-1 {
-        margin-left: 8.3333333333%
-    }
-
-    .offset-sm-2 {
-        margin-left: 16.6666666667%
-    }
-
-    .offset-sm-3 {
-        margin-left: 25%
-    }
-
-    .offset-sm-4 {
-        margin-left: 33.3333333333%
-    }
-
-    .offset-sm-5 {
-        margin-left: 41.6666666667%
-    }
-
-    .offset-sm-6 {
-        margin-left: 50%
-    }
-
-    .offset-sm-7 {
-        margin-left: 58.3333333333%
-    }
-
-    .offset-sm-8 {
-        margin-left: 66.6666666667%
-    }
-
-    .offset-sm-9 {
-        margin-left: 75%
-    }
-
-    .offset-sm-10 {
-        margin-left: 83.3333333333%
-    }
-
-    .offset-sm-11 {
-        margin-left: 91.6666666667%
-    }
-}
-
-@media (min-width: 768px) {
-    .col-md {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-    }
-
-    .row-cols-md-1 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .row-cols-md-2 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .row-cols-md-3 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .row-cols-md-4 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .row-cols-md-5 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 20%;
-        flex: 0 0 20%;
-        max-width: 20%
-    }
-
-    .row-cols-md-6 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-md-auto {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-    }
-
-    .col-md-1 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 8.3333333333%;
-        flex: 0 0 8.3333333333%;
-        max-width: 8.3333333333%
-    }
-
-    .col-md-2 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-md-3 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .col-md-4 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .col-md-5 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 41.6666666667%;
-        flex: 0 0 41.6666666667%;
-        max-width: 41.6666666667%
-    }
-
-    .col-md-6 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .col-md-7 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 58.3333333333%;
-        flex: 0 0 58.3333333333%;
-        max-width: 58.3333333333%
-    }
-
-    .col-md-8 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 66.6666666667%;
-        flex: 0 0 66.6666666667%;
-        max-width: 66.6666666667%
-    }
-
-    .col-md-9 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-    }
-
-    .col-md-10 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 83.3333333333%;
-        flex: 0 0 83.3333333333%;
-        max-width: 83.3333333333%
-    }
-
-    .col-md-11 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 91.6666666667%;
-        flex: 0 0 91.6666666667%;
-        max-width: 91.6666666667%
-    }
-
-    .col-md-12 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .order-md-first {
-        -webkit-box-ordinal-group: 0;
-        -ms-flex-order: -1;
-        order: -1
-    }
-
-    .order-md-last {
-        -webkit-box-ordinal-group: 14;
-        -ms-flex-order: 13;
-        order: 13
-    }
-
-    .order-md-0 {
-        -webkit-box-ordinal-group: 1;
-        -ms-flex-order: 0;
-        order: 0
-    }
-
-    .order-md-1 {
-        -webkit-box-ordinal-group: 2;
-        -ms-flex-order: 1;
-        order: 1
-    }
-
-    .order-md-2 {
-        -webkit-box-ordinal-group: 3;
-        -ms-flex-order: 2;
-        order: 2
-    }
-
-    .order-md-3 {
-        -webkit-box-ordinal-group: 4;
-        -ms-flex-order: 3;
-        order: 3
-    }
-
-    .order-md-4 {
-        -webkit-box-ordinal-group: 5;
-        -ms-flex-order: 4;
-        order: 4
-    }
-
-    .order-md-5 {
-        -webkit-box-ordinal-group: 6;
-        -ms-flex-order: 5;
-        order: 5
-    }
-
-    .order-md-6 {
-        -webkit-box-ordinal-group: 7;
-        -ms-flex-order: 6;
-        order: 6
-    }
-
-    .order-md-7 {
-        -webkit-box-ordinal-group: 8;
-        -ms-flex-order: 7;
-        order: 7
-    }
-
-    .order-md-8 {
-        -webkit-box-ordinal-group: 9;
-        -ms-flex-order: 8;
-        order: 8
-    }
-
-    .order-md-9 {
-        -webkit-box-ordinal-group: 10;
-        -ms-flex-order: 9;
-        order: 9
-    }
-
-    .order-md-10 {
-        -webkit-box-ordinal-group: 11;
-        -ms-flex-order: 10;
-        order: 10
-    }
-
-    .order-md-11 {
-        -webkit-box-ordinal-group: 12;
-        -ms-flex-order: 11;
-        order: 11
-    }
-
-    .order-md-12 {
-        -webkit-box-ordinal-group: 13;
-        -ms-flex-order: 12;
-        order: 12
-    }
-
-    .offset-md-0 {
-        margin-left: 0
-    }
-
-    .offset-md-1 {
-        margin-left: 8.3333333333%
-    }
-
-    .offset-md-2 {
-        margin-left: 16.6666666667%
-    }
-
-    .offset-md-3 {
-        margin-left: 25%
-    }
-
-    .offset-md-4 {
-        margin-left: 33.3333333333%
-    }
-
-    .offset-md-5 {
-        margin-left: 41.6666666667%
-    }
-
-    .offset-md-6 {
-        margin-left: 50%
-    }
-
-    .offset-md-7 {
-        margin-left: 58.3333333333%
-    }
-
-    .offset-md-8 {
-        margin-left: 66.6666666667%
-    }
-
-    .offset-md-9 {
-        margin-left: 75%
-    }
-
-    .offset-md-10 {
-        margin-left: 83.3333333333%
-    }
-
-    .offset-md-11 {
-        margin-left: 91.6666666667%
-    }
-}
-
-@media (min-width: 992px) {
-    .col-lg {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-    }
-
-    .row-cols-lg-1 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .row-cols-lg-2 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .row-cols-lg-3 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .row-cols-lg-4 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .row-cols-lg-5 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 20%;
-        flex: 0 0 20%;
-        max-width: 20%
-    }
-
-    .row-cols-lg-6 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-lg-auto {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-    }
-
-    .col-lg-1 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 8.3333333333%;
-        flex: 0 0 8.3333333333%;
-        max-width: 8.3333333333%
-    }
-
-    .col-lg-2 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-lg-3 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .col-lg-4 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .col-lg-5 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 41.6666666667%;
-        flex: 0 0 41.6666666667%;
-        max-width: 41.6666666667%
-    }
-
-    .col-lg-6 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .col-lg-7 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 58.3333333333%;
-        flex: 0 0 58.3333333333%;
-        max-width: 58.3333333333%
-    }
-
-    .col-lg-8 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 66.6666666667%;
-        flex: 0 0 66.6666666667%;
-        max-width: 66.6666666667%
-    }
-
-    .col-lg-9 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-    }
-
-    .col-lg-10 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 83.3333333333%;
-        flex: 0 0 83.3333333333%;
-        max-width: 83.3333333333%
-    }
-
-    .col-lg-11 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 91.6666666667%;
-        flex: 0 0 91.6666666667%;
-        max-width: 91.6666666667%
-    }
-
-    .col-lg-12 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .order-lg-first {
-        -webkit-box-ordinal-group: 0;
-        -ms-flex-order: -1;
-        order: -1
-    }
-
-    .order-lg-last {
-        -webkit-box-ordinal-group: 14;
-        -ms-flex-order: 13;
-        order: 13
-    }
-
-    .order-lg-0 {
-        -webkit-box-ordinal-group: 1;
-        -ms-flex-order: 0;
-        order: 0
-    }
-
-    .order-lg-1 {
-        -webkit-box-ordinal-group: 2;
-        -ms-flex-order: 1;
-        order: 1
-    }
-
-    .order-lg-2 {
-        -webkit-box-ordinal-group: 3;
-        -ms-flex-order: 2;
-        order: 2
-    }
-
-    .order-lg-3 {
-        -webkit-box-ordinal-group: 4;
-        -ms-flex-order: 3;
-        order: 3
-    }
-
-    .order-lg-4 {
-        -webkit-box-ordinal-group: 5;
-        -ms-flex-order: 4;
-        order: 4
-    }
-
-    .order-lg-5 {
-        -webkit-box-ordinal-group: 6;
-        -ms-flex-order: 5;
-        order: 5
-    }
-
-    .order-lg-6 {
-        -webkit-box-ordinal-group: 7;
-        -ms-flex-order: 6;
-        order: 6
-    }
-
-    .order-lg-7 {
-        -webkit-box-ordinal-group: 8;
-        -ms-flex-order: 7;
-        order: 7
-    }
-
-    .order-lg-8 {
-        -webkit-box-ordinal-group: 9;
-        -ms-flex-order: 8;
-        order: 8
-    }
-
-    .order-lg-9 {
-        -webkit-box-ordinal-group: 10;
-        -ms-flex-order: 9;
-        order: 9
-    }
-
-    .order-lg-10 {
-        -webkit-box-ordinal-group: 11;
-        -ms-flex-order: 10;
-        order: 10
-    }
-
-    .order-lg-11 {
-        -webkit-box-ordinal-group: 12;
-        -ms-flex-order: 11;
-        order: 11
-    }
-
-    .order-lg-12 {
-        -webkit-box-ordinal-group: 13;
-        -ms-flex-order: 12;
-        order: 12
-    }
-
-    .offset-lg-0 {
-        margin-left: 0
-    }
-
-    .offset-lg-1 {
-        margin-left: 8.3333333333%
-    }
-
-    .offset-lg-2 {
-        margin-left: 16.6666666667%
-    }
-
-    .offset-lg-3 {
-        margin-left: 25%
-    }
-
-    .offset-lg-4 {
-        margin-left: 33.3333333333%
-    }
-
-    .offset-lg-5 {
-        margin-left: 41.6666666667%
-    }
-
-    .offset-lg-6 {
-        margin-left: 50%
-    }
-
-    .offset-lg-7 {
-        margin-left: 58.3333333333%
-    }
-
-    .offset-lg-8 {
-        margin-left: 66.6666666667%
-    }
-
-    .offset-lg-9 {
-        margin-left: 75%
-    }
-
-    .offset-lg-10 {
-        margin-left: 83.3333333333%
-    }
-
-    .offset-lg-11 {
-        margin-left: 91.6666666667%
-    }
-}
-
-@media (min-width: 1200px) {
-    .col-xl {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-    }
-
-    .row-cols-xl-1 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .row-cols-xl-2 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .row-cols-xl-3 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .row-cols-xl-4 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .row-cols-xl-5 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 20%;
-        flex: 0 0 20%;
-        max-width: 20%
-    }
-
-    .row-cols-xl-6 > * {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-xl-auto {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-    }
-
-    .col-xl-1 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 8.3333333333%;
-        flex: 0 0 8.3333333333%;
-        max-width: 8.3333333333%
-    }
-
-    .col-xl-2 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 16.6666666667%;
-        flex: 0 0 16.6666666667%;
-        max-width: 16.6666666667%
-    }
-
-    .col-xl-3 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-    }
-
-    .col-xl-4 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 33.3333333333%;
-        flex: 0 0 33.3333333333%;
-        max-width: 33.3333333333%
-    }
-
-    .col-xl-5 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 41.6666666667%;
-        flex: 0 0 41.6666666667%;
-        max-width: 41.6666666667%
-    }
-
-    .col-xl-6 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-    }
-
-    .col-xl-7 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 58.3333333333%;
-        flex: 0 0 58.3333333333%;
-        max-width: 58.3333333333%
-    }
-
-    .col-xl-8 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 66.6666666667%;
-        flex: 0 0 66.6666666667%;
-        max-width: 66.6666666667%
-    }
-
-    .col-xl-9 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-    }
-
-    .col-xl-10 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 83.3333333333%;
-        flex: 0 0 83.3333333333%;
-        max-width: 83.3333333333%
-    }
-
-    .col-xl-11 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 91.6666666667%;
-        flex: 0 0 91.6666666667%;
-        max-width: 91.6666666667%
-    }
-
-    .col-xl-12 {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-    }
-
-    .order-xl-first {
-        -webkit-box-ordinal-group: 0;
-        -ms-flex-order: -1;
-        order: -1
-    }
-
-    .order-xl-last {
-        -webkit-box-ordinal-group: 14;
-        -ms-flex-order: 13;
-        order: 13
-    }
-
-    .order-xl-0 {
-        -webkit-box-ordinal-group: 1;
-        -ms-flex-order: 0;
-        order: 0
-    }
-
-    .order-xl-1 {
-        -webkit-box-ordinal-group: 2;
-        -ms-flex-order: 1;
-        order: 1
-    }
-
-    .order-xl-2 {
-        -webkit-box-ordinal-group: 3;
-        -ms-flex-order: 2;
-        order: 2
-    }
-
-    .order-xl-3 {
-        -webkit-box-ordinal-group: 4;
-        -ms-flex-order: 3;
-        order: 3
-    }
-
-    .order-xl-4 {
-        -webkit-box-ordinal-group: 5;
-        -ms-flex-order: 4;
-        order: 4
-    }
-
-    .order-xl-5 {
-        -webkit-box-ordinal-group: 6;
-        -ms-flex-order: 5;
-        order: 5
-    }
-
-    .order-xl-6 {
-        -webkit-box-ordinal-group: 7;
-        -ms-flex-order: 6;
-        order: 6
-    }
-
-    .order-xl-7 {
-        -webkit-box-ordinal-group: 8;
-        -ms-flex-order: 7;
-        order: 7
-    }
-
-    .order-xl-8 {
-        -webkit-box-ordinal-group: 9;
-        -ms-flex-order: 8;
-        order: 8
-    }
-
-    .order-xl-9 {
-        -webkit-box-ordinal-group: 10;
-        -ms-flex-order: 9;
-        order: 9
-    }
-
-    .order-xl-10 {
-        -webkit-box-ordinal-group: 11;
-        -ms-flex-order: 10;
-        order: 10
-    }
-
-    .order-xl-11 {
-        -webkit-box-ordinal-group: 12;
-        -ms-flex-order: 11;
-        order: 11
-    }
-
-    .order-xl-12 {
-        -webkit-box-ordinal-group: 13;
-        -ms-flex-order: 12;
-        order: 12
-    }
-
-    .offset-xl-0 {
-        margin-left: 0
-    }
-
-    .offset-xl-1 {
-        margin-left: 8.3333333333%
-    }
-
-    .offset-xl-2 {
-        margin-left: 16.6666666667%
-    }
-
-    .offset-xl-3 {
-        margin-left: 25%
-    }
-
-    .offset-xl-4 {
-        margin-left: 33.3333333333%
-    }
-
-    .offset-xl-5 {
-        margin-left: 41.6666666667%
-    }
-
-    .offset-xl-6 {
-        margin-left: 50%
-    }
-
-    .offset-xl-7 {
-        margin-left: 58.3333333333%
-    }
-
-    .offset-xl-8 {
-        margin-left: 66.6666666667%
-    }
-
-    .offset-xl-9 {
-        margin-left: 75%
-    }
-
-    .offset-xl-10 {
-        margin-left: 83.3333333333%
-    }
-
-    .offset-xl-11 {
-        margin-left: 91.6666666667%
-    }
-}
-
-.table {
-    width: 100%;
-    margin-bottom: 1rem;
-    color: #fff
-}
-
-    .table th, .table td {
-        padding: 0.75rem;
-        vertical-align: top;
-        border-top: 1px solid #282828
-    }
-
-    .table thead th {
-        vertical-align: bottom;
-        border-bottom: 2px solid #282828
-    }
-
-    .table tbody + tbody {
-        border-top: 2px solid #282828
-    }
-
-.table-sm th, .table-sm td {
-    padding: 0.3rem
-}
-
-.table-bordered {
-    border: 1px solid #282828
-}
-
-    .table-bordered th, .table-bordered td {
-        border: 1px solid #282828
-    }
-
-    .table-bordered thead th, .table-bordered thead td {
-        border-bottom-width: 2px
-    }
-
-.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
-    border: 0
-}
-
-.table-striped tbody tr:nth-of-type(odd) {
-    background-color: rgba(255,255,255,0.05)
-}
-
-.table-hover tbody tr:hover {
-    color: #fff;
-    background-color: rgba(255,255,255,0.075)
-}
-
-.table-primary, .table-primary > th, .table-primary > td {
-    background-color: #c3e4f4
-}
-
-    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
-        border-color: #90cdea
-    }
-
-.table-hover .table-primary:hover {
-    background-color: #addaf0
-}
-
-    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
-        background-color: #addaf0
-    }
-
-.table-secondary, .table-secondary > th, .table-secondary > td {
-    background-color: #cfcfcf
-}
-
-    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
-        border-color: #a7a7a7
-    }
-
-.table-hover .table-secondary:hover {
-    background-color: #c2c2c2
-}
-
-    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
-        background-color: #c2c2c2
-    }
-
-.table-success, .table-success > th, .table-success > td {
-    background-color: #d9eab8
-}
-
-    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
-        border-color: #b8d77a
-    }
-
-.table-hover .table-success:hover {
-    background-color: #cee4a4
-}
-
-    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
-        background-color: #cee4a4
-    }
-
-.table-info, .table-info > th, .table-info > td {
-    background-color: #e2c6f1
-}
-
-    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
-        border-color: #ca95e4
-    }
-
-.table-hover .table-info:hover {
-    background-color: #d8b2ec
-}
-
-    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
-        background-color: #d8b2ec
-    }
-
-.table-warning, .table-warning > th, .table-warning > td {
-    background-color: #ffdeb8
-}
-
-    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
-        border-color: #ffc17a
-    }
-
-.table-hover .table-warning:hover {
-    background-color: #ffd29f
-}
-
-    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
-        background-color: #ffd29f
-    }
-
-.table-danger, .table-danger > th, .table-danger > td {
-    background-color: #f1b8b8
-}
-
-    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
-        border-color: #e47a7a
-    }
-
-.table-hover .table-danger:hover {
-    background-color: #eda3a3
-}
-
-    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
-        background-color: #eda3a3
-    }
-
-.table-light, .table-light > th, .table-light > td {
-    background-color: #c1c1c1
-}
-
-    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
-        border-color: #8c8c8c
-    }
-
-.table-hover .table-light:hover {
-    background-color: #b4b4b4
-}
-
-    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
-        background-color: #b4b4b4
-    }
-
-.table-dark, .table-dark > th, .table-dark > td {
-    background-color: #e8e9e8
-}
-
-    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
-        border-color: #d4d5d5
-    }
-
-.table-hover .table-dark:hover {
-    background-color: #dbdddb
-}
-
-    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
-        background-color: #dbdddb
-    }
-
-.table-active, .table-active > th, .table-active > td {
-    background-color: rgba(255,255,255,0.075)
-}
-
-.table-hover .table-active:hover {
-    background-color: rgba(242,242,242,0.075)
-}
-
-    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
-        background-color: rgba(242,242,242,0.075)
-    }
-
-.table .thead-dark th {
-    color: #fff;
-    background-color: #888;
-    border-color: #757575
-}
-
-.table .thead-light th {
-    color: #282828;
-    background-color: #e9ecef;
-    border-color: #282828
-}
-
-.table-dark {
-    color: #fff;
-    background-color: #888
-}
-
-    .table-dark th, .table-dark td, .table-dark thead th {
-        border-color: #757575
-    }
-
-    .table-dark.table-bordered {
-        border: 0
-    }
-
-    .table-dark.table-striped tbody tr:nth-of-type(odd) {
-        background-color: rgba(255,255,255,0.05)
-    }
-
-    .table-dark.table-hover tbody tr:hover {
-        color: #fff;
-        background-color: rgba(255,255,255,0.075)
-    }
-
-@media (max-width: 575.98px) {
-    .table-responsive-sm {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-    }
-
-        .table-responsive-sm > .table-bordered {
-            border: 0
-        }
-}
-
-@media (max-width: 767.98px) {
-    .table-responsive-md {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-    }
-
-        .table-responsive-md > .table-bordered {
-            border: 0
-        }
-}
-
-@media (max-width: 991.98px) {
-    .table-responsive-lg {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-    }
-
-        .table-responsive-lg > .table-bordered {
-            border: 0
-        }
-}
-
-@media (max-width: 1199.98px) {
-    .table-responsive-xl {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-    }
-
-        .table-responsive-xl > .table-bordered {
-            border: 0
-        }
-}
-
-.table-responsive {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch
-}
-
-    .table-responsive > .table-bordered {
-        border: 0
-    }
-
-.form-control {
-    display: block;
-    width: 100%;
-    height: calc(1.5em + 0.75rem + 2px);
-    padding: 0.375rem 1rem;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #282828;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 0.25rem;
-    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .form-control {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.form-control::-ms-expand {
-    background-color: transparent;
-    border: 0
-}
-
-.form-control:-moz-focusring {
-    color: transparent;
-    text-shadow: 0 0 0 #282828
-}
-
-.form-control:focus {
-    color: #282828;
-    background-color: #fff;
-    border-color: #95cfeb;
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-}
-
-.form-control::-webkit-input-placeholder {
-    color: #555;
-    opacity: 1
-}
-
-.form-control::-ms-input-placeholder {
-    color: #555;
-    opacity: 1
-}
-
-.form-control::placeholder {
-    color: #555;
-    opacity: 1
-}
-
-.form-control:disabled, .form-control[readonly] {
-    background-color: #ADAFAE;
-    opacity: 1
-}
-
-select.form-control:focus::-ms-value {
-    color: #282828;
-    background-color: #fff
-}
-
-.form-control-file, .form-control-range {
-    display: block;
-    width: 100%
-}
-
-.col-form-label {
-    padding-top: calc(0.375rem + 1px);
-    padding-bottom: calc(0.375rem + 1px);
-    margin-bottom: 0;
-    font-size: inherit;
-    line-height: 1.5
-}
-
-.col-form-label-lg {
-    padding-top: calc(0.5rem + 1px);
-    padding-bottom: calc(0.5rem + 1px);
-    font-size: 1.09375rem;
-    line-height: 1.5
-}
-
-.col-form-label-sm {
-    padding-top: calc(0.25rem + 1px);
-    padding-bottom: calc(0.25rem + 1px);
-    font-size: 0.765625rem;
-    line-height: 1.5
-}
-
-.form-control-plaintext {
-    display: block;
-    width: 100%;
-    padding: 0.375rem 0;
-    margin-bottom: 0;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    color: #ADAFAE;
-    background-color: transparent;
-    border: solid transparent;
-    border-width: 1px 0
-}
-
-    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
-        padding-right: 0;
-        padding-left: 0
-    }
-
-.form-control-sm {
-    height: calc(1.5em + 0.5rem + 2px);
-    padding: 0.25rem 0.5rem;
-    font-size: 0.765625rem;
-    line-height: 1.5;
-    border-radius: 0.2rem
-}
-
-.form-control-lg {
-    height: calc(1.5em + 1rem + 2px);
-    padding: 0.5rem 1rem;
-    font-size: 1.09375rem;
-    line-height: 1.5;
-    border-radius: 0.3rem
-}
-
-select.form-control[size], select.form-control[multiple] {
-    height: auto
-}
-
-textarea.form-control {
-    height: auto
-}
-
-.form-group {
-    margin-bottom: 1rem
-}
-
-.form-text {
-    display: block;
-    margin-top: 0.25rem
-}
-
-.form-row {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin-right: -5px;
-    margin-left: -5px
-}
-
-    .form-row > .col, .form-row > [class*="col-"] {
-        padding-right: 5px;
-        padding-left: 5px
-    }
-
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: 1.25rem
-}
-
-.form-check-input {
-    position: absolute;
-    margin-top: 0.3rem;
-    margin-left: -1.25rem
-}
-
-    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
-        color: #555
-    }
-
-.form-check-label {
-    margin-bottom: 0
-}
-
-.form-check-inline {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    padding-left: 0;
-    margin-right: 0.75rem
-}
-
-    .form-check-inline .form-check-input {
-        position: static;
-        margin-top: 0;
-        margin-right: 0.3125rem;
-        margin-left: 0
-    }
-
-.valid-feedback {
-    display: none;
-    width: 100%;
-    margin-top: 0.25rem;
-    font-size: 80%;
-    color: #77B300
-}
-
-.valid-tooltip {
-    position: absolute;
-    top: 100%;
-    z-index: 5;
-    display: none;
-    max-width: 100%;
-    padding: 0.25rem 0.5rem;
-    margin-top: .1rem;
-    font-size: 0.765625rem;
-    line-height: 1.5;
-    color: #fff;
-    background-color: #77b300;
-    border-radius: 0.25rem
-}
-
-.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
-    display: block
-}
-
-.was-validated .form-control:valid, .form-control.is-valid {
-    border-color: #77B300;
-    padding-right: calc(1.5em + 0.75rem);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2377B300' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-    background-repeat: no-repeat;
-    background-position: right calc(0.375em + 0.1875rem) center;
-    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
-}
-
-    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
-        border-color: #77B300;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25)
-    }
-
-.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-    padding-right: calc(1.5em + 0.75rem);
-    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
-}
-
-.was-validated .custom-select:valid, .custom-select.is-valid {
-    border-color: #77B300;
-    padding-right: calc(0.75em + 2.5625rem);
-    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23222' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2377B300' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
-}
-
-    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
-        border-color: #77B300;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25)
-    }
-
-.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-    color: #77B300
-}
-
-.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
-    display: block
-}
-
-.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
-    color: #77B300
-}
-
-    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
-        border-color: #77B300
-    }
-
-.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
-    border-color: #99e600;
-    background-color: #99e600
-}
-
-.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25)
-}
-
-.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
-    border-color: #77B300
-}
-
-.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
-    border-color: #77B300
-}
-
-.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
-    border-color: #77B300;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.25)
-}
-
-.invalid-feedback {
-    display: none;
-    width: 100%;
-    margin-top: 0.25rem;
-    font-size: 80%;
-    color: #CC0000
-}
-
-.invalid-tooltip {
-    position: absolute;
-    top: 100%;
-    z-index: 5;
-    display: none;
-    max-width: 100%;
-    padding: 0.25rem 0.5rem;
-    margin-top: .1rem;
-    font-size: 0.765625rem;
-    line-height: 1.5;
-    color: #fff;
-    background-color: #cc0000;
-    border-radius: 0.25rem
-}
-
-.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
-    display: block
-}
-
-.was-validated .form-control:invalid, .form-control.is-invalid {
-    border-color: #CC0000;
-    padding-right: calc(1.5em + 0.75rem);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CC0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23CC0000' stroke='none'/%3e%3c/svg%3e");
-    background-repeat: no-repeat;
-    background-position: right calc(0.375em + 0.1875rem) center;
-    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
-}
-
-    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
-        border-color: #CC0000;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25)
-    }
-
-.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-    padding-right: calc(1.5em + 0.75rem);
-    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
-}
-
-.was-validated .custom-select:invalid, .custom-select.is-invalid {
-    border-color: #CC0000;
-    padding-right: calc(0.75em + 2.5625rem);
-    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23222' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CC0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23CC0000' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
-}
-
-    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
-        border-color: #CC0000;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25)
-    }
-
-.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-    color: #CC0000
-}
-
-.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
-    display: block
-}
-
-.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
-    color: #CC0000
-}
-
-    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
-        border-color: #CC0000
-    }
-
-.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
-    border-color: red;
-    background-color: red
-}
-
-.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25)
-}
-
-.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
-    border-color: #CC0000
-}
-
-.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
-    border-color: #CC0000
-}
-
-.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
-    border-color: #CC0000;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.25)
-}
-
-.form-inline {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-flow: row wrap;
-    flex-flow: row wrap;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center
-}
-
-    .form-inline .form-check {
-        width: 100%
-    }
-
-@media (min-width: 576px) {
-    .form-inline label {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        margin-bottom: 0
-    }
-
-    .form-inline .form-group {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-bottom: 0
-    }
-
-    .form-inline .form-control {
-        display: inline-block;
-        width: auto;
-        vertical-align: middle
-    }
-
-    .form-inline .form-control-plaintext {
-        display: inline-block
-    }
-
-    .form-inline .input-group, .form-inline .custom-select {
-        width: auto
-    }
-
-    .form-inline .form-check {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        width: auto;
-        padding-left: 0
-    }
-
-    .form-inline .form-check-input {
-        position: relative;
-        -ms-flex-negative: 0;
-        flex-shrink: 0;
-        margin-top: 0;
-        margin-right: 0.25rem;
-        margin-left: 0
-    }
-
-    .form-inline .custom-control {
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center
-    }
-
-    .form-inline .custom-control-label {
-        margin-bottom: 0
-    }
-}
-
-.btn {
-    display: inline-block;
-    font-weight: 400;
-    color: #ADAFAE;
-    text-align: center;
-    vertical-align: middle;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-color: transparent;
-    border: 1px solid transparent;
-    padding: 0.375rem 1rem;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    border-radius: 0.25rem;
-    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    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;
-    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, -webkit-box-shadow 0.15s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .btn {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.btn:hover {
-    color: #ADAFAE;
-    text-decoration: none
-}
-
-.btn:focus, .btn.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-    box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-}
-
-.btn.disabled, .btn:disabled {
-    opacity: 0.65
-}
-
-a.btn.disabled, fieldset:disabled a.btn {
-    pointer-events: none
-}
-
-.btn-primary {
-    color: #fff;
-    background-color: #2A9FD6;
-    border-color: #2A9FD6
-}
-
-    .btn-primary:hover {
-        color: #fff;
-        background-color: #2387b7;
-        border-color: #2180ac
-    }
-
-    .btn-primary:focus, .btn-primary.focus {
-        color: #fff;
-        background-color: #2387b7;
-        border-color: #2180ac;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(74,173,220,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(74,173,220,0.5)
-    }
-
-    .btn-primary.disabled, .btn-primary:disabled {
-        color: #fff;
-        background-color: #2A9FD6;
-        border-color: #2A9FD6
-    }
-
-    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
-        color: #fff;
-        background-color: #2180ac;
-        border-color: #1f78a1
-    }
-
-        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(74,173,220,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(74,173,220,0.5)
-        }
-
-.btn-secondary {
-    color: #fff;
-    background-color: #555;
-    border-color: #555
-}
-
-    .btn-secondary:hover {
-        color: #fff;
-        background-color: #424242;
-        border-color: #3c3b3b
-    }
-
-    .btn-secondary:focus, .btn-secondary.focus {
-        color: #fff;
-        background-color: #424242;
-        border-color: #3c3b3b;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5)
-    }
-
-    .btn-secondary.disabled, .btn-secondary:disabled {
-        color: #fff;
-        background-color: #555;
-        border-color: #555
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
-        color: #fff;
-        background-color: #3c3b3b;
-        border-color: #353535
-    }
-
-        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5)
-        }
-
-.btn-success {
-    color: #fff;
-    background-color: #77B300;
-    border-color: #77B300
-}
-
-    .btn-success:hover {
-        color: #fff;
-        background-color: #5e8d00;
-        border-color: #558000
-    }
-
-    .btn-success:focus, .btn-success.focus {
-        color: #fff;
-        background-color: #5e8d00;
-        border-color: #558000;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(139,190,38,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(139,190,38,0.5)
-    }
-
-    .btn-success.disabled, .btn-success:disabled {
-        color: #fff;
-        background-color: #77B300;
-        border-color: #77B300
-    }
-
-    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
-        color: #fff;
-        background-color: #558000;
-        border-color: #4d7300
-    }
-
-        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(139,190,38,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(139,190,38,0.5)
-        }
-
-.btn-info {
-    color: #fff;
-    background-color: #9933CC;
-    border-color: #9933CC
-}
-
-    .btn-info:hover {
-        color: #fff;
-        background-color: #822bad;
-        border-color: #7a29a3
-    }
-
-    .btn-info:focus, .btn-info.focus {
-        color: #fff;
-        background-color: #822bad;
-        border-color: #7a29a3;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(168,82,212,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(168,82,212,0.5)
-    }
-
-    .btn-info.disabled, .btn-info:disabled {
-        color: #fff;
-        background-color: #9933CC;
-        border-color: #9933CC
-    }
-
-    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
-        color: #fff;
-        background-color: #7a29a3;
-        border-color: #732699
-    }
-
-        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(168,82,212,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(168,82,212,0.5)
-        }
-
-.btn-warning {
-    color: #fff;
-    background-color: #FF8800;
-    border-color: #FF8800
-}
-
-    .btn-warning:hover {
-        color: #fff;
-        background-color: #d97400;
-        border-color: #cc6d00
-    }
-
-    .btn-warning:focus, .btn-warning.focus {
-        color: #fff;
-        background-color: #d97400;
-        border-color: #cc6d00;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(255,154,38,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(255,154,38,0.5)
-    }
-
-    .btn-warning.disabled, .btn-warning:disabled {
-        color: #fff;
-        background-color: #FF8800;
-        border-color: #FF8800
-    }
-
-    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
-        color: #fff;
-        background-color: #cc6d00;
-        border-color: #bf6600
-    }
-
-        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(255,154,38,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(255,154,38,0.5)
-        }
-
-.btn-danger {
-    color: #fff;
-    background-color: #CC0000;
-    border-color: #CC0000
-}
-
-    .btn-danger:hover {
-        color: #fff;
-        background-color: #a60000;
-        border-color: #990000
-    }
-
-    .btn-danger:focus, .btn-danger.focus {
-        color: #fff;
-        background-color: #a60000;
-        border-color: #990000;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(212,38,38,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(212,38,38,0.5)
-    }
-
-    .btn-danger.disabled, .btn-danger:disabled {
-        color: #fff;
-        background-color: #CC0000;
-        border-color: #CC0000
-    }
-
-    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
-        color: #fff;
-        background-color: #990000;
-        border-color: #8c0000
-    }
-
-        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(212,38,38,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(212,38,38,0.5)
-        }
-
-.btn-light {
-    color: #fff;
-    background-color: #222;
-    border-color: #222
-}
-
-    .btn-light:hover {
-        color: #fff;
-        background-color: #0f0f0f;
-        border-color: #090808
-    }
-
-    .btn-light:focus, .btn-light.focus {
-        color: #fff;
-        background-color: #0f0f0f;
-        border-color: #090808;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(67,67,67,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(67,67,67,0.5)
-    }
-
-    .btn-light.disabled, .btn-light:disabled {
-        color: #fff;
-        background-color: #222;
-        border-color: #222
-    }
-
-    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
-        color: #fff;
-        background-color: #090808;
-        border-color: #020202
-    }
-
-        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(67,67,67,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(67,67,67,0.5)
-        }
-
-.btn-dark {
-    color: #fff;
-    background-color: #ADAFAE;
-    border-color: #ADAFAE
-}
-
-    .btn-dark:hover {
-        color: #fff;
-        background-color: #9a9c9b;
-        border-color: #939695
-    }
-
-    .btn-dark:focus, .btn-dark.focus {
-        color: #fff;
-        background-color: #9a9c9b;
-        border-color: #939695;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(185,187,186,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(185,187,186,0.5)
-    }
-
-    .btn-dark.disabled, .btn-dark:disabled {
-        color: #fff;
-        background-color: #ADAFAE;
-        border-color: #ADAFAE
-    }
-
-    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
-        color: #fff;
-        background-color: #939695;
-        border-color: #8d908e
-    }
-
-        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(185,187,186,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(185,187,186,0.5)
-        }
-
-.btn-outline-primary {
-    color: #2A9FD6;
-    border-color: #2A9FD6
-}
-
-    .btn-outline-primary:hover {
-        color: #fff;
-        background-color: #2A9FD6;
-        border-color: #2A9FD6
-    }
-
-    .btn-outline-primary:focus, .btn-outline-primary.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5)
-    }
-
-    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
-        color: #2A9FD6;
-        background-color: transparent
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
-        color: #fff;
-        background-color: #2A9FD6;
-        border-color: #2A9FD6
-    }
-
-        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5)
-        }
-
-.btn-outline-secondary {
-    color: #555;
-    border-color: #555
-}
-
-    .btn-outline-secondary:hover {
-        color: #fff;
-        background-color: #555;
-        border-color: #555
-    }
-
-    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5)
-    }
-
-    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
-        color: #555;
-        background-color: transparent
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
-        color: #fff;
-        background-color: #555;
-        border-color: #555
-    }
-
-        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5)
-        }
-
-.btn-outline-success {
-    color: #77B300;
-    border-color: #77B300
-}
-
-    .btn-outline-success:hover {
-        color: #fff;
-        background-color: #77B300;
-        border-color: #77B300
-    }
-
-    .btn-outline-success:focus, .btn-outline-success.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5)
-    }
-
-    .btn-outline-success.disabled, .btn-outline-success:disabled {
-        color: #77B300;
-        background-color: transparent
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
-        color: #fff;
-        background-color: #77B300;
-        border-color: #77B300
-    }
-
-        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5)
-        }
-
-.btn-outline-info {
-    color: #9933CC;
-    border-color: #9933CC
-}
-
-    .btn-outline-info:hover {
-        color: #fff;
-        background-color: #9933CC;
-        border-color: #9933CC
-    }
-
-    .btn-outline-info:focus, .btn-outline-info.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5)
-    }
-
-    .btn-outline-info.disabled, .btn-outline-info:disabled {
-        color: #9933CC;
-        background-color: transparent
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
-        color: #fff;
-        background-color: #9933CC;
-        border-color: #9933CC
-    }
-
-        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5)
-        }
-
-.btn-outline-warning {
-    color: #FF8800;
-    border-color: #FF8800
-}
-
-    .btn-outline-warning:hover {
-        color: #fff;
-        background-color: #FF8800;
-        border-color: #FF8800
-    }
-
-    .btn-outline-warning:focus, .btn-outline-warning.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5)
-    }
-
-    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
-        color: #FF8800;
-        background-color: transparent
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
-        color: #fff;
-        background-color: #FF8800;
-        border-color: #FF8800
-    }
-
-        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5)
-        }
-
-.btn-outline-danger {
-    color: #CC0000;
-    border-color: #CC0000
-}
-
-    .btn-outline-danger:hover {
-        color: #fff;
-        background-color: #CC0000;
-        border-color: #CC0000
-    }
-
-    .btn-outline-danger:focus, .btn-outline-danger.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5)
-    }
-
-    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
-        color: #CC0000;
-        background-color: transparent
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
-        color: #fff;
-        background-color: #CC0000;
-        border-color: #CC0000
-    }
-
-        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5)
-        }
-
-.btn-outline-light {
-    color: #222;
-    border-color: #222
-}
-
-    .btn-outline-light:hover {
-        color: #fff;
-        background-color: #222;
-        border-color: #222
-    }
-
-    .btn-outline-light:focus, .btn-outline-light.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5)
-    }
-
-    .btn-outline-light.disabled, .btn-outline-light:disabled {
-        color: #222;
-        background-color: transparent
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
-        color: #fff;
-        background-color: #222;
-        border-color: #222
-    }
-
-        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5)
-        }
-
-.btn-outline-dark {
-    color: #ADAFAE;
-    border-color: #ADAFAE
-}
-
-    .btn-outline-dark:hover {
-        color: #fff;
-        background-color: #ADAFAE;
-        border-color: #ADAFAE
-    }
-
-    .btn-outline-dark:focus, .btn-outline-dark.focus {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5);
-        box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5)
-    }
-
-    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
-        color: #ADAFAE;
-        background-color: transparent
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
-        color: #fff;
-        background-color: #ADAFAE;
-        border-color: #ADAFAE
-    }
-
-        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
-            -webkit-box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5);
-            box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5)
-        }
-
-.btn-link {
-    font-weight: 400;
-    color: #2A9FD6;
-    text-decoration: none
-}
-
-    .btn-link:hover {
-        color: #1d7097;
-        text-decoration: underline
-    }
-
-    .btn-link:focus, .btn-link.focus {
-        text-decoration: underline;
-        -webkit-box-shadow: none;
-        box-shadow: none
-    }
-
-    .btn-link:disabled, .btn-link.disabled {
-        color: #555;
-        pointer-events: none
-    }
-
-.btn-lg, .btn-group-lg > .btn {
-    padding: 0.5rem 1rem;
-    font-size: 1.09375rem;
-    line-height: 1.5;
-    border-radius: 0.3rem
-}
-
-.btn-sm, .btn-group-sm > .btn {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.765625rem;
-    line-height: 1.5;
-    border-radius: 0.2rem
-}
-
-.btn-block {
-    display: block;
-    width: 100%
-}
-
-    .btn-block + .btn-block {
-        margin-top: 0.5rem
-    }
-
-input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
-    width: 100%
-}
-
-.fade {
-    -webkit-transition: opacity 0.15s linear;
-    transition: opacity 0.15s linear
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .fade {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.fade:not(.show) {
-    opacity: 0
-}
-
-.collapse:not(.show) {
-    display: none
-}
-
-.collapsing {
-    position: relative;
-    height: 0;
-    overflow: hidden;
-    -webkit-transition: height 0.35s ease;
-    transition: height 0.35s ease
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .collapsing {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.dropup, .dropright, .dropdown, .dropleft {
-    position: relative
-}
-
-.dropdown-toggle {
-    white-space: nowrap
-}
-
-    .dropdown-toggle::after {
-        display: inline-block;
-        margin-left: 0.255em;
-        vertical-align: 0.255em;
-        content: "";
-        border-top: 0.3em solid;
-        border-right: 0.3em solid transparent;
-        border-bottom: 0;
-        border-left: 0.3em solid transparent
-    }
-
-    .dropdown-toggle:empty::after {
-        margin-left: 0
-    }
-
-.dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 10rem;
-    padding: 0.5rem 0;
-    margin: 0.125rem 0 0;
-    font-size: 0.875rem;
-    color: #ADAFAE;
-    text-align: left;
-    list-style: none;
-    background-color: #282828;
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,0.15);
-    border-radius: 0.25rem
-}
-
-.dropdown-menu-left {
-    right: auto;
-    left: 0
-}
-
-.dropdown-menu-right {
-    right: 0;
-    left: auto
-}
-
-@media (min-width: 576px) {
-    .dropdown-menu-sm-left {
-        right: auto;
-        left: 0
-    }
-
-    .dropdown-menu-sm-right {
-        right: 0;
-        left: auto
-    }
-}
-
-@media (min-width: 768px) {
-    .dropdown-menu-md-left {
-        right: auto;
-        left: 0
-    }
-
-    .dropdown-menu-md-right {
-        right: 0;
-        left: auto
-    }
-}
-
-@media (min-width: 992px) {
-    .dropdown-menu-lg-left {
-        right: auto;
-        left: 0
-    }
-
-    .dropdown-menu-lg-right {
-        right: 0;
-        left: auto
-    }
-}
-
-@media (min-width: 1200px) {
-    .dropdown-menu-xl-left {
-        right: auto;
-        left: 0
-    }
-
-    .dropdown-menu-xl-right {
-        right: 0;
-        left: auto
-    }
-}
-
-.dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-top: 0;
-    margin-bottom: 0.125rem
-}
-
-.dropup .dropdown-toggle::after {
-    display: inline-block;
-    margin-left: 0.255em;
-    vertical-align: 0.255em;
-    content: "";
-    border-top: 0;
-    border-right: 0.3em solid transparent;
-    border-bottom: 0.3em solid;
-    border-left: 0.3em solid transparent
-}
-
-.dropup .dropdown-toggle:empty::after {
-    margin-left: 0
-}
-
-.dropright .dropdown-menu {
-    top: 0;
-    right: auto;
-    left: 100%;
-    margin-top: 0;
-    margin-left: 0.125rem
-}
-
-.dropright .dropdown-toggle::after {
-    display: inline-block;
-    margin-left: 0.255em;
-    vertical-align: 0.255em;
-    content: "";
-    border-top: 0.3em solid transparent;
-    border-right: 0;
-    border-bottom: 0.3em solid transparent;
-    border-left: 0.3em solid
-}
-
-.dropright .dropdown-toggle:empty::after {
-    margin-left: 0
-}
-
-.dropright .dropdown-toggle::after {
-    vertical-align: 0
-}
-
-.dropleft .dropdown-menu {
-    top: 0;
-    right: 100%;
-    left: auto;
-    margin-top: 0;
-    margin-right: 0.125rem
-}
-
-.dropleft .dropdown-toggle::after {
-    display: inline-block;
-    margin-left: 0.255em;
-    vertical-align: 0.255em;
-    content: ""
-}
-
-.dropleft .dropdown-toggle::after {
-    display: none
-}
-
-.dropleft .dropdown-toggle::before {
-    display: inline-block;
-    margin-right: 0.255em;
-    vertical-align: 0.255em;
-    content: "";
-    border-top: 0.3em solid transparent;
-    border-right: 0.3em solid;
-    border-bottom: 0.3em solid transparent
-}
-
-.dropleft .dropdown-toggle:empty::after {
-    margin-left: 0
-}
-
-.dropleft .dropdown-toggle::before {
-    vertical-align: 0
-}
-
-.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
-    right: auto;
-    bottom: auto
-}
-
-.dropdown-divider {
-    height: 0;
-    margin: 0.5rem 0;
-    overflow: hidden;
-    border-top: 1px solid #222
-}
-
-.dropdown-item {
-    display: block;
-    width: 100%;
-    padding: 0.25rem 1.5rem;
-    clear: both;
-    font-weight: 400;
-    color: #fff;
-    text-align: inherit;
-    white-space: nowrap;
-    background-color: transparent;
-    border: 0
-}
-
-    .dropdown-item:hover, .dropdown-item:focus {
-        color: #fff;
-        text-decoration: none;
-        background-color: #2A9FD6
-    }
-
-    .dropdown-item.active, .dropdown-item:active {
-        color: #fff;
-        text-decoration: none;
-        background-color: #2A9FD6
-    }
-
-    .dropdown-item.disabled, .dropdown-item:disabled {
-        color: #555;
-        pointer-events: none;
-        background-color: transparent
-    }
-
-.dropdown-menu.show {
-    display: block
-}
-
-.dropdown-header {
-    display: block;
-    padding: 0.5rem 1.5rem;
-    margin-bottom: 0;
-    font-size: 0.765625rem;
-    color: #555;
-    white-space: nowrap
-}
-
-.dropdown-item-text {
-    display: block;
-    padding: 0.25rem 1.5rem;
-    color: #fff
-}
-
-.btn-group, .btn-group-vertical {
-    position: relative;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    vertical-align: middle
-}
-
-    .btn-group > .btn, .btn-group-vertical > .btn {
-        position: relative;
-        -webkit-box-flex: 1;
-        -ms-flex: 1 1 auto;
-        flex: 1 1 auto
-    }
-
-        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
-            z-index: 1
-        }
-
-        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
-            z-index: 1
-        }
-
-.btn-toolbar {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-pack: start;
-    -ms-flex-pack: start;
-    justify-content: flex-start
-}
-
-    .btn-toolbar .input-group {
-        width: auto
-    }
-
-.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
-    margin-left: -1px
-}
-
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.dropdown-toggle-split {
-    padding-right: 0.75rem;
-    padding-left: 0.75rem
-}
-
-    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
-        margin-left: 0
-    }
-
-.dropleft .dropdown-toggle-split::before {
-    margin-right: 0
-}
-
-.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
-    padding-right: 0.375rem;
-    padding-left: 0.375rem
-}
-
-.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
-    padding-right: 0.75rem;
-    padding-left: 0.75rem
-}
-
-.btn-group-vertical {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center
-}
-
-    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
-        width: 100%
-    }
-
-        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
-            margin-top: -1px
-        }
-
-        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
-            border-bottom-right-radius: 0;
-            border-bottom-left-radius: 0
-        }
-
-        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
-            border-top-left-radius: 0;
-            border-top-right-radius: 0
-        }
-
-.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
-    margin-bottom: 0
-}
-
-    .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
-        position: absolute;
-        clip: rect(0, 0, 0, 0);
-        pointer-events: none
-    }
-
-.input-group {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    width: 100%
-}
-
-    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
-        position: relative;
-        -webkit-box-flex: 1;
-        -ms-flex: 1 1 0%;
-        flex: 1 1 0%;
-        min-width: 0;
-        margin-bottom: 0
-    }
-
-        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
-            margin-left: -1px
-        }
-
-        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
-            z-index: 3
-        }
-
-        .input-group > .custom-file .custom-file-input:focus {
-            z-index: 4
-        }
-
-        .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0
-        }
-
-        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0
-        }
-
-    .input-group > .custom-file {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center
-    }
-
-        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0
-        }
-
-        .input-group > .custom-file:not(:first-child) .custom-file-label {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0
-        }
-
-.input-group-prepend, .input-group-append {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex
-}
-
-    .input-group-prepend .btn, .input-group-append .btn {
-        position: relative;
-        z-index: 2
-    }
-
-        .input-group-prepend .btn:focus, .input-group-append .btn:focus {
-            z-index: 3
-        }
-
-        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
-            margin-left: -1px
-        }
-
-.input-group-prepend {
-    margin-right: -1px
-}
-
-.input-group-append {
-    margin-left: -1px
-}
-
-.input-group-text {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    padding: 0.375rem 1rem;
-    margin-bottom: 0;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #fff;
-    text-align: center;
-    white-space: nowrap;
-    background-color: #282828;
-    border: 1px solid transparent;
-    border-radius: 0.25rem
-}
-
-    .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
-        margin-top: 0
-    }
-
-.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
-    height: calc(1.5em + 1rem + 2px)
-}
-
-.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
-    padding: 0.5rem 1rem;
-    font-size: 1.09375rem;
-    line-height: 1.5;
-    border-radius: 0.3rem
-}
-
-.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
-    height: calc(1.5em + 0.5rem + 2px)
-}
-
-.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.765625rem;
-    line-height: 1.5;
-    border-radius: 0.2rem
-}
-
-.input-group-lg > .custom-select, .input-group-sm > .custom-select {
-    padding-right: 2rem
-}
-
-.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.custom-control {
-    position: relative;
-    display: block;
-    min-height: 1.3125rem;
-    padding-left: 1.5rem
-}
-
-.custom-control-inline {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    margin-right: 1rem
-}
-
-.custom-control-input {
-    position: absolute;
-    left: 0;
-    z-index: -1;
-    width: 1rem;
-    height: 1.15625rem;
-    opacity: 0
-}
-
-    .custom-control-input:checked ~ .custom-control-label::before {
-        color: #fff;
-        border-color: #2A9FD6;
-        background-color: #2A9FD6
-    }
-
-    .custom-control-input:focus ~ .custom-control-label::before {
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-    }
-
-    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
-        border-color: #95cfeb
-    }
-
-    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-        color: #fff;
-        background-color: #c0e2f3;
-        border-color: #c0e2f3
-    }
-
-    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
-        color: #555
-    }
-
-        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
-            background-color: #ADAFAE
-        }
-
-.custom-control-label {
-    position: relative;
-    margin-bottom: 0;
-    vertical-align: top
-}
-
-    .custom-control-label::before {
-        position: absolute;
-        top: 0.15625rem;
-        left: -1.5rem;
-        display: block;
-        width: 1rem;
-        height: 1rem;
-        pointer-events: none;
-        content: "";
-        background-color: #fff;
-        border: #888 solid 1px
-    }
-
-    .custom-control-label::after {
-        position: absolute;
-        top: 0.15625rem;
-        left: -1.5rem;
-        display: block;
-        width: 1rem;
-        height: 1rem;
-        content: "";
-        background: no-repeat 50% / 50% 50%
-    }
-
-.custom-checkbox .custom-control-label::before {
-    border-radius: 0.25rem
-}
-
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
-}
-
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
-    border-color: #2A9FD6;
-    background-color: #2A9FD6
-}
-
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
-}
-
-.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
-    background-color: rgba(42,159,214,0.5)
-}
-
-.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
-    background-color: rgba(42,159,214,0.5)
-}
-
-.custom-radio .custom-control-label::before {
-    border-radius: 50%
-}
-
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
-}
-
-.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
-    background-color: rgba(42,159,214,0.5)
-}
-
-.custom-switch {
-    padding-left: 2.25rem
-}
-
-    .custom-switch .custom-control-label::before {
-        left: -2.25rem;
-        width: 1.75rem;
-        pointer-events: all;
-        border-radius: 0.5rem
-    }
-
-    .custom-switch .custom-control-label::after {
-        top: calc(0.15625rem + 2px);
-        left: calc(-2.25rem + 2px);
-        width: calc(1rem - 4px);
-        height: calc(1rem - 4px);
-        background-color: #888;
-        border-radius: 0.5rem;
-        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-        transition: transform 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;
-        transition: transform 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, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
-    }
-
-@media (prefers-reduced-motion: reduce) {
-    .custom-switch .custom-control-label::after {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-    background-color: #fff;
-    -webkit-transform: translateX(0.75rem);
-    transform: translateX(0.75rem)
-}
-
-.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
-    background-color: rgba(42,159,214,0.5)
-}
-
-.custom-select {
-    display: inline-block;
-    width: 100%;
-    height: calc(1.5em + 0.75rem + 2px);
-    padding: 0.375rem 2rem 0.375rem 1rem;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #282828;
-    vertical-align: middle;
-    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23222' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px;
-    border: 1px solid transparent;
-    border-radius: 0.25rem;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none
-}
-
-    .custom-select:focus {
-        border-color: #95cfeb;
-        outline: 0;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-    }
-
-        .custom-select:focus::-ms-value {
-            color: #282828;
-            background-color: #fff
-        }
-
-    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
-        height: auto;
-        padding-right: 1rem;
-        background-image: none
-    }
-
-    .custom-select:disabled {
-        color: #555;
-        background-color: #e9ecef
-    }
-
-    .custom-select::-ms-expand {
-        display: none
-    }
-
-    .custom-select:-moz-focusring {
-        color: transparent;
-        text-shadow: 0 0 0 #282828
-    }
-
-.custom-select-sm {
-    height: calc(1.5em + 0.5rem + 2px);
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-    padding-left: 0.5rem;
-    font-size: 0.765625rem
-}
-
-.custom-select-lg {
-    height: calc(1.5em + 1rem + 2px);
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-    padding-left: 1rem;
-    font-size: 1.09375rem
-}
-
-.custom-file {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    height: calc(1.5em + 0.75rem + 2px);
-    margin-bottom: 0
-}
-
-.custom-file-input {
-    position: relative;
-    z-index: 2;
-    width: 100%;
-    height: calc(1.5em + 0.75rem + 2px);
-    margin: 0;
-    opacity: 0
-}
-
-    .custom-file-input:focus ~ .custom-file-label {
-        border-color: #95cfeb;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-    }
-
-    .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
-        background-color: #ADAFAE
-    }
-
-    .custom-file-input:lang(en) ~ .custom-file-label::after {
-        content: "Browse"
-    }
-
-    .custom-file-input ~ .custom-file-label[data-browse]::after {
-        content: attr(data-browse)
-    }
-
-.custom-file-label {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: 1;
-    height: calc(1.5em + 0.75rem + 2px);
-    padding: 0.375rem 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #fff;
-    background-color: #fff;
-    border: 1px solid #282828;
-    border-radius: 0.25rem
-}
-
-    .custom-file-label::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        z-index: 3;
-        display: block;
-        height: calc(1.5em + 0.75rem);
-        padding: 0.375rem 1rem;
-        line-height: 1.5;
-        color: #fff;
-        content: "Browse";
-        background-color: #282828;
-        border-left: inherit;
-        border-radius: 0 0.25rem 0.25rem 0
-    }
-
-.custom-range {
-    width: 100%;
-    height: 1.4rem;
-    padding: 0;
-    background-color: transparent;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none
-}
-
-    .custom-range:focus {
-        outline: none
-    }
-
-        .custom-range:focus::-webkit-slider-thumb {
-            -webkit-box-shadow: 0 0 0 1px #060606,0 0 0 0.2rem rgba(42,159,214,0.25);
-            box-shadow: 0 0 0 1px #060606,0 0 0 0.2rem rgba(42,159,214,0.25)
-        }
-
-        .custom-range:focus::-moz-range-thumb {
-            box-shadow: 0 0 0 1px #060606,0 0 0 0.2rem rgba(42,159,214,0.25)
-        }
-
-        .custom-range:focus::-ms-thumb {
-            box-shadow: 0 0 0 1px #060606,0 0 0 0.2rem rgba(42,159,214,0.25)
-        }
-
-    .custom-range::-moz-focus-outer {
-        border: 0
-    }
-
-    .custom-range::-webkit-slider-thumb {
-        width: 1rem;
-        height: 1rem;
-        margin-top: -0.25rem;
-        background-color: #2A9FD6;
-        border: 0;
-        border-radius: 1rem;
-        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-        -webkit-appearance: none;
-        appearance: none
-    }
-
-@media (prefers-reduced-motion: reduce) {
-    .custom-range::-webkit-slider-thumb {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.custom-range::-webkit-slider-thumb:active {
-    background-color: #c0e2f3
-}
-
-.custom-range::-webkit-slider-runnable-track {
-    width: 100%;
-    height: 0.5rem;
-    color: transparent;
-    cursor: pointer;
-    background-color: #dee2e6;
-    border-color: transparent;
-    border-radius: 1rem
-}
-
-.custom-range::-moz-range-thumb {
-    width: 1rem;
-    height: 1rem;
-    background-color: #2A9FD6;
-    border: 0;
-    border-radius: 1rem;
-    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    -moz-appearance: none;
-    appearance: none
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .custom-range::-moz-range-thumb {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.custom-range::-moz-range-thumb:active {
-    background-color: #c0e2f3
-}
-
-.custom-range::-moz-range-track {
-    width: 100%;
-    height: 0.5rem;
-    color: transparent;
-    cursor: pointer;
-    background-color: #dee2e6;
-    border-color: transparent;
-    border-radius: 1rem
-}
-
-.custom-range::-ms-thumb {
-    width: 1rem;
-    height: 1rem;
-    margin-top: 0;
-    margin-right: 0.2rem;
-    margin-left: 0.2rem;
-    background-color: #2A9FD6;
-    border: 0;
-    border-radius: 1rem;
-    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    appearance: none
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .custom-range::-ms-thumb {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.custom-range::-ms-thumb:active {
-    background-color: #c0e2f3
-}
-
-.custom-range::-ms-track {
-    width: 100%;
-    height: 0.5rem;
-    color: transparent;
-    cursor: pointer;
-    background-color: transparent;
-    border-color: transparent;
-    border-width: 0.5rem
-}
-
-.custom-range::-ms-fill-lower {
-    background-color: #dee2e6;
-    border-radius: 1rem
-}
-
-.custom-range::-ms-fill-upper {
-    margin-right: 15px;
-    background-color: #dee2e6;
-    border-radius: 1rem
-}
-
-.custom-range:disabled::-webkit-slider-thumb {
-    background-color: #888
-}
-
-.custom-range:disabled::-webkit-slider-runnable-track {
-    cursor: default
-}
-
-.custom-range:disabled::-moz-range-thumb {
-    background-color: #888
-}
-
-.custom-range:disabled::-moz-range-track {
-    cursor: default
-}
-
-.custom-range:disabled::-ms-thumb {
-    background-color: #888
-}
-
-.custom-control-label::before, .custom-file-label, .custom-select {
-    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .custom-control-label::before, .custom-file-label, .custom-select {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.nav {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none
-}
-
-.nav-link {
-    display: block;
-    padding: 0.5rem 1rem
-}
-
-    .nav-link:hover, .nav-link:focus {
-        text-decoration: none
-    }
-
-    .nav-link.disabled {
-        color: #555;
-        pointer-events: none;
-        cursor: default
-    }
-
-.nav-tabs {
-    border-bottom: 1px solid #282828
-}
-
-    .nav-tabs .nav-item {
-        margin-bottom: -1px
-    }
-
-    .nav-tabs .nav-link {
-        border: 1px solid transparent;
-        border-top-left-radius: 0.25rem;
-        border-top-right-radius: 0.25rem
-    }
-
-        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-            border-color: #282828
-        }
-
-        .nav-tabs .nav-link.disabled {
-            color: #555;
-            background-color: transparent;
-            border-color: transparent
-        }
-
-        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
-            color: #fff;
-            background-color: #282828;
-            border-color: #282828
-        }
-
-    .nav-tabs .dropdown-menu {
-        margin-top: -1px;
-        border-top-left-radius: 0;
-        border-top-right-radius: 0
-    }
-
-.nav-pills .nav-link {
-    border-radius: 0.25rem
-}
-
-    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-        color: #fff;
-        background-color: #2A9FD6
-    }
-
-.nav-fill .nav-item {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    text-align: center
-}
-
-.nav-justified .nav-item {
-    -ms-flex-preferred-size: 0;
-    flex-basis: 0;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    text-align: center
-}
-
-.tab-content > .tab-pane {
-    display: none
-}
-
-.tab-content > .active {
-    display: block
-}
-
-.navbar {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    padding: 0.5rem 1rem
-}
-
-    .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-        justify-content: space-between
-    }
-
-.navbar-brand {
-    display: inline-block;
-    padding-top: 0.3359375rem;
-    padding-bottom: 0.3359375rem;
-    margin-right: 1rem;
-    font-size: 1.09375rem;
-    line-height: inherit;
-    white-space: nowrap
-}
-
-    .navbar-brand:hover, .navbar-brand:focus {
-        text-decoration: none
-    }
-
-.navbar-nav {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none
-}
-
-    .navbar-nav .nav-link {
-        padding-right: 0;
-        padding-left: 0
-    }
-
-    .navbar-nav .dropdown-menu {
-        position: static;
-        float: none
-    }
-
-.navbar-text {
-    display: inline-block;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
-}
-
-.navbar-collapse {
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center
-}
-
-.navbar-toggler {
-    padding: 0.25rem 0.75rem;
-    font-size: 1.09375rem;
-    line-height: 1;
-    background-color: transparent;
-    border: 1px solid transparent;
-    border-radius: 0.25rem
-}
-
-    .navbar-toggler:hover, .navbar-toggler:focus {
-        text-decoration: none
-    }
-
-.navbar-toggler-icon {
-    display: inline-block;
-    width: 1.5em;
-    height: 1.5em;
-    vertical-align: middle;
-    content: "";
-    background: no-repeat center center;
-    background-size: 100% 100%
-}
-
-@media (max-width: 575.98px) {
-    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
-        padding-right: 0;
-        padding-left: 0
-    }
-}
-
-@media (min-width: 576px) {
-    .navbar-expand-sm {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-    }
-
-        .navbar-expand-sm .navbar-nav {
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row
-        }
-
-            .navbar-expand-sm .navbar-nav .dropdown-menu {
-                position: absolute
-            }
-
-            .navbar-expand-sm .navbar-nav .nav-link {
-                padding-right: 0.5rem;
-                padding-left: 0.5rem
-            }
-
-        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
-            -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap
-        }
-
-        .navbar-expand-sm .navbar-collapse {
-            display: -webkit-box !important;
-            display: -ms-flexbox !important;
-            display: flex !important;
-            -ms-flex-preferred-size: auto;
-            flex-basis: auto
-        }
-
-        .navbar-expand-sm .navbar-toggler {
-            display: none
-        }
-}
-
-@media (max-width: 767.98px) {
-    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
-        padding-right: 0;
-        padding-left: 0
-    }
-}
-
-@media (min-width: 768px) {
-    .navbar-expand-md {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-    }
-
-        .navbar-expand-md .navbar-nav {
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row
-        }
-
-            .navbar-expand-md .navbar-nav .dropdown-menu {
-                position: absolute
-            }
-
-            .navbar-expand-md .navbar-nav .nav-link {
-                padding-right: 0.5rem;
-                padding-left: 0.5rem
-            }
-
-        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
-            -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap
-        }
-
-        .navbar-expand-md .navbar-collapse {
-            display: -webkit-box !important;
-            display: -ms-flexbox !important;
-            display: flex !important;
-            -ms-flex-preferred-size: auto;
-            flex-basis: auto
-        }
-
-        .navbar-expand-md .navbar-toggler {
-            display: none
-        }
-}
-
-@media (max-width: 991.98px) {
-    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
-        padding-right: 0;
-        padding-left: 0
-    }
-}
-
-@media (min-width: 992px) {
-    .navbar-expand-lg {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-    }
-
-        .navbar-expand-lg .navbar-nav {
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row
-        }
-
-            .navbar-expand-lg .navbar-nav .dropdown-menu {
-                position: absolute
-            }
-
-            .navbar-expand-lg .navbar-nav .nav-link {
-                padding-right: 0.5rem;
-                padding-left: 0.5rem
-            }
-
-        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
-            -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap
-        }
-
-        .navbar-expand-lg .navbar-collapse {
-            display: -webkit-box !important;
-            display: -ms-flexbox !important;
-            display: flex !important;
-            -ms-flex-preferred-size: auto;
-            flex-basis: auto
-        }
-
-        .navbar-expand-lg .navbar-toggler {
-            display: none
-        }
-}
-
-@media (max-width: 1199.98px) {
-    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
-        padding-right: 0;
-        padding-left: 0
-    }
-}
-
-@media (min-width: 1200px) {
-    .navbar-expand-xl {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-    }
-
-        .navbar-expand-xl .navbar-nav {
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row
-        }
-
-            .navbar-expand-xl .navbar-nav .dropdown-menu {
-                position: absolute
-            }
-
-            .navbar-expand-xl .navbar-nav .nav-link {
-                padding-right: 0.5rem;
-                padding-left: 0.5rem
-            }
-
-        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
-            -ms-flex-wrap: nowrap;
-            flex-wrap: nowrap
-        }
-
-        .navbar-expand-xl .navbar-collapse {
-            display: -webkit-box !important;
-            display: -ms-flexbox !important;
-            display: flex !important;
-            -ms-flex-preferred-size: auto;
-            flex-basis: auto
-        }
-
-        .navbar-expand-xl .navbar-toggler {
-            display: none
-        }
-}
-
-.navbar-expand {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-flow: row nowrap;
-    flex-flow: row nowrap;
-    -webkit-box-pack: start;
-    -ms-flex-pack: start;
-    justify-content: flex-start
-}
-
-    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
-        padding-right: 0;
-        padding-left: 0
-    }
-
-    .navbar-expand .navbar-nav {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row
-    }
-
-        .navbar-expand .navbar-nav .dropdown-menu {
-            position: absolute
-        }
-
-        .navbar-expand .navbar-nav .nav-link {
-            padding-right: 0.5rem;
-            padding-left: 0.5rem
-        }
-
-    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-    }
-
-    .navbar-expand .navbar-collapse {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-    }
-
-    .navbar-expand .navbar-toggler {
-        display: none
-    }
-
-.navbar-light .navbar-brand {
-    color: rgba(0,0,0,0.9)
-}
-
-    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
-        color: rgba(0,0,0,0.9)
-    }
-
-.navbar-light .navbar-nav .nav-link {
-    color: rgba(0,0,0,0.5)
-}
-
-    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
-        color: rgba(0,0,0,0.7)
-    }
-
-    .navbar-light .navbar-nav .nav-link.disabled {
-        color: rgba(0,0,0,0.3)
-    }
-
-    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
-        color: rgba(0,0,0,0.9)
-    }
-
-.navbar-light .navbar-toggler {
-    color: rgba(0,0,0,0.5);
-    border-color: rgba(0,0,0,0.1)
-}
-
-.navbar-light .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-}
-
-.navbar-light .navbar-text {
-    color: rgba(0,0,0,0.5)
-}
-
-    .navbar-light .navbar-text a {
-        color: rgba(0,0,0,0.9)
-    }
-
-        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
-            color: rgba(0,0,0,0.9)
-        }
-
-.navbar-dark .navbar-brand {
-    color: #fff
-}
-
-    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
-        color: #fff
-    }
-
-.navbar-dark .navbar-nav .nav-link {
-    color: rgba(255,255,255,0.5)
-}
-
-    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
-        color: #fff
-    }
-
-    .navbar-dark .navbar-nav .nav-link.disabled {
-        color: rgba(255,255,255,0.25)
-    }
-
-    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
-        color: #fff
-    }
-
-.navbar-dark .navbar-toggler {
-    color: rgba(255,255,255,0.5);
-    border-color: rgba(255,255,255,0.1)
-}
-
-.navbar-dark .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-}
-
-.navbar-dark .navbar-text {
-    color: rgba(255,255,255,0.5)
-}
-
-    .navbar-dark .navbar-text a {
-        color: #fff
-    }
-
-        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
-            color: #fff
-        }
-
-.card {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    min-width: 0;
-    word-wrap: break-word;
-    background-color: #282828;
-    background-clip: border-box;
-    border: 1px solid rgba(0,0,0,0.125);
-    border-radius: 0.25rem
-}
-
-    .card > hr {
-        margin-right: 0;
-        margin-left: 0
-    }
-
-    .card > .list-group:first-child .list-group-item:first-child {
-        border-top-left-radius: 0.25rem;
-        border-top-right-radius: 0.25rem
-    }
-
-    .card > .list-group:last-child .list-group-item:last-child {
-        border-bottom-right-radius: 0.25rem;
-        border-bottom-left-radius: 0.25rem
-    }
-
-.card-body {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    min-height: 1px;
-    padding: 1.25rem
-}
-
-.card-title {
-    margin-bottom: 0.75rem
-}
-
-.card-subtitle {
-    margin-top: -0.375rem;
-    margin-bottom: 0
-}
-
-.card-text:last-child {
-    margin-bottom: 0
-}
-
-.card-link:hover {
-    text-decoration: none
-}
-
-.card-link + .card-link {
-    margin-left: 1.25rem
-}
-
-.card-header {
-    padding: 0.75rem 1.25rem;
-    margin-bottom: 0;
-    background-color: rgba(0,0,0,0.03);
-    border-bottom: 1px solid rgba(0,0,0,0.125)
-}
-
-    .card-header:first-child {
-        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
-    }
-
-    .card-header + .list-group .list-group-item:first-child {
-        border-top: 0
-    }
-
-.card-footer {
-    padding: 0.75rem 1.25rem;
-    background-color: rgba(0,0,0,0.03);
-    border-top: 1px solid rgba(0,0,0,0.125)
-}
-
-    .card-footer:last-child {
-        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
-    }
-
-.card-header-tabs {
-    margin-right: -0.625rem;
-    margin-bottom: -0.75rem;
-    margin-left: -0.625rem;
-    border-bottom: 0
-}
-
-.card-header-pills {
-    margin-right: -0.625rem;
-    margin-left: -0.625rem
-}
-
-.card-img-overlay {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    padding: 1.25rem
-}
-
-.card-img, .card-img-top, .card-img-bottom {
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: 100%
-}
-
-.card-img, .card-img-top {
-    border-top-left-radius: calc(0.25rem - 1px);
-    border-top-right-radius: calc(0.25rem - 1px)
-}
-
-.card-img, .card-img-bottom {
-    border-bottom-right-radius: calc(0.25rem - 1px);
-    border-bottom-left-radius: calc(0.25rem - 1px)
-}
-
-.card-deck .card {
-    margin-bottom: 15px
-}
-
-@media (min-width: 576px) {
-    .card-deck {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        margin-right: -15px;
-        margin-left: -15px
-    }
-
-        .card-deck .card {
-            -webkit-box-flex: 1;
-            -ms-flex: 1 0 0%;
-            flex: 1 0 0%;
-            margin-right: 15px;
-            margin-bottom: 0;
-            margin-left: 15px
-        }
-}
-
-.card-group > .card {
-    margin-bottom: 15px
-}
-
-@media (min-width: 576px) {
-    .card-group {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap
-    }
-
-        .card-group > .card {
-            -webkit-box-flex: 1;
-            -ms-flex: 1 0 0%;
-            flex: 1 0 0%;
-            margin-bottom: 0
-        }
-
-            .card-group > .card + .card {
-                margin-left: 0;
-                border-left: 0
-            }
-
-            .card-group > .card:not(:last-child) {
-                border-top-right-radius: 0;
-                border-bottom-right-radius: 0
-            }
-
-                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
-                    border-top-right-radius: 0
-                }
-
-                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
-                    border-bottom-right-radius: 0
-                }
-
-            .card-group > .card:not(:first-child) {
-                border-top-left-radius: 0;
-                border-bottom-left-radius: 0
-            }
-
-                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
-                    border-top-left-radius: 0
-                }
-
-                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
-                    border-bottom-left-radius: 0
-                }
-}
-
-.card-columns .card {
-    margin-bottom: 0.75rem
-}
-
-@media (min-width: 576px) {
-    .card-columns {
-        -webkit-column-count: 3;
-        column-count: 3;
-        -webkit-column-gap: 1.25rem;
-        column-gap: 1.25rem;
-        orphans: 1;
-        widows: 1
-    }
-
-        .card-columns .card {
-            display: inline-block;
-            width: 100%
-        }
-}
-
-.accordion > .card {
-    overflow: hidden
-}
-
-    .accordion > .card:not(:last-of-type) {
-        border-bottom: 0;
-        border-bottom-right-radius: 0;
-        border-bottom-left-radius: 0
-    }
-
-    .accordion > .card:not(:first-of-type) {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0
-    }
-
-    .accordion > .card > .card-header {
-        border-radius: 0;
-        margin-bottom: -1px
-    }
-
-.breadcrumb {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    padding: 0.75rem 1rem;
-    margin-bottom: 1rem;
-    list-style: none;
-    background-color: #282828;
-    border-radius: 0.25rem
-}
-
-.breadcrumb-item + .breadcrumb-item {
-    padding-left: 0.5rem
-}
-
-    .breadcrumb-item + .breadcrumb-item::before {
-        display: inline-block;
-        padding-right: 0.5rem;
-        color: #555;
-        content: "/"
-    }
-
-    .breadcrumb-item + .breadcrumb-item:hover::before {
-        text-decoration: underline
-    }
-
-    .breadcrumb-item + .breadcrumb-item:hover::before {
-        text-decoration: none
-    }
-
-.breadcrumb-item.active {
-    color: #555
-}
-
-.pagination {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-left: 0;
-    list-style: none;
-    border-radius: 0.25rem
-}
-
-.page-link {
-    position: relative;
-    display: block;
-    padding: 0.5rem 0.75rem;
-    margin-left: -1px;
-    line-height: 1.25;
-    color: #fff;
-    background-color: #282828;
-    border: 1px solid transparent
-}
-
-    .page-link:hover {
-        z-index: 2;
-        color: #fff;
-        text-decoration: none;
-        background-color: #2A9FD6;
-        border-color: transparent
-    }
-
-    .page-link:focus {
-        z-index: 3;
-        outline: 0;
-        -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25);
-        box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.25)
-    }
-
-.page-item:first-child .page-link {
-    margin-left: 0;
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem
-}
-
-.page-item:last-child .page-link {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem
-}
-
-.page-item.active .page-link {
-    z-index: 3;
-    color: #fff;
-    background-color: #2A9FD6;
-    border-color: #2A9FD6
-}
-
-.page-item.disabled .page-link {
-    color: #555;
-    pointer-events: none;
-    cursor: auto;
-    background-color: #282828;
-    border-color: transparent
-}
-
-.pagination-lg .page-link {
-    padding: 0.75rem 1.5rem;
-    font-size: 1.09375rem;
-    line-height: 1.5
-}
-
-.pagination-lg .page-item:first-child .page-link {
-    border-top-left-radius: 0.3rem;
-    border-bottom-left-radius: 0.3rem
-}
-
-.pagination-lg .page-item:last-child .page-link {
-    border-top-right-radius: 0.3rem;
-    border-bottom-right-radius: 0.3rem
-}
-
-.pagination-sm .page-link {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.765625rem;
-    line-height: 1.5
-}
-
-.pagination-sm .page-item:first-child .page-link {
-    border-top-left-radius: 0.2rem;
-    border-bottom-left-radius: 0.2rem
-}
-
-.pagination-sm .page-item:last-child .page-link {
-    border-top-right-radius: 0.2rem;
-    border-bottom-right-radius: 0.2rem
-}
-
-.badge {
-    display: inline-block;
-    padding: 0.25em 0.4em;
-    font-size: 75%;
-    font-weight: 700;
-    line-height: 1;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: baseline;
-    border-radius: 0.25rem;
-    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-    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;
-    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, -webkit-box-shadow 0.15s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .badge {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-a.badge:hover, a.badge:focus {
-    text-decoration: none
-}
-
-.badge:empty {
-    display: none
-}
-
-.btn .badge {
-    position: relative;
-    top: -1px
-}
-
-.badge-pill {
-    padding-right: 0.6em;
-    padding-left: 0.6em;
-    border-radius: 10rem
-}
-
-.badge-primary {
-    color: #fff;
-    background-color: #2A9FD6
-}
-
-a.badge-primary:hover, a.badge-primary:focus {
-    color: #fff;
-    background-color: #2180ac
-}
-
-a.badge-primary:focus, a.badge-primary.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(42,159,214,0.5)
-}
-
-.badge-secondary {
-    color: #fff;
-    background-color: #555
-}
-
-a.badge-secondary:hover, a.badge-secondary:focus {
-    color: #fff;
-    background-color: #3c3b3b
-}
-
-a.badge-secondary:focus, a.badge-secondary.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(85,85,85,0.5)
-}
-
-.badge-success {
-    color: #fff;
-    background-color: #77B300
-}
-
-a.badge-success:hover, a.badge-success:focus {
-    color: #fff;
-    background-color: #558000
-}
-
-a.badge-success:focus, a.badge-success.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(119,179,0,0.5)
-}
-
-.badge-info {
-    color: #fff;
-    background-color: #9933CC
-}
-
-a.badge-info:hover, a.badge-info:focus {
-    color: #fff;
-    background-color: #7a29a3
-}
-
-a.badge-info:focus, a.badge-info.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(153,51,204,0.5)
-}
-
-.badge-warning {
-    color: #fff;
-    background-color: #FF8800
-}
-
-a.badge-warning:hover, a.badge-warning:focus {
-    color: #fff;
-    background-color: #cc6d00
-}
-
-a.badge-warning:focus, a.badge-warning.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(255,136,0,0.5)
-}
-
-.badge-danger {
-    color: #fff;
-    background-color: #CC0000
-}
-
-a.badge-danger:hover, a.badge-danger:focus {
-    color: #fff;
-    background-color: #990000
-}
-
-a.badge-danger:focus, a.badge-danger.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(204,0,0,0.5)
-}
-
-.badge-light {
-    color: #fff;
-    background-color: #222
-}
-
-a.badge-light:hover, a.badge-light:focus {
-    color: #fff;
-    background-color: #090808
-}
-
-a.badge-light:focus, a.badge-light.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(34,34,34,0.5)
-}
-
-.badge-dark {
-    color: #fff;
-    background-color: #ADAFAE
-}
-
-a.badge-dark:hover, a.badge-dark:focus {
-    color: #fff;
-    background-color: #939695
-}
-
-a.badge-dark:focus, a.badge-dark.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5);
-    box-shadow: 0 0 0 0.2rem rgba(173,175,174,0.5)
-}
-
-.jumbotron {
-    padding: 2rem 1rem;
-    margin-bottom: 2rem;
-    background-color: #282828;
-    border-radius: 0.3rem
-}
-
-@media (min-width: 576px) {
-    .jumbotron {
-        padding: 4rem 2rem
-    }
-}
-
-.jumbotron-fluid {
-    padding-right: 0;
-    padding-left: 0;
-    border-radius: 0
-}
-
-.alert {
-    position: relative;
-    padding: 0.75rem 1.25rem;
-    margin-bottom: 1rem;
-    border: 1px solid transparent;
-    border-radius: 0.25rem
-}
-
-.alert-heading {
-    color: inherit
-}
-
-.alert-link {
-    font-weight: 700
-}
-
-.alert-dismissible {
-    padding-right: 3.8125rem
-}
-
-    .alert-dismissible .close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        padding: 0.75rem 1.25rem;
-        color: inherit
-    }
-
-.alert-primary {
-    color: #16536f;
-    background-color: #d4ecf7;
-    border-color: #c3e4f4
-}
-
-    .alert-primary hr {
-        border-top-color: #addaf0
-    }
-
-    .alert-primary .alert-link {
-        color: #0e3344
-    }
-
-.alert-secondary {
-    color: #2c2c2c;
-    background-color: #dddddd;
-    border-color: #cfcfcf
-}
-
-    .alert-secondary hr {
-        border-top-color: #c2c2c2
-    }
-
-    .alert-secondary .alert-link {
-        color: #131212
-    }
-
-.alert-success {
-    color: #3e5d00;
-    background-color: #e4f0cc;
-    border-color: #d9eab8
-}
-
-    .alert-success hr {
-        border-top-color: #cee4a4
-    }
-
-    .alert-success .alert-link {
-        color: #1c2a00
-    }
-
-.alert-info {
-    color: #501b6a;
-    background-color: #ebd6f5;
-    border-color: #e2c6f1
-}
-
-    .alert-info hr {
-        border-top-color: #d8b2ec
-    }
-
-    .alert-info .alert-link {
-        color: #311141
-    }
-
-.alert-warning {
-    color: #854700;
-    background-color: #ffe7cc;
-    border-color: #ffdeb8
-}
-
-    .alert-warning hr {
-        border-top-color: #ffd29f
-    }
-
-    .alert-warning .alert-link {
-        color: #522c00
-    }
-
-.alert-danger {
-    color: #6a0000;
-    background-color: #f5cccc;
-    border-color: #f1b8b8
-}
-
-    .alert-danger hr {
-        border-top-color: #eda3a3
-    }
-
-    .alert-danger .alert-link {
-        color: #370000
-    }
-
-.alert-light {
-    color: #121212;
-    background-color: lightgray;
-    border-color: #c1c1c1
-}
-
-    .alert-light hr {
-        border-top-color: #b4b4b4
-    }
-
-    .alert-light .alert-link {
-        color: black
-    }
-
-.alert-dark {
-    color: #5a5b5a;
-    background-color: #efefef;
-    border-color: #e8e9e8
-}
-
-    .alert-dark hr {
-        border-top-color: #dbdddb
-    }
-
-    .alert-dark .alert-link {
-        color: #414141
-    }
-
-@-webkit-keyframes progress-bar-stripes {
-    from {
-        background-position: 1rem 0
-    }
-
-    to {
-        background-position: 0 0
-    }
-}
-
-@keyframes progress-bar-stripes {
-    from {
-        background-position: 1rem 0
-    }
-
-    to {
-        background-position: 0 0
-    }
-}
-
-.progress {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    height: 1rem;
-    overflow: hidden;
-    font-size: 0.65625rem;
-    background-color: #282828;
-    border-radius: 0.25rem
-}
-
-.progress-bar {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    overflow: hidden;
-    color: #fff;
-    text-align: center;
-    white-space: nowrap;
-    background-color: #2A9FD6;
-    -webkit-transition: width 0.6s ease;
-    transition: width 0.6s ease
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .progress-bar {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.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: 1rem 1rem
-}
-
-.progress-bar-animated {
-    -webkit-animation: progress-bar-stripes 1s linear infinite;
-    animation: progress-bar-stripes 1s linear infinite
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .progress-bar-animated {
-        -webkit-animation: none;
-        animation: none
-    }
-}
-
-.media {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start
-}
-
-.media-body {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1
-}
-
-.list-group {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    padding-left: 0;
-    margin-bottom: 0
-}
-
-.list-group-item-action {
-    width: 100%;
-    color: #282828;
-    text-align: inherit
-}
-
-    .list-group-item-action:hover, .list-group-item-action:focus {
-        z-index: 1;
-        color: #282828;
-        text-decoration: none;
-        background-color: #2A9FD6
-    }
-
-    .list-group-item-action:active {
-        color: #ADAFAE;
-        background-color: #2A9FD6
-    }
-
-.list-group-item {
-    position: relative;
-    display: block;
-    padding: 0.75rem 1.25rem;
-    background-color: #222;
-    border: 1px solid #282828
-}
-
-    .list-group-item:first-child {
-        border-top-left-radius: 0.25rem;
-        border-top-right-radius: 0.25rem
-    }
-
-    .list-group-item:last-child {
-        border-bottom-right-radius: 0.25rem;
-        border-bottom-left-radius: 0.25rem
-    }
-
-    .list-group-item.disabled, .list-group-item:disabled {
-        color: #555;
-        pointer-events: none;
-        background-color: #282828
-    }
-
-    .list-group-item.active {
-        z-index: 2;
-        color: #fff;
-        background-color: #2A9FD6;
-        border-color: #2A9FD6
-    }
-
-    .list-group-item + .list-group-item {
-        border-top-width: 0
-    }
-
-        .list-group-item + .list-group-item.active {
-            margin-top: -1px;
-            border-top-width: 1px
-        }
-
-.list-group-horizontal {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row
-}
-
-    .list-group-horizontal .list-group-item:first-child {
-        border-bottom-left-radius: 0.25rem;
-        border-top-right-radius: 0
-    }
-
-    .list-group-horizontal .list-group-item:last-child {
-        border-top-right-radius: 0.25rem;
-        border-bottom-left-radius: 0
-    }
-
-    .list-group-horizontal .list-group-item.active {
-        margin-top: 0
-    }
-
-    .list-group-horizontal .list-group-item + .list-group-item {
-        border-top-width: 1px;
-        border-left-width: 0
-    }
-
-        .list-group-horizontal .list-group-item + .list-group-item.active {
-            margin-left: -1px;
-            border-left-width: 1px
-        }
-
-@media (min-width: 576px) {
-    .list-group-horizontal-sm {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row
-    }
-
-        .list-group-horizontal-sm .list-group-item:first-child {
-            border-bottom-left-radius: 0.25rem;
-            border-top-right-radius: 0
-        }
-
-        .list-group-horizontal-sm .list-group-item:last-child {
-            border-top-right-radius: 0.25rem;
-            border-bottom-left-radius: 0
-        }
-
-        .list-group-horizontal-sm .list-group-item.active {
-            margin-top: 0
-        }
-
-        .list-group-horizontal-sm .list-group-item + .list-group-item {
-            border-top-width: 1px;
-            border-left-width: 0
-        }
-
-            .list-group-horizontal-sm .list-group-item + .list-group-item.active {
-                margin-left: -1px;
-                border-left-width: 1px
-            }
-}
-
-@media (min-width: 768px) {
-    .list-group-horizontal-md {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row
-    }
-
-        .list-group-horizontal-md .list-group-item:first-child {
-            border-bottom-left-radius: 0.25rem;
-            border-top-right-radius: 0
-        }
-
-        .list-group-horizontal-md .list-group-item:last-child {
-            border-top-right-radius: 0.25rem;
-            border-bottom-left-radius: 0
-        }
-
-        .list-group-horizontal-md .list-group-item.active {
-            margin-top: 0
-        }
-
-        .list-group-horizontal-md .list-group-item + .list-group-item {
-            border-top-width: 1px;
-            border-left-width: 0
-        }
-
-            .list-group-horizontal-md .list-group-item + .list-group-item.active {
-                margin-left: -1px;
-                border-left-width: 1px
-            }
-}
-
-@media (min-width: 992px) {
-    .list-group-horizontal-lg {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row
-    }
-
-        .list-group-horizontal-lg .list-group-item:first-child {
-            border-bottom-left-radius: 0.25rem;
-            border-top-right-radius: 0
-        }
-
-        .list-group-horizontal-lg .list-group-item:last-child {
-            border-top-right-radius: 0.25rem;
-            border-bottom-left-radius: 0
-        }
-
-        .list-group-horizontal-lg .list-group-item.active {
-            margin-top: 0
-        }
-
-        .list-group-horizontal-lg .list-group-item + .list-group-item {
-            border-top-width: 1px;
-            border-left-width: 0
-        }
-
-            .list-group-horizontal-lg .list-group-item + .list-group-item.active {
-                margin-left: -1px;
-                border-left-width: 1px
-            }
-}
-
-@media (min-width: 1200px) {
-    .list-group-horizontal-xl {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row
-    }
-
-        .list-group-horizontal-xl .list-group-item:first-child {
-            border-bottom-left-radius: 0.25rem;
-            border-top-right-radius: 0
-        }
-
-        .list-group-horizontal-xl .list-group-item:last-child {
-            border-top-right-radius: 0.25rem;
-            border-bottom-left-radius: 0
-        }
-
-        .list-group-horizontal-xl .list-group-item.active {
-            margin-top: 0
-        }
-
-        .list-group-horizontal-xl .list-group-item + .list-group-item {
-            border-top-width: 1px;
-            border-left-width: 0
-        }
-
-            .list-group-horizontal-xl .list-group-item + .list-group-item.active {
-                margin-left: -1px;
-                border-left-width: 1px
-            }
-}
-
-.list-group-flush .list-group-item {
-    border-right-width: 0;
-    border-left-width: 0;
-    border-radius: 0
-}
-
-    .list-group-flush .list-group-item:first-child {
-        border-top-width: 0
-    }
-
-.list-group-flush:last-child .list-group-item:last-child {
-    border-bottom-width: 0
-}
-
-.list-group-item-primary {
-    color: #16536f;
-    background-color: #c3e4f4
-}
-
-    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-        color: #16536f;
-        background-color: #addaf0
-    }
-
-    .list-group-item-primary.list-group-item-action.active {
-        color: #fff;
-        background-color: #16536f;
-        border-color: #16536f
-    }
-
-.list-group-item-secondary {
-    color: #2c2c2c;
-    background-color: #cfcfcf
-}
-
-    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-        color: #2c2c2c;
-        background-color: #c2c2c2
-    }
-
-    .list-group-item-secondary.list-group-item-action.active {
-        color: #fff;
-        background-color: #2c2c2c;
-        border-color: #2c2c2c
-    }
-
-.list-group-item-success {
-    color: #3e5d00;
-    background-color: #d9eab8
-}
-
-    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-        color: #3e5d00;
-        background-color: #cee4a4
-    }
-
-    .list-group-item-success.list-group-item-action.active {
-        color: #fff;
-        background-color: #3e5d00;
-        border-color: #3e5d00
-    }
-
-.list-group-item-info {
-    color: #501b6a;
-    background-color: #e2c6f1
-}
-
-    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-        color: #501b6a;
-        background-color: #d8b2ec
-    }
-
-    .list-group-item-info.list-group-item-action.active {
-        color: #fff;
-        background-color: #501b6a;
-        border-color: #501b6a
-    }
-
-.list-group-item-warning {
-    color: #854700;
-    background-color: #ffdeb8
-}
-
-    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-        color: #854700;
-        background-color: #ffd29f
-    }
-
-    .list-group-item-warning.list-group-item-action.active {
-        color: #fff;
-        background-color: #854700;
-        border-color: #854700
-    }
-
-.list-group-item-danger {
-    color: #6a0000;
-    background-color: #f1b8b8
-}
-
-    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-        color: #6a0000;
-        background-color: #eda3a3
-    }
-
-    .list-group-item-danger.list-group-item-action.active {
-        color: #fff;
-        background-color: #6a0000;
-        border-color: #6a0000
-    }
-
-.list-group-item-light {
-    color: #121212;
-    background-color: #c1c1c1
-}
-
-    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-        color: #121212;
-        background-color: #b4b4b4
-    }
-
-    .list-group-item-light.list-group-item-action.active {
-        color: #fff;
-        background-color: #121212;
-        border-color: #121212
-    }
-
-.list-group-item-dark {
-    color: #5a5b5a;
-    background-color: #e8e9e8
-}
-
-    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-        color: #5a5b5a;
-        background-color: #dbdddb
-    }
-
-    .list-group-item-dark.list-group-item-action.active {
-        color: #fff;
-        background-color: #5a5b5a;
-        border-color: #5a5b5a
-    }
-
-.close {
-    float: right;
-    font-size: 1.3125rem;
-    font-weight: 700;
-    line-height: 1;
-    color: #fff;
-    text-shadow: none;
-    opacity: .5
-}
-
-    .close:hover {
-        color: #fff;
-        text-decoration: none
-    }
-
-    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
-        opacity: .75
-    }
-
-button.close {
-    padding: 0;
-    background-color: transparent;
-    border: 0;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none
-}
-
-a.close.disabled {
-    pointer-events: none
-}
-
-.toast {
-    max-width: 350px;
-    overflow: hidden;
-    font-size: 0.875rem;
-    background-color: rgba(255,255,255,0.85);
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,0.1);
-    -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
-    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
-    opacity: 0;
-    border-radius: 0.25rem
-}
-
-    .toast:not(:last-child) {
-        margin-bottom: 0.75rem
-    }
-
-    .toast.showing {
-        opacity: 1
-    }
-
-    .toast.show {
-        display: block;
-        opacity: 1
-    }
-
-    .toast.hide {
-        display: none
-    }
-
-.toast-header {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    padding: 0.25rem 0.75rem;
-    color: #555;
-    background-color: rgba(255,255,255,0.85);
-    background-clip: padding-box;
-    border-bottom: 1px solid rgba(0,0,0,0.05)
-}
-
-.toast-body {
-    padding: 0.75rem
-}
-
-.modal-open {
-    overflow: hidden
-}
-
-    .modal-open .modal {
-        overflow-x: hidden;
-        overflow-y: auto
-    }
-
-.modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 1050;
-    display: none;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    outline: 0
-}
-
-.modal-dialog {
-    position: relative;
-    width: auto;
-    margin: 0.5rem;
-    pointer-events: none
-}
-
-.modal.fade .modal-dialog {
-    -webkit-transition: -webkit-transform 0.3s ease-out;
-    transition: -webkit-transform 0.3s ease-out;
-    transition: transform 0.3s ease-out;
-    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-    -webkit-transform: translate(0, -50px);
-    transform: translate(0, -50px)
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .modal.fade .modal-dialog {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.modal.show .modal-dialog {
-    -webkit-transform: none;
-    transform: none
-}
-
-.modal.modal-static .modal-dialog {
-    -webkit-transform: scale(1.02);
-    transform: scale(1.02)
-}
-
-.modal-dialog-scrollable {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    max-height: calc(100% - 1rem)
-}
-
-    .modal-dialog-scrollable .modal-content {
-        max-height: calc(100vh - 1rem);
-        overflow: hidden
-    }
-
-    .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
-        -ms-flex-negative: 0;
-        flex-shrink: 0
-    }
-
-    .modal-dialog-scrollable .modal-body {
-        overflow-y: auto
-    }
-
-.modal-dialog-centered {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    min-height: calc(100% - 1rem)
-}
-
-    .modal-dialog-centered::before {
-        display: block;
-        height: calc(100vh - 1rem);
-        content: ""
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable {
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        height: 100%
-    }
-
-        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
-            max-height: none
-        }
-
-        .modal-dialog-centered.modal-dialog-scrollable::before {
-            content: none
-        }
-
-.modal-content {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    width: 100%;
-    pointer-events: auto;
-    background-color: #222;
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,0.2);
-    border-radius: 0.3rem;
-    outline: 0
-}
-
-.modal-backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 1040;
-    width: 100vw;
-    height: 100vh;
-    background-color: #000
-}
-
-    .modal-backdrop.fade {
-        opacity: 0
-    }
-
-    .modal-backdrop.show {
-        opacity: 0.5
-    }
-
-.modal-header {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    padding: 1rem 1rem;
-    border-bottom: 1px solid #282828;
-    border-top-left-radius: calc(0.3rem - 1px);
-    border-top-right-radius: calc(0.3rem - 1px)
-}
-
-    .modal-header .close {
-        padding: 1rem 1rem;
-        margin: -1rem -1rem -1rem auto
-    }
-
-.modal-title {
-    margin-bottom: 0;
-    line-height: 1.5
-}
-
-.modal-body {
-    position: relative;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    padding: 1rem
-}
-
-.modal-footer {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: end;
-    -ms-flex-pack: end;
-    justify-content: flex-end;
-    padding: 0.75rem;
-    border-top: 1px solid #282828;
-    border-bottom-right-radius: calc(0.3rem - 1px);
-    border-bottom-left-radius: calc(0.3rem - 1px)
-}
-
-    .modal-footer > * {
-        margin: 0.25rem
-    }
-
-.modal-scrollbar-measure {
-    position: absolute;
-    top: -9999px;
-    width: 50px;
-    height: 50px;
-    overflow: scroll
-}
-
-@media (min-width: 576px) {
-    .modal-dialog {
-        max-width: 500px;
-        margin: 1.75rem auto
-    }
-
-    .modal-dialog-scrollable {
-        max-height: calc(100% - 3.5rem)
-    }
-
-        .modal-dialog-scrollable .modal-content {
-            max-height: calc(100vh - 3.5rem)
-        }
-
-    .modal-dialog-centered {
-        min-height: calc(100% - 3.5rem)
-    }
-
-        .modal-dialog-centered::before {
-            height: calc(100vh - 3.5rem)
-        }
-
-    .modal-sm {
-        max-width: 300px
-    }
-}
-
-@media (min-width: 992px) {
-    .modal-lg, .modal-xl {
-        max-width: 800px
-    }
-}
-
-@media (min-width: 1200px) {
-    .modal-xl {
-        max-width: 1140px
-    }
-}
-
-.tooltip {
-    position: absolute;
-    z-index: 1070;
-    display: block;
-    margin: 0;
-    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1.5;
-    text-align: left;
-    text-align: start;
-    text-decoration: none;
-    text-shadow: none;
-    text-transform: none;
-    letter-spacing: normal;
-    word-break: normal;
-    word-spacing: normal;
-    white-space: normal;
-    line-break: auto;
-    font-size: 0.765625rem;
-    word-wrap: break-word;
-    opacity: 0
-}
-
-    .tooltip.show {
-        opacity: 1
-    }
-
-    .tooltip .arrow {
-        position: absolute;
-        display: block;
-        width: 0.8rem;
-        height: 0.4rem
-    }
-
-        .tooltip .arrow::before {
-            position: absolute;
-            content: "";
-            border-color: transparent;
-            border-style: solid
-        }
-
-.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
-    padding: 0.4rem 0
-}
-
-    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
-        bottom: 0
-    }
-
-        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
-            top: 0;
-            border-width: 0.4rem 0.4rem 0;
-            border-top-color: #282828
-        }
-
-.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
-    padding: 0 0.4rem
-}
-
-    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
-        left: 0;
-        width: 0.4rem;
-        height: 0.8rem
-    }
-
-        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
-            right: 0;
-            border-width: 0.4rem 0.4rem 0.4rem 0;
-            border-right-color: #282828
-        }
-
-.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
-    padding: 0.4rem 0
-}
-
-    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
-        top: 0
-    }
-
-        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
-            bottom: 0;
-            border-width: 0 0.4rem 0.4rem;
-            border-bottom-color: #282828
-        }
-
-.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
-    padding: 0 0.4rem
-}
-
-    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
-        right: 0;
-        width: 0.4rem;
-        height: 0.8rem
-    }
-
-        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
-            left: 0;
-            border-width: 0.4rem 0 0.4rem 0.4rem;
-            border-left-color: #282828
-        }
-
-.tooltip-inner {
-    max-width: 200px;
-    padding: 0.25rem 0.5rem;
-    color: #fff;
-    text-align: center;
-    background-color: #282828;
-    border-radius: 0.25rem
-}
-
-.popover {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1060;
-    display: block;
-    max-width: 276px;
-    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1.5;
-    text-align: left;
-    text-align: start;
-    text-decoration: none;
-    text-shadow: none;
-    text-transform: none;
-    letter-spacing: normal;
-    word-break: normal;
-    word-spacing: normal;
-    white-space: normal;
-    line-break: auto;
-    font-size: 0.765625rem;
-    word-wrap: break-word;
-    background-color: #282828;
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,0.2);
-    border-radius: 0.3rem
-}
-
-    .popover .arrow {
-        position: absolute;
-        display: block;
-        width: 1rem;
-        height: 0.5rem;
-        margin: 0 0.3rem
-    }
-
-        .popover .arrow::before, .popover .arrow::after {
-            position: absolute;
-            display: block;
-            content: "";
-            border-color: transparent;
-            border-style: solid
-        }
-
-.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
-    margin-bottom: 0.5rem
-}
-
-    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
-        bottom: calc(-0.5rem - 1px)
-    }
-
-        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
-            bottom: 0;
-            border-width: 0.5rem 0.5rem 0;
-            border-top-color: rgba(0,0,0,0.25)
-        }
-
-        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
-            bottom: 1px;
-            border-width: 0.5rem 0.5rem 0;
-            border-top-color: #282828
-        }
-
-.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
-    margin-left: 0.5rem
-}
-
-    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
-        left: calc(-0.5rem - 1px);
-        width: 0.5rem;
-        height: 1rem;
-        margin: 0.3rem 0
-    }
-
-        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
-            left: 0;
-            border-width: 0.5rem 0.5rem 0.5rem 0;
-            border-right-color: rgba(0,0,0,0.25)
-        }
-
-        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
-            left: 1px;
-            border-width: 0.5rem 0.5rem 0.5rem 0;
-            border-right-color: #282828
-        }
-
-.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
-    margin-top: 0.5rem
-}
-
-    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
-        top: calc(-0.5rem - 1px)
-    }
-
-        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
-            top: 0;
-            border-width: 0 0.5rem 0.5rem 0.5rem;
-            border-bottom-color: rgba(0,0,0,0.25)
-        }
-
-        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
-            top: 1px;
-            border-width: 0 0.5rem 0.5rem 0.5rem;
-            border-bottom-color: #282828
-        }
-
-    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        display: block;
-        width: 1rem;
-        margin-left: -0.5rem;
-        content: "";
-        border-bottom: 1px solid #202020
-    }
-
-.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
-    margin-right: 0.5rem
-}
-
-    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
-        right: calc(-0.5rem - 1px);
-        width: 0.5rem;
-        height: 1rem;
-        margin: 0.3rem 0
-    }
-
-        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
-            right: 0;
-            border-width: 0.5rem 0 0.5rem 0.5rem;
-            border-left-color: rgba(0,0,0,0.25)
-        }
-
-        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
-            right: 1px;
-            border-width: 0.5rem 0 0.5rem 0.5rem;
-            border-left-color: #282828
-        }
-
-.popover-header {
-    padding: 0.5rem 0.75rem;
-    margin-bottom: 0;
-    font-size: 0.875rem;
-    color: #fff;
-    background-color: #202020;
-    border-bottom: 1px solid #141414;
-    border-top-left-radius: calc(0.3rem - 1px);
-    border-top-right-radius: calc(0.3rem - 1px)
-}
-
-    .popover-header:empty {
-        display: none
-    }
-
-.popover-body {
-    padding: 0.5rem 0.75rem;
-    color: #ADAFAE
-}
-
-.carousel {
-    position: relative
-}
-
-    .carousel.pointer-event {
-        -ms-touch-action: pan-y;
-        touch-action: pan-y
-    }
-
-.carousel-inner {
-    position: relative;
-    width: 100%;
-    overflow: hidden
-}
-
-    .carousel-inner::after {
-        display: block;
-        clear: both;
-        content: ""
-    }
-
-.carousel-item {
-    position: relative;
-    display: none;
-    float: left;
-    width: 100%;
-    margin-right: -100%;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    -webkit-transition: -webkit-transform 0.6s ease-in-out;
-    transition: -webkit-transform 0.6s ease-in-out;
-    transition: transform 0.6s ease-in-out;
-    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-item {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.carousel-item.active, .carousel-item-next, .carousel-item-prev {
-    display: block
-}
-
-    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
-        -webkit-transform: translateX(100%);
-        transform: translateX(100%)
-    }
-
-    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
-        -webkit-transform: translateX(-100%);
-        transform: translateX(-100%)
-    }
-
-.carousel-fade .carousel-item {
-    opacity: 0;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -webkit-transform: none;
-    transform: none
-}
-
-    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
-        z-index: 1;
-        opacity: 1
-    }
-
-.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
-    z-index: 0;
-    opacity: 0;
-    -webkit-transition: opacity 0s 0.6s;
-    transition: opacity 0s 0.6s
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.carousel-control-prev, .carousel-control-next {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    z-index: 1;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    width: 15%;
-    color: #fff;
-    text-align: center;
-    opacity: 0.5;
-    -webkit-transition: opacity 0.15s ease;
-    transition: opacity 0.15s ease
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-control-prev, .carousel-control-next {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
-    color: #fff;
-    text-decoration: none;
-    outline: 0;
-    opacity: 0.9
-}
-
-.carousel-control-prev {
-    left: 0
-}
-
-.carousel-control-next {
-    right: 0
-}
-
-.carousel-control-prev-icon, .carousel-control-next-icon {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: no-repeat 50% / 100% 100%
-}
-
-.carousel-control-prev-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
-}
-
-.carousel-control-next-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
-}
-
-.carousel-indicators {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 15;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    padding-left: 0;
-    margin-right: 15%;
-    margin-left: 15%;
-    list-style: none
-}
-
-    .carousel-indicators li {
-        -webkit-box-sizing: content-box;
-        box-sizing: content-box;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 1 auto;
-        flex: 0 1 auto;
-        width: 30px;
-        height: 3px;
-        margin-right: 3px;
-        margin-left: 3px;
-        text-indent: -999px;
-        cursor: pointer;
-        background-color: #fff;
-        background-clip: padding-box;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        opacity: .5;
-        -webkit-transition: opacity 0.6s ease;
-        transition: opacity 0.6s ease
-    }
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-indicators li {
-        -webkit-transition: none;
-        transition: none
-    }
-}
-
-.carousel-indicators .active {
-    opacity: 1
-}
-
-.carousel-caption {
-    position: absolute;
-    right: 15%;
-    bottom: 20px;
-    left: 15%;
-    z-index: 10;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    color: #fff;
-    text-align: center
-}
-
-@-webkit-keyframes spinner-border {
-    to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-
-@keyframes spinner-border {
-    to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-
-.spinner-border {
-    display: inline-block;
-    width: 2rem;
-    height: 2rem;
-    vertical-align: text-bottom;
-    border: 0.25em solid currentColor;
-    border-right-color: transparent;
-    border-radius: 50%;
-    -webkit-animation: spinner-border .75s linear infinite;
-    animation: spinner-border .75s linear infinite
-}
-
-.spinner-border-sm {
-    width: 1rem;
-    height: 1rem;
-    border-width: 0.2em
-}
-
-@-webkit-keyframes spinner-grow {
-    0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-    }
-
-    50% {
-        opacity: 1
-    }
-}
-
-@keyframes spinner-grow {
-    0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-    }
-
-    50% {
-        opacity: 1
-    }
-}
-
-.spinner-grow {
-    display: inline-block;
-    width: 2rem;
-    height: 2rem;
-    vertical-align: text-bottom;
-    background-color: currentColor;
-    border-radius: 50%;
-    opacity: 0;
-    -webkit-animation: spinner-grow .75s linear infinite;
-    animation: spinner-grow .75s linear infinite
-}
-
-.spinner-grow-sm {
-    width: 1rem;
-    height: 1rem
-}
-
-.align-baseline {
-    vertical-align: baseline !important
-}
-
-.align-top {
-    vertical-align: top !important
-}
-
-.align-middle {
-    vertical-align: middle !important
-}
-
-.align-bottom {
-    vertical-align: bottom !important
-}
-
-.align-text-bottom {
-    vertical-align: text-bottom !important
-}
-
-.align-text-top {
-    vertical-align: text-top !important
-}
-
-.bg-primary {
-    background-color: #2A9FD6 !important
-}
-
-a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
-    background-color: #2180ac !important
-}
-
-.bg-secondary {
-    background-color: #555 !important
-}
-
-a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
-    background-color: #3c3b3b !important
-}
-
-.bg-success {
-    background-color: #77B300 !important
-}
-
-a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
-    background-color: #558000 !important
-}
-
-.bg-info {
-    background-color: #9933CC !important
-}
-
-a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
-    background-color: #7a29a3 !important
-}
-
-.bg-warning {
-    background-color: #FF8800 !important
-}
-
-a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
-    background-color: #cc6d00 !important
-}
-
-.bg-danger {
-    background-color: #CC0000 !important
-}
-
-a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
-    background-color: #990000 !important
-}
-
-.bg-light {
-    background-color: #222 !important
-}
-
-a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
-    background-color: #090808 !important
-}
-
-.bg-dark {
-    background-color: #ADAFAE !important
-}
-
-a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
-    background-color: #939695 !important
-}
-
-.bg-white {
-    background-color: #fff !important
-}
-
-.bg-transparent {
-    background-color: transparent !important
-}
-
-.border {
-    border: 1px solid #dee2e6 !important
-}
-
-.border-top {
-    border-top: 1px solid #dee2e6 !important
-}
-
-.border-right {
-    border-right: 1px solid #dee2e6 !important
-}
-
-.border-bottom {
-    border-bottom: 1px solid #dee2e6 !important
-}
-
-.border-left {
-    border-left: 1px solid #dee2e6 !important
-}
-
-.border-0 {
-    border: 0 !important
-}
-
-.border-top-0 {
-    border-top: 0 !important
-}
-
-.border-right-0 {
-    border-right: 0 !important
-}
-
-.border-bottom-0 {
-    border-bottom: 0 !important
-}
-
-.border-left-0 {
-    border-left: 0 !important
-}
-
-.border-primary {
-    border-color: #2A9FD6 !important
-}
-
-.border-secondary {
-    border-color: #555 !important
-}
-
-.border-success {
-    border-color: #77B300 !important
-}
-
-.border-info {
-    border-color: #9933CC !important
-}
-
-.border-warning {
-    border-color: #FF8800 !important
-}
-
-.border-danger {
-    border-color: #CC0000 !important
-}
-
-.border-light {
-    border-color: #222 !important
-}
-
-.border-dark {
-    border-color: #ADAFAE !important
-}
-
-.border-white {
-    border-color: #fff !important
-}
-
-.rounded-sm {
-    border-radius: 0.2rem !important
-}
-
-.rounded {
-    border-radius: 0.25rem !important
-}
-
-.rounded-top {
-    border-top-left-radius: 0.25rem !important;
-    border-top-right-radius: 0.25rem !important
-}
-
-.rounded-right {
-    border-top-right-radius: 0.25rem !important;
-    border-bottom-right-radius: 0.25rem !important
-}
-
-.rounded-bottom {
-    border-bottom-right-radius: 0.25rem !important;
-    border-bottom-left-radius: 0.25rem !important
-}
-
-.rounded-left {
-    border-top-left-radius: 0.25rem !important;
-    border-bottom-left-radius: 0.25rem !important
-}
-
-.rounded-lg {
-    border-radius: 0.3rem !important
-}
-
-.rounded-circle {
-    border-radius: 50% !important
-}
-
-.rounded-pill {
-    border-radius: 50rem !important
-}
-
-.rounded-0 {
-    border-radius: 0 !important
-}
-
-.clearfix::after {
-    display: block;
-    clear: both;
-    content: ""
-}
-
-.d-none {
-    display: none !important
-}
-
-.d-inline {
-    display: inline !important
-}
-
-.d-inline-block {
-    display: inline-block !important
-}
-
-.d-block {
-    display: block !important
-}
-
-.d-table {
-    display: table !important
-}
-
-.d-table-row {
-    display: table-row !important
-}
-
-.d-table-cell {
-    display: table-cell !important
-}
-
-.d-flex {
-    display: -webkit-box !important;
-    display: -ms-flexbox !important;
-    display: flex !important
-}
-
-.d-inline-flex {
-    display: -webkit-inline-box !important;
-    display: -ms-inline-flexbox !important;
-    display: inline-flex !important
-}
-
-@media (min-width: 576px) {
-    .d-sm-none {
-        display: none !important
-    }
-
-    .d-sm-inline {
-        display: inline !important
-    }
-
-    .d-sm-inline-block {
-        display: inline-block !important
-    }
-
-    .d-sm-block {
-        display: block !important
-    }
-
-    .d-sm-table {
-        display: table !important
-    }
-
-    .d-sm-table-row {
-        display: table-row !important
-    }
-
-    .d-sm-table-cell {
-        display: table-cell !important
-    }
-
-    .d-sm-flex {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important
-    }
-
-    .d-sm-inline-flex {
-        display: -webkit-inline-box !important;
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-    }
-}
-
-@media (min-width: 768px) {
-    .d-md-none {
-        display: none !important
-    }
-
-    .d-md-inline {
-        display: inline !important
-    }
-
-    .d-md-inline-block {
-        display: inline-block !important
-    }
-
-    .d-md-block {
-        display: block !important
-    }
-
-    .d-md-table {
-        display: table !important
-    }
-
-    .d-md-table-row {
-        display: table-row !important
-    }
-
-    .d-md-table-cell {
-        display: table-cell !important
-    }
-
-    .d-md-flex {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important
-    }
-
-    .d-md-inline-flex {
-        display: -webkit-inline-box !important;
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-    }
-}
-
-@media (min-width: 992px) {
-    .d-lg-none {
-        display: none !important
-    }
-
-    .d-lg-inline {
-        display: inline !important
-    }
-
-    .d-lg-inline-block {
-        display: inline-block !important
-    }
-
-    .d-lg-block {
-        display: block !important
-    }
-
-    .d-lg-table {
-        display: table !important
-    }
-
-    .d-lg-table-row {
-        display: table-row !important
-    }
-
-    .d-lg-table-cell {
-        display: table-cell !important
-    }
-
-    .d-lg-flex {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important
-    }
-
-    .d-lg-inline-flex {
-        display: -webkit-inline-box !important;
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-    }
-}
-
-@media (min-width: 1200px) {
-    .d-xl-none {
-        display: none !important
-    }
-
-    .d-xl-inline {
-        display: inline !important
-    }
-
-    .d-xl-inline-block {
-        display: inline-block !important
-    }
-
-    .d-xl-block {
-        display: block !important
-    }
-
-    .d-xl-table {
-        display: table !important
-    }
-
-    .d-xl-table-row {
-        display: table-row !important
-    }
-
-    .d-xl-table-cell {
-        display: table-cell !important
-    }
-
-    .d-xl-flex {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important
-    }
-
-    .d-xl-inline-flex {
-        display: -webkit-inline-box !important;
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-    }
-}
-
-@media print {
-    .d-print-none {
-        display: none !important
-    }
-
-    .d-print-inline {
-        display: inline !important
-    }
-
-    .d-print-inline-block {
-        display: inline-block !important
-    }
-
-    .d-print-block {
-        display: block !important
-    }
-
-    .d-print-table {
-        display: table !important
-    }
-
-    .d-print-table-row {
-        display: table-row !important
-    }
-
-    .d-print-table-cell {
-        display: table-cell !important
-    }
-
-    .d-print-flex {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important
-    }
-
-    .d-print-inline-flex {
-        display: -webkit-inline-box !important;
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-    }
-}
-
-.embed-responsive {
-    position: relative;
-    display: block;
-    width: 100%;
-    padding: 0;
-    overflow: hidden
-}
-
-    .embed-responsive::before {
-        display: block;
-        content: ""
-    }
-
-    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border: 0
-    }
-
-.embed-responsive-21by9::before {
-    padding-top: 42.8571428571%
-}
-
-.embed-responsive-16by9::before {
-    padding-top: 56.25%
-}
-
-.embed-responsive-4by3::before {
-    padding-top: 75%
-}
-
-.embed-responsive-1by1::before {
-    padding-top: 100%
-}
-
-.flex-row {
-    -webkit-box-orient: horizontal !important;
-    -webkit-box-direction: normal !important;
-    -ms-flex-direction: row !important;
-    flex-direction: row !important
-}
-
-.flex-column {
-    -webkit-box-orient: vertical !important;
-    -webkit-box-direction: normal !important;
-    -ms-flex-direction: column !important;
-    flex-direction: column !important
-}
-
-.flex-row-reverse {
-    -webkit-box-orient: horizontal !important;
-    -webkit-box-direction: reverse !important;
-    -ms-flex-direction: row-reverse !important;
-    flex-direction: row-reverse !important
-}
-
-.flex-column-reverse {
-    -webkit-box-orient: vertical !important;
-    -webkit-box-direction: reverse !important;
-    -ms-flex-direction: column-reverse !important;
-    flex-direction: column-reverse !important
-}
-
-.flex-wrap {
-    -ms-flex-wrap: wrap !important;
-    flex-wrap: wrap !important
-}
-
-.flex-nowrap {
-    -ms-flex-wrap: nowrap !important;
-    flex-wrap: nowrap !important
-}
-
-.flex-wrap-reverse {
-    -ms-flex-wrap: wrap-reverse !important;
-    flex-wrap: wrap-reverse !important
-}
-
-.flex-fill {
-    -webkit-box-flex: 1 !important;
-    -ms-flex: 1 1 auto !important;
-    flex: 1 1 auto !important
-}
-
-.flex-grow-0 {
-    -webkit-box-flex: 0 !important;
-    -ms-flex-positive: 0 !important;
-    flex-grow: 0 !important
-}
-
-.flex-grow-1 {
-    -webkit-box-flex: 1 !important;
-    -ms-flex-positive: 1 !important;
-    flex-grow: 1 !important
-}
-
-.flex-shrink-0 {
-    -ms-flex-negative: 0 !important;
-    flex-shrink: 0 !important
-}
-
-.flex-shrink-1 {
-    -ms-flex-negative: 1 !important;
-    flex-shrink: 1 !important
-}
-
-.justify-content-start {
-    -webkit-box-pack: start !important;
-    -ms-flex-pack: start !important;
-    justify-content: flex-start !important
-}
-
-.justify-content-end {
-    -webkit-box-pack: end !important;
-    -ms-flex-pack: end !important;
-    justify-content: flex-end !important
-}
-
-.justify-content-center {
-    -webkit-box-pack: center !important;
-    -ms-flex-pack: center !important;
-    justify-content: center !important
-}
-
-.justify-content-between {
-    -webkit-box-pack: justify !important;
-    -ms-flex-pack: justify !important;
-    justify-content: space-between !important
-}
-
-.justify-content-around {
-    -ms-flex-pack: distribute !important;
-    justify-content: space-around !important
-}
-
-.align-items-start {
-    -webkit-box-align: start !important;
-    -ms-flex-align: start !important;
-    align-items: flex-start !important
-}
-
-.align-items-end {
-    -webkit-box-align: end !important;
-    -ms-flex-align: end !important;
-    align-items: flex-end !important
-}
-
-.align-items-center {
-    -webkit-box-align: center !important;
-    -ms-flex-align: center !important;
-    align-items: center !important
-}
-
-.align-items-baseline {
-    -webkit-box-align: baseline !important;
-    -ms-flex-align: baseline !important;
-    align-items: baseline !important
-}
-
-.align-items-stretch {
-    -webkit-box-align: stretch !important;
-    -ms-flex-align: stretch !important;
-    align-items: stretch !important
-}
-
-.align-content-start {
-    -ms-flex-line-pack: start !important;
-    align-content: flex-start !important
-}
-
-.align-content-end {
-    -ms-flex-line-pack: end !important;
-    align-content: flex-end !important
-}
-
-.align-content-center {
-    -ms-flex-line-pack: center !important;
-    align-content: center !important
-}
-
-.align-content-between {
-    -ms-flex-line-pack: justify !important;
-    align-content: space-between !important
-}
-
-.align-content-around {
-    -ms-flex-line-pack: distribute !important;
-    align-content: space-around !important
-}
-
-.align-content-stretch {
-    -ms-flex-line-pack: stretch !important;
-    align-content: stretch !important
-}
-
-.align-self-auto {
-    -ms-flex-item-align: auto !important;
-    align-self: auto !important
-}
-
-.align-self-start {
-    -ms-flex-item-align: start !important;
-    align-self: flex-start !important
-}
-
-.align-self-end {
-    -ms-flex-item-align: end !important;
-    align-self: flex-end !important
-}
-
-.align-self-center {
-    -ms-flex-item-align: center !important;
-    align-self: center !important
-}
-
-.align-self-baseline {
-    -ms-flex-item-align: baseline !important;
-    align-self: baseline !important
-}
-
-.align-self-stretch {
-    -ms-flex-item-align: stretch !important;
-    align-self: stretch !important
-}
-
-@media (min-width: 576px) {
-    .flex-sm-row {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-    }
-
-    .flex-sm-column {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-    }
-
-    .flex-sm-row-reverse {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-    }
-
-    .flex-sm-column-reverse {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-    }
-
-    .flex-sm-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-    }
-
-    .flex-sm-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-    }
-
-    .flex-sm-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-    }
-
-    .flex-sm-fill {
-        -webkit-box-flex: 1 !important;
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-    }
-
-    .flex-sm-grow-0 {
-        -webkit-box-flex: 0 !important;
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-    }
-
-    .flex-sm-grow-1 {
-        -webkit-box-flex: 1 !important;
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-    }
-
-    .flex-sm-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-    }
-
-    .flex-sm-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-    }
-
-    .justify-content-sm-start {
-        -webkit-box-pack: start !important;
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-    }
-
-    .justify-content-sm-end {
-        -webkit-box-pack: end !important;
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-    }
-
-    .justify-content-sm-center {
-        -webkit-box-pack: center !important;
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-    }
-
-    .justify-content-sm-between {
-        -webkit-box-pack: justify !important;
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-    }
-
-    .justify-content-sm-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-    }
-
-    .align-items-sm-start {
-        -webkit-box-align: start !important;
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-    }
-
-    .align-items-sm-end {
-        -webkit-box-align: end !important;
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-    }
-
-    .align-items-sm-center {
-        -webkit-box-align: center !important;
-        -ms-flex-align: center !important;
-        align-items: center !important
-    }
-
-    .align-items-sm-baseline {
-        -webkit-box-align: baseline !important;
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-    }
-
-    .align-items-sm-stretch {
-        -webkit-box-align: stretch !important;
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-    }
-
-    .align-content-sm-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-    }
-
-    .align-content-sm-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-    }
-
-    .align-content-sm-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-    }
-
-    .align-content-sm-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-    }
-
-    .align-content-sm-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-    }
-
-    .align-content-sm-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-    }
-
-    .align-self-sm-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-    }
-
-    .align-self-sm-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-    }
-
-    .align-self-sm-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-    }
-
-    .align-self-sm-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-    }
-
-    .align-self-sm-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-    }
-
-    .align-self-sm-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-    }
-}
-
-@media (min-width: 768px) {
-    .flex-md-row {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-    }
-
-    .flex-md-column {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-    }
-
-    .flex-md-row-reverse {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-    }
-
-    .flex-md-column-reverse {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-    }
-
-    .flex-md-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-    }
-
-    .flex-md-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-    }
-
-    .flex-md-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-    }
-
-    .flex-md-fill {
-        -webkit-box-flex: 1 !important;
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-    }
-
-    .flex-md-grow-0 {
-        -webkit-box-flex: 0 !important;
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-    }
-
-    .flex-md-grow-1 {
-        -webkit-box-flex: 1 !important;
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-    }
-
-    .flex-md-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-    }
-
-    .flex-md-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-    }
-
-    .justify-content-md-start {
-        -webkit-box-pack: start !important;
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-    }
-
-    .justify-content-md-end {
-        -webkit-box-pack: end !important;
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-    }
-
-    .justify-content-md-center {
-        -webkit-box-pack: center !important;
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-    }
-
-    .justify-content-md-between {
-        -webkit-box-pack: justify !important;
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-    }
-
-    .justify-content-md-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-    }
-
-    .align-items-md-start {
-        -webkit-box-align: start !important;
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-    }
-
-    .align-items-md-end {
-        -webkit-box-align: end !important;
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-    }
-
-    .align-items-md-center {
-        -webkit-box-align: center !important;
-        -ms-flex-align: center !important;
-        align-items: center !important
-    }
-
-    .align-items-md-baseline {
-        -webkit-box-align: baseline !important;
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-    }
-
-    .align-items-md-stretch {
-        -webkit-box-align: stretch !important;
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-    }
-
-    .align-content-md-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-    }
-
-    .align-content-md-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-    }
-
-    .align-content-md-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-    }
-
-    .align-content-md-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-    }
-
-    .align-content-md-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-    }
-
-    .align-content-md-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-    }
-
-    .align-self-md-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-    }
-
-    .align-self-md-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-    }
-
-    .align-self-md-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-    }
-
-    .align-self-md-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-    }
-
-    .align-self-md-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-    }
-
-    .align-self-md-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-    }
-}
-
-@media (min-width: 992px) {
-    .flex-lg-row {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-    }
-
-    .flex-lg-column {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-    }
-
-    .flex-lg-row-reverse {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-    }
-
-    .flex-lg-column-reverse {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-    }
-
-    .flex-lg-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-    }
-
-    .flex-lg-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-    }
-
-    .flex-lg-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-    }
-
-    .flex-lg-fill {
-        -webkit-box-flex: 1 !important;
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-    }
-
-    .flex-lg-grow-0 {
-        -webkit-box-flex: 0 !important;
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-    }
-
-    .flex-lg-grow-1 {
-        -webkit-box-flex: 1 !important;
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-    }
-
-    .flex-lg-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-    }
-
-    .flex-lg-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-    }
-
-    .justify-content-lg-start {
-        -webkit-box-pack: start !important;
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-    }
-
-    .justify-content-lg-end {
-        -webkit-box-pack: end !important;
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-    }
-
-    .justify-content-lg-center {
-        -webkit-box-pack: center !important;
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-    }
-
-    .justify-content-lg-between {
-        -webkit-box-pack: justify !important;
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-    }
-
-    .justify-content-lg-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-    }
-
-    .align-items-lg-start {
-        -webkit-box-align: start !important;
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-    }
-
-    .align-items-lg-end {
-        -webkit-box-align: end !important;
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-    }
-
-    .align-items-lg-center {
-        -webkit-box-align: center !important;
-        -ms-flex-align: center !important;
-        align-items: center !important
-    }
-
-    .align-items-lg-baseline {
-        -webkit-box-align: baseline !important;
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-    }
-
-    .align-items-lg-stretch {
-        -webkit-box-align: stretch !important;
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-    }
-
-    .align-content-lg-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-    }
-
-    .align-content-lg-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-    }
-
-    .align-content-lg-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-    }
-
-    .align-content-lg-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-    }
-
-    .align-content-lg-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-    }
-
-    .align-content-lg-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-    }
-
-    .align-self-lg-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-    }
-
-    .align-self-lg-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-    }
-
-    .align-self-lg-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-    }
-
-    .align-self-lg-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-    }
-
-    .align-self-lg-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-    }
-
-    .align-self-lg-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-    }
-}
-
-@media (min-width: 1200px) {
-    .flex-xl-row {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-    }
-
-    .flex-xl-column {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: normal !important;
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-    }
-
-    .flex-xl-row-reverse {
-        -webkit-box-orient: horizontal !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-    }
-
-    .flex-xl-column-reverse {
-        -webkit-box-orient: vertical !important;
-        -webkit-box-direction: reverse !important;
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-    }
-
-    .flex-xl-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-    }
-
-    .flex-xl-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-    }
-
-    .flex-xl-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-    }
-
-    .flex-xl-fill {
-        -webkit-box-flex: 1 !important;
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-    }
-
-    .flex-xl-grow-0 {
-        -webkit-box-flex: 0 !important;
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-    }
-
-    .flex-xl-grow-1 {
-        -webkit-box-flex: 1 !important;
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-    }
-
-    .flex-xl-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-    }
-
-    .flex-xl-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-    }
-
-    .justify-content-xl-start {
-        -webkit-box-pack: start !important;
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-    }
-
-    .justify-content-xl-end {
-        -webkit-box-pack: end !important;
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-    }
-
-    .justify-content-xl-center {
-        -webkit-box-pack: center !important;
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-    }
-
-    .justify-content-xl-between {
-        -webkit-box-pack: justify !important;
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-    }
-
-    .justify-content-xl-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-    }
-
-    .align-items-xl-start {
-        -webkit-box-align: start !important;
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-    }
-
-    .align-items-xl-end {
-        -webkit-box-align: end !important;
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-    }
-
-    .align-items-xl-center {
-        -webkit-box-align: center !important;
-        -ms-flex-align: center !important;
-        align-items: center !important
-    }
-
-    .align-items-xl-baseline {
-        -webkit-box-align: baseline !important;
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-    }
-
-    .align-items-xl-stretch {
-        -webkit-box-align: stretch !important;
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-    }
-
-    .align-content-xl-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-    }
-
-    .align-content-xl-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-    }
-
-    .align-content-xl-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-    }
-
-    .align-content-xl-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-    }
-
-    .align-content-xl-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-    }
-
-    .align-content-xl-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-    }
-
-    .align-self-xl-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-    }
-
-    .align-self-xl-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-    }
-
-    .align-self-xl-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-    }
-
-    .align-self-xl-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-    }
-
-    .align-self-xl-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-    }
-
-    .align-self-xl-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-    }
-}
-
-.float-left {
-    float: left !important
-}
-
-.float-right {
-    float: right !important
-}
-
-.float-none {
-    float: none !important
-}
-
-@media (min-width: 576px) {
-    .float-sm-left {
-        float: left !important
-    }
-
-    .float-sm-right {
-        float: right !important
-    }
-
-    .float-sm-none {
-        float: none !important
-    }
-}
-
-@media (min-width: 768px) {
-    .float-md-left {
-        float: left !important
-    }
-
-    .float-md-right {
-        float: right !important
-    }
-
-    .float-md-none {
-        float: none !important
-    }
-}
-
-@media (min-width: 992px) {
-    .float-lg-left {
-        float: left !important
-    }
-
-    .float-lg-right {
-        float: right !important
-    }
-
-    .float-lg-none {
-        float: none !important
-    }
-}
-
-@media (min-width: 1200px) {
-    .float-xl-left {
-        float: left !important
-    }
-
-    .float-xl-right {
-        float: right !important
-    }
-
-    .float-xl-none {
-        float: none !important
-    }
-}
-
-.overflow-auto {
-    overflow: auto !important
-}
-
-.overflow-hidden {
-    overflow: hidden !important
-}
-
-.position-static {
-    position: static !important
-}
-
-.position-relative {
-    position: relative !important
-}
-
-.position-absolute {
-    position: absolute !important
-}
-
-.position-fixed {
-    position: fixed !important
-}
-
-.position-sticky {
-    position: -webkit-sticky !important;
-    position: sticky !important
-}
-
-.fixed-top {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: 1030
-}
-
-.fixed-bottom {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1030
-}
-
-@supports (position: -webkit-sticky) or (position: sticky) {
-    .sticky-top {
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0;
-        z-index: 1020
-    }
-}
-
-.sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0
-}
-
-.sr-only-focusable:active, .sr-only-focusable:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    overflow: visible;
-    clip: auto;
-    white-space: normal
-}
-
-.shadow-sm {
-    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
-    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
-}
-
-.shadow {
-    -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
-    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important
-}
-
-.shadow-lg {
-    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
-    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
-}
-
-.shadow-none {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important
-}
-
-.w-25 {
-    width: 25% !important
-}
-
-.w-50 {
-    width: 50% !important
-}
-
-.w-75 {
-    width: 75% !important
-}
-
-.w-100 {
-    width: 100% !important
-}
-
-.w-auto {
-    width: auto !important
-}
-
-.h-25 {
-    height: 25% !important
-}
-
-.h-50 {
-    height: 50% !important
-}
-
-.h-75 {
-    height: 75% !important
-}
-
-.h-100 {
-    height: 100% !important
-}
-
-.h-auto {
-    height: auto !important
-}
-
-.mw-100 {
-    max-width: 100% !important
-}
-
-.mh-100 {
-    max-height: 100% !important
-}
-
-.min-vw-100 {
-    min-width: 100vw !important
-}
-
-.min-vh-100 {
-    min-height: 100vh !important
-}
-
-.vw-100 {
-    width: 100vw !important
-}
-
-.vh-100 {
-    height: 100vh !important
-}
-
-.stretched-link::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-    pointer-events: auto;
-    content: "";
-    background-color: rgba(0,0,0,0)
-}
-
-.m-0 {
-    margin: 0 !important
-}
-
-.mt-0, .my-0 {
-    margin-top: 0 !important
-}
-
-.mr-0, .mx-0 {
-    margin-right: 0 !important
-}
-
-.mb-0, .my-0 {
-    margin-bottom: 0 !important
-}
-
-.ml-0, .mx-0 {
-    margin-left: 0 !important
-}
-
-.m-1 {
-    margin: 0.25rem !important
-}
-
-.mt-1, .my-1 {
-    margin-top: 0.25rem !important
-}
-
-.mr-1, .mx-1 {
-    margin-right: 0.25rem !important
-}
-
-.mb-1, .my-1 {
-    margin-bottom: 0.25rem !important
-}
-
-.ml-1, .mx-1 {
-    margin-left: 0.25rem !important
-}
-
-.m-2 {
-    margin: 0.5rem !important
-}
-
-.mt-2, .my-2 {
-    margin-top: 0.5rem !important
-}
-
-.mr-2, .mx-2 {
-    margin-right: 0.5rem !important
-}
-
-.mb-2, .my-2 {
-    margin-bottom: 0.5rem !important
-}
-
-.ml-2, .mx-2 {
-    margin-left: 0.5rem !important
-}
-
-.m-3 {
-    margin: 1rem !important
-}
-
-.mt-3, .my-3 {
-    margin-top: 1rem !important
-}
-
-.mr-3, .mx-3 {
-    margin-right: 1rem !important
-}
-
-.mb-3, .my-3 {
-    margin-bottom: 1rem !important
-}
-
-.ml-3, .mx-3 {
-    margin-left: 1rem !important
-}
-
-.m-4 {
-    margin: 1.5rem !important
-}
-
-.mt-4, .my-4 {
-    margin-top: 1.5rem !important
-}
-
-.mr-4, .mx-4 {
-    margin-right: 1.5rem !important
-}
-
-.mb-4, .my-4 {
-    margin-bottom: 1.5rem !important
-}
-
-.ml-4, .mx-4 {
-    margin-left: 1.5rem !important
-}
-
-.m-5 {
-    margin: 3rem !important
-}
-
-.mt-5, .my-5 {
-    margin-top: 3rem !important
-}
-
-.mr-5, .mx-5 {
-    margin-right: 3rem !important
-}
-
-.mb-5, .my-5 {
-    margin-bottom: 3rem !important
-}
-
-.ml-5, .mx-5 {
-    margin-left: 3rem !important
-}
-
-.p-0 {
-    padding: 0 !important
-}
-
-.pt-0, .py-0 {
-    padding-top: 0 !important
-}
-
-.pr-0, .px-0 {
-    padding-right: 0 !important
-}
-
-.pb-0, .py-0 {
-    padding-bottom: 0 !important
-}
-
-.pl-0, .px-0 {
-    padding-left: 0 !important
-}
-
-.p-1 {
-    padding: 0.25rem !important
-}
-
-.pt-1, .py-1 {
-    padding-top: 0.25rem !important
-}
-
-.pr-1, .px-1 {
-    padding-right: 0.25rem !important
-}
-
-.pb-1, .py-1 {
-    padding-bottom: 0.25rem !important
-}
-
-.pl-1, .px-1 {
-    padding-left: 0.25rem !important
-}
-
-.p-2 {
-    padding: 0.5rem !important
-}
-
-.pt-2, .py-2 {
-    padding-top: 0.5rem !important
-}
-
-.pr-2, .px-2 {
-    padding-right: 0.5rem !important
-}
-
-.pb-2, .py-2 {
-    padding-bottom: 0.5rem !important
-}
-
-.pl-2, .px-2 {
-    padding-left: 0.5rem !important
-}
-
-.p-3 {
-    padding: 1rem !important
-}
-
-.pt-3, .py-3 {
-    padding-top: 1rem !important
-}
-
-.pr-3, .px-3 {
-    padding-right: 1rem !important
-}
-
-.pb-3, .py-3 {
-    padding-bottom: 1rem !important
-}
-
-.pl-3, .px-3 {
-    padding-left: 1rem !important
-}
-
-.p-4 {
-    padding: 1.5rem !important
-}
-
-.pt-4, .py-4 {
-    padding-top: 1.5rem !important
-}
-
-.pr-4, .px-4 {
-    padding-right: 1.5rem !important
-}
-
-.pb-4, .py-4 {
-    padding-bottom: 1.5rem !important
-}
-
-.pl-4, .px-4 {
-    padding-left: 1.5rem !important
-}
-
-.p-5 {
-    padding: 3rem !important
-}
-
-.pt-5, .py-5 {
-    padding-top: 3rem !important
-}
-
-.pr-5, .px-5 {
-    padding-right: 3rem !important
-}
-
-.pb-5, .py-5 {
-    padding-bottom: 3rem !important
-}
-
-.pl-5, .px-5 {
-    padding-left: 3rem !important
-}
-
-.m-n1 {
-    margin: -0.25rem !important
-}
-
-.mt-n1, .my-n1 {
-    margin-top: -0.25rem !important
-}
-
-.mr-n1, .mx-n1 {
-    margin-right: -0.25rem !important
-}
-
-.mb-n1, .my-n1 {
-    margin-bottom: -0.25rem !important
-}
-
-.ml-n1, .mx-n1 {
-    margin-left: -0.25rem !important
-}
-
-.m-n2 {
-    margin: -0.5rem !important
-}
-
-.mt-n2, .my-n2 {
-    margin-top: -0.5rem !important
-}
-
-.mr-n2, .mx-n2 {
-    margin-right: -0.5rem !important
-}
-
-.mb-n2, .my-n2 {
-    margin-bottom: -0.5rem !important
-}
-
-.ml-n2, .mx-n2 {
-    margin-left: -0.5rem !important
-}
-
-.m-n3 {
-    margin: -1rem !important
-}
-
-.mt-n3, .my-n3 {
-    margin-top: -1rem !important
-}
-
-.mr-n3, .mx-n3 {
-    margin-right: -1rem !important
-}
-
-.mb-n3, .my-n3 {
-    margin-bottom: -1rem !important
-}
-
-.ml-n3, .mx-n3 {
-    margin-left: -1rem !important
-}
-
-.m-n4 {
-    margin: -1.5rem !important
-}
-
-.mt-n4, .my-n4 {
-    margin-top: -1.5rem !important
-}
-
-.mr-n4, .mx-n4 {
-    margin-right: -1.5rem !important
-}
-
-.mb-n4, .my-n4 {
-    margin-bottom: -1.5rem !important
-}
-
-.ml-n4, .mx-n4 {
-    margin-left: -1.5rem !important
-}
-
-.m-n5 {
-    margin: -3rem !important
-}
-
-.mt-n5, .my-n5 {
-    margin-top: -3rem !important
-}
-
-.mr-n5, .mx-n5 {
-    margin-right: -3rem !important
-}
-
-.mb-n5, .my-n5 {
-    margin-bottom: -3rem !important
-}
-
-.ml-n5, .mx-n5 {
-    margin-left: -3rem !important
-}
-
-.m-auto {
-    margin: auto !important
-}
-
-.mt-auto, .my-auto {
-    margin-top: auto !important
-}
-
-.mr-auto, .mx-auto {
-    margin-right: auto !important
-}
-
-.mb-auto, .my-auto {
-    margin-bottom: auto !important
-}
-
-.ml-auto, .mx-auto {
-    margin-left: auto !important
-}
-
-@media (min-width: 576px) {
-    .m-sm-0 {
-        margin: 0 !important
-    }
-
-    .mt-sm-0, .my-sm-0 {
-        margin-top: 0 !important
-    }
-
-    .mr-sm-0, .mx-sm-0 {
-        margin-right: 0 !important
-    }
-
-    .mb-sm-0, .my-sm-0 {
-        margin-bottom: 0 !important
-    }
-
-    .ml-sm-0, .mx-sm-0 {
-        margin-left: 0 !important
-    }
-
-    .m-sm-1 {
-        margin: 0.25rem !important
-    }
-
-    .mt-sm-1, .my-sm-1 {
-        margin-top: 0.25rem !important
-    }
-
-    .mr-sm-1, .mx-sm-1 {
-        margin-right: 0.25rem !important
-    }
-
-    .mb-sm-1, .my-sm-1 {
-        margin-bottom: 0.25rem !important
-    }
-
-    .ml-sm-1, .mx-sm-1 {
-        margin-left: 0.25rem !important
-    }
-
-    .m-sm-2 {
-        margin: 0.5rem !important
-    }
-
-    .mt-sm-2, .my-sm-2 {
-        margin-top: 0.5rem !important
-    }
-
-    .mr-sm-2, .mx-sm-2 {
-        margin-right: 0.5rem !important
-    }
-
-    .mb-sm-2, .my-sm-2 {
-        margin-bottom: 0.5rem !important
-    }
-
-    .ml-sm-2, .mx-sm-2 {
-        margin-left: 0.5rem !important
-    }
-
-    .m-sm-3 {
-        margin: 1rem !important
-    }
-
-    .mt-sm-3, .my-sm-3 {
-        margin-top: 1rem !important
-    }
-
-    .mr-sm-3, .mx-sm-3 {
-        margin-right: 1rem !important
-    }
-
-    .mb-sm-3, .my-sm-3 {
-        margin-bottom: 1rem !important
-    }
-
-    .ml-sm-3, .mx-sm-3 {
-        margin-left: 1rem !important
-    }
-
-    .m-sm-4 {
-        margin: 1.5rem !important
-    }
-
-    .mt-sm-4, .my-sm-4 {
-        margin-top: 1.5rem !important
-    }
-
-    .mr-sm-4, .mx-sm-4 {
-        margin-right: 1.5rem !important
-    }
-
-    .mb-sm-4, .my-sm-4 {
-        margin-bottom: 1.5rem !important
-    }
-
-    .ml-sm-4, .mx-sm-4 {
-        margin-left: 1.5rem !important
-    }
-
-    .m-sm-5 {
-        margin: 3rem !important
-    }
-
-    .mt-sm-5, .my-sm-5 {
-        margin-top: 3rem !important
-    }
-
-    .mr-sm-5, .mx-sm-5 {
-        margin-right: 3rem !important
-    }
-
-    .mb-sm-5, .my-sm-5 {
-        margin-bottom: 3rem !important
-    }
-
-    .ml-sm-5, .mx-sm-5 {
-        margin-left: 3rem !important
-    }
-
-    .p-sm-0 {
-        padding: 0 !important
-    }
-
-    .pt-sm-0, .py-sm-0 {
-        padding-top: 0 !important
-    }
-
-    .pr-sm-0, .px-sm-0 {
-        padding-right: 0 !important
-    }
-
-    .pb-sm-0, .py-sm-0 {
-        padding-bottom: 0 !important
-    }
-
-    .pl-sm-0, .px-sm-0 {
-        padding-left: 0 !important
-    }
-
-    .p-sm-1 {
-        padding: 0.25rem !important
-    }
-
-    .pt-sm-1, .py-sm-1 {
-        padding-top: 0.25rem !important
-    }
-
-    .pr-sm-1, .px-sm-1 {
-        padding-right: 0.25rem !important
-    }
-
-    .pb-sm-1, .py-sm-1 {
-        padding-bottom: 0.25rem !important
-    }
-
-    .pl-sm-1, .px-sm-1 {
-        padding-left: 0.25rem !important
-    }
-
-    .p-sm-2 {
-        padding: 0.5rem !important
-    }
-
-    .pt-sm-2, .py-sm-2 {
-        padding-top: 0.5rem !important
-    }
-
-    .pr-sm-2, .px-sm-2 {
-        padding-right: 0.5rem !important
-    }
-
-    .pb-sm-2, .py-sm-2 {
-        padding-bottom: 0.5rem !important
-    }
-
-    .pl-sm-2, .px-sm-2 {
-        padding-left: 0.5rem !important
-    }
-
-    .p-sm-3 {
-        padding: 1rem !important
-    }
-
-    .pt-sm-3, .py-sm-3 {
-        padding-top: 1rem !important
-    }
-
-    .pr-sm-3, .px-sm-3 {
-        padding-right: 1rem !important
-    }
-
-    .pb-sm-3, .py-sm-3 {
-        padding-bottom: 1rem !important
-    }
-
-    .pl-sm-3, .px-sm-3 {
-        padding-left: 1rem !important
-    }
-
-    .p-sm-4 {
-        padding: 1.5rem !important
-    }
-
-    .pt-sm-4, .py-sm-4 {
-        padding-top: 1.5rem !important
-    }
-
-    .pr-sm-4, .px-sm-4 {
-        padding-right: 1.5rem !important
-    }
-
-    .pb-sm-4, .py-sm-4 {
-        padding-bottom: 1.5rem !important
-    }
-
-    .pl-sm-4, .px-sm-4 {
-        padding-left: 1.5rem !important
-    }
-
-    .p-sm-5 {
-        padding: 3rem !important
-    }
-
-    .pt-sm-5, .py-sm-5 {
-        padding-top: 3rem !important
-    }
-
-    .pr-sm-5, .px-sm-5 {
-        padding-right: 3rem !important
-    }
-
-    .pb-sm-5, .py-sm-5 {
-        padding-bottom: 3rem !important
-    }
-
-    .pl-sm-5, .px-sm-5 {
-        padding-left: 3rem !important
-    }
-
-    .m-sm-n1 {
-        margin: -0.25rem !important
-    }
-
-    .mt-sm-n1, .my-sm-n1 {
-        margin-top: -0.25rem !important
-    }
-
-    .mr-sm-n1, .mx-sm-n1 {
-        margin-right: -0.25rem !important
-    }
-
-    .mb-sm-n1, .my-sm-n1 {
-        margin-bottom: -0.25rem !important
-    }
-
-    .ml-sm-n1, .mx-sm-n1 {
-        margin-left: -0.25rem !important
-    }
-
-    .m-sm-n2 {
-        margin: -0.5rem !important
-    }
-
-    .mt-sm-n2, .my-sm-n2 {
-        margin-top: -0.5rem !important
-    }
-
-    .mr-sm-n2, .mx-sm-n2 {
-        margin-right: -0.5rem !important
-    }
-
-    .mb-sm-n2, .my-sm-n2 {
-        margin-bottom: -0.5rem !important
-    }
-
-    .ml-sm-n2, .mx-sm-n2 {
-        margin-left: -0.5rem !important
-    }
-
-    .m-sm-n3 {
-        margin: -1rem !important
-    }
-
-    .mt-sm-n3, .my-sm-n3 {
-        margin-top: -1rem !important
-    }
-
-    .mr-sm-n3, .mx-sm-n3 {
-        margin-right: -1rem !important
-    }
-
-    .mb-sm-n3, .my-sm-n3 {
-        margin-bottom: -1rem !important
-    }
-
-    .ml-sm-n3, .mx-sm-n3 {
-        margin-left: -1rem !important
-    }
-
-    .m-sm-n4 {
-        margin: -1.5rem !important
-    }
-
-    .mt-sm-n4, .my-sm-n4 {
-        margin-top: -1.5rem !important
-    }
-
-    .mr-sm-n4, .mx-sm-n4 {
-        margin-right: -1.5rem !important
-    }
-
-    .mb-sm-n4, .my-sm-n4 {
-        margin-bottom: -1.5rem !important
-    }
-
-    .ml-sm-n4, .mx-sm-n4 {
-        margin-left: -1.5rem !important
-    }
-
-    .m-sm-n5 {
-        margin: -3rem !important
-    }
-
-    .mt-sm-n5, .my-sm-n5 {
-        margin-top: -3rem !important
-    }
-
-    .mr-sm-n5, .mx-sm-n5 {
-        margin-right: -3rem !important
-    }
-
-    .mb-sm-n5, .my-sm-n5 {
-        margin-bottom: -3rem !important
-    }
-
-    .ml-sm-n5, .mx-sm-n5 {
-        margin-left: -3rem !important
-    }
-
-    .m-sm-auto {
-        margin: auto !important
-    }
-
-    .mt-sm-auto, .my-sm-auto {
-        margin-top: auto !important
-    }
-
-    .mr-sm-auto, .mx-sm-auto {
-        margin-right: auto !important
-    }
-
-    .mb-sm-auto, .my-sm-auto {
-        margin-bottom: auto !important
-    }
-
-    .ml-sm-auto, .mx-sm-auto {
-        margin-left: auto !important
-    }
-}
-
-@media (min-width: 768px) {
-    .m-md-0 {
-        margin: 0 !important
-    }
-
-    .mt-md-0, .my-md-0 {
-        margin-top: 0 !important
-    }
-
-    .mr-md-0, .mx-md-0 {
-        margin-right: 0 !important
-    }
-
-    .mb-md-0, .my-md-0 {
-        margin-bottom: 0 !important
-    }
-
-    .ml-md-0, .mx-md-0 {
-        margin-left: 0 !important
-    }
-
-    .m-md-1 {
-        margin: 0.25rem !important
-    }
-
-    .mt-md-1, .my-md-1 {
-        margin-top: 0.25rem !important
-    }
-
-    .mr-md-1, .mx-md-1 {
-        margin-right: 0.25rem !important
-    }
-
-    .mb-md-1, .my-md-1 {
-        margin-bottom: 0.25rem !important
-    }
-
-    .ml-md-1, .mx-md-1 {
-        margin-left: 0.25rem !important
-    }
-
-    .m-md-2 {
-        margin: 0.5rem !important
-    }
-
-    .mt-md-2, .my-md-2 {
-        margin-top: 0.5rem !important
-    }
-
-    .mr-md-2, .mx-md-2 {
-        margin-right: 0.5rem !important
-    }
-
-    .mb-md-2, .my-md-2 {
-        margin-bottom: 0.5rem !important
-    }
-
-    .ml-md-2, .mx-md-2 {
-        margin-left: 0.5rem !important
-    }
-
-    .m-md-3 {
-        margin: 1rem !important
-    }
-
-    .mt-md-3, .my-md-3 {
-        margin-top: 1rem !important
-    }
-
-    .mr-md-3, .mx-md-3 {
-        margin-right: 1rem !important
-    }
-
-    .mb-md-3, .my-md-3 {
-        margin-bottom: 1rem !important
-    }
-
-    .ml-md-3, .mx-md-3 {
-        margin-left: 1rem !important
-    }
-
-    .m-md-4 {
-        margin: 1.5rem !important
-    }
-
-    .mt-md-4, .my-md-4 {
-        margin-top: 1.5rem !important
-    }
-
-    .mr-md-4, .mx-md-4 {
-        margin-right: 1.5rem !important
-    }
-
-    .mb-md-4, .my-md-4 {
-        margin-bottom: 1.5rem !important
-    }
-
-    .ml-md-4, .mx-md-4 {
-        margin-left: 1.5rem !important
-    }
-
-    .m-md-5 {
-        margin: 3rem !important
-    }
-
-    .mt-md-5, .my-md-5 {
-        margin-top: 3rem !important
-    }
-
-    .mr-md-5, .mx-md-5 {
-        margin-right: 3rem !important
-    }
-
-    .mb-md-5, .my-md-5 {
-        margin-bottom: 3rem !important
-    }
-
-    .ml-md-5, .mx-md-5 {
-        margin-left: 3rem !important
-    }
-
-    .p-md-0 {
-        padding: 0 !important
-    }
-
-    .pt-md-0, .py-md-0 {
-        padding-top: 0 !important
-    }
-
-    .pr-md-0, .px-md-0 {
-        padding-right: 0 !important
-    }
-
-    .pb-md-0, .py-md-0 {
-        padding-bottom: 0 !important
-    }
-
-    .pl-md-0, .px-md-0 {
-        padding-left: 0 !important
-    }
-
-    .p-md-1 {
-        padding: 0.25rem !important
-    }
-
-    .pt-md-1, .py-md-1 {
-        padding-top: 0.25rem !important
-    }
-
-    .pr-md-1, .px-md-1 {
-        padding-right: 0.25rem !important
-    }
-
-    .pb-md-1, .py-md-1 {
-        padding-bottom: 0.25rem !important
-    }
-
-    .pl-md-1, .px-md-1 {
-        padding-left: 0.25rem !important
-    }
-
-    .p-md-2 {
-        padding: 0.5rem !important
-    }
-
-    .pt-md-2, .py-md-2 {
-        padding-top: 0.5rem !important
-    }
-
-    .pr-md-2, .px-md-2 {
-        padding-right: 0.5rem !important
-    }
-
-    .pb-md-2, .py-md-2 {
-        padding-bottom: 0.5rem !important
-    }
-
-    .pl-md-2, .px-md-2 {
-        padding-left: 0.5rem !important
-    }
-
-    .p-md-3 {
-        padding: 1rem !important
-    }
-
-    .pt-md-3, .py-md-3 {
-        padding-top: 1rem !important
-    }
-
-    .pr-md-3, .px-md-3 {
-        padding-right: 1rem !important
-    }
-
-    .pb-md-3, .py-md-3 {
-        padding-bottom: 1rem !important
-    }
-
-    .pl-md-3, .px-md-3 {
-        padding-left: 1rem !important
-    }
-
-    .p-md-4 {
-        padding: 1.5rem !important
-    }
-
-    .pt-md-4, .py-md-4 {
-        padding-top: 1.5rem !important
-    }
-
-    .pr-md-4, .px-md-4 {
-        padding-right: 1.5rem !important
-    }
-
-    .pb-md-4, .py-md-4 {
-        padding-bottom: 1.5rem !important
-    }
-
-    .pl-md-4, .px-md-4 {
-        padding-left: 1.5rem !important
-    }
-
-    .p-md-5 {
-        padding: 3rem !important
-    }
-
-    .pt-md-5, .py-md-5 {
-        padding-top: 3rem !important
-    }
-
-    .pr-md-5, .px-md-5 {
-        padding-right: 3rem !important
-    }
-
-    .pb-md-5, .py-md-5 {
-        padding-bottom: 3rem !important
-    }
-
-    .pl-md-5, .px-md-5 {
-        padding-left: 3rem !important
-    }
-
-    .m-md-n1 {
-        margin: -0.25rem !important
-    }
-
-    .mt-md-n1, .my-md-n1 {
-        margin-top: -0.25rem !important
-    }
-
-    .mr-md-n1, .mx-md-n1 {
-        margin-right: -0.25rem !important
-    }
-
-    .mb-md-n1, .my-md-n1 {
-        margin-bottom: -0.25rem !important
-    }
-
-    .ml-md-n1, .mx-md-n1 {
-        margin-left: -0.25rem !important
-    }
-
-    .m-md-n2 {
-        margin: -0.5rem !important
-    }
-
-    .mt-md-n2, .my-md-n2 {
-        margin-top: -0.5rem !important
-    }
-
-    .mr-md-n2, .mx-md-n2 {
-        margin-right: -0.5rem !important
-    }
-
-    .mb-md-n2, .my-md-n2 {
-        margin-bottom: -0.5rem !important
-    }
-
-    .ml-md-n2, .mx-md-n2 {
-        margin-left: -0.5rem !important
-    }
-
-    .m-md-n3 {
-        margin: -1rem !important
-    }
-
-    .mt-md-n3, .my-md-n3 {
-        margin-top: -1rem !important
-    }
-
-    .mr-md-n3, .mx-md-n3 {
-        margin-right: -1rem !important
-    }
-
-    .mb-md-n3, .my-md-n3 {
-        margin-bottom: -1rem !important
-    }
-
-    .ml-md-n3, .mx-md-n3 {
-        margin-left: -1rem !important
-    }
-
-    .m-md-n4 {
-        margin: -1.5rem !important
-    }
-
-    .mt-md-n4, .my-md-n4 {
-        margin-top: -1.5rem !important
-    }
-
-    .mr-md-n4, .mx-md-n4 {
-        margin-right: -1.5rem !important
-    }
-
-    .mb-md-n4, .my-md-n4 {
-        margin-bottom: -1.5rem !important
-    }
-
-    .ml-md-n4, .mx-md-n4 {
-        margin-left: -1.5rem !important
-    }
-
-    .m-md-n5 {
-        margin: -3rem !important
-    }
-
-    .mt-md-n5, .my-md-n5 {
-        margin-top: -3rem !important
-    }
-
-    .mr-md-n5, .mx-md-n5 {
-        margin-right: -3rem !important
-    }
-
-    .mb-md-n5, .my-md-n5 {
-        margin-bottom: -3rem !important
-    }
-
-    .ml-md-n5, .mx-md-n5 {
-        margin-left: -3rem !important
-    }
-
-    .m-md-auto {
-        margin: auto !important
-    }
-
-    .mt-md-auto, .my-md-auto {
-        margin-top: auto !important
-    }
-
-    .mr-md-auto, .mx-md-auto {
-        margin-right: auto !important
-    }
-
-    .mb-md-auto, .my-md-auto {
-        margin-bottom: auto !important
-    }
-
-    .ml-md-auto, .mx-md-auto {
-        margin-left: auto !important
-    }
-}
-
-@media (min-width: 992px) {
-    .m-lg-0 {
-        margin: 0 !important
-    }
-
-    .mt-lg-0, .my-lg-0 {
-        margin-top: 0 !important
-    }
-
-    .mr-lg-0, .mx-lg-0 {
-        margin-right: 0 !important
-    }
-
-    .mb-lg-0, .my-lg-0 {
-        margin-bottom: 0 !important
-    }
-
-    .ml-lg-0, .mx-lg-0 {
-        margin-left: 0 !important
-    }
-
-    .m-lg-1 {
-        margin: 0.25rem !important
-    }
-
-    .mt-lg-1, .my-lg-1 {
-        margin-top: 0.25rem !important
-    }
-
-    .mr-lg-1, .mx-lg-1 {
-        margin-right: 0.25rem !important
-    }
-
-    .mb-lg-1, .my-lg-1 {
-        margin-bottom: 0.25rem !important
-    }
-
-    .ml-lg-1, .mx-lg-1 {
-        margin-left: 0.25rem !important
-    }
-
-    .m-lg-2 {
-        margin: 0.5rem !important
-    }
-
-    .mt-lg-2, .my-lg-2 {
-        margin-top: 0.5rem !important
-    }
-
-    .mr-lg-2, .mx-lg-2 {
-        margin-right: 0.5rem !important
-    }
-
-    .mb-lg-2, .my-lg-2 {
-        margin-bottom: 0.5rem !important
-    }
-
-    .ml-lg-2, .mx-lg-2 {
-        margin-left: 0.5rem !important
-    }
-
-    .m-lg-3 {
-        margin: 1rem !important
-    }
-
-    .mt-lg-3, .my-lg-3 {
-        margin-top: 1rem !important
-    }
-
-    .mr-lg-3, .mx-lg-3 {
-        margin-right: 1rem !important
-    }
-
-    .mb-lg-3, .my-lg-3 {
-        margin-bottom: 1rem !important
-    }
-
-    .ml-lg-3, .mx-lg-3 {
-        margin-left: 1rem !important
-    }
-
-    .m-lg-4 {
-        margin: 1.5rem !important
-    }
-
-    .mt-lg-4, .my-lg-4 {
-        margin-top: 1.5rem !important
-    }
-
-    .mr-lg-4, .mx-lg-4 {
-        margin-right: 1.5rem !important
-    }
-
-    .mb-lg-4, .my-lg-4 {
-        margin-bottom: 1.5rem !important
-    }
-
-    .ml-lg-4, .mx-lg-4 {
-        margin-left: 1.5rem !important
-    }
-
-    .m-lg-5 {
-        margin: 3rem !important
-    }
-
-    .mt-lg-5, .my-lg-5 {
-        margin-top: 3rem !important
-    }
-
-    .mr-lg-5, .mx-lg-5 {
-        margin-right: 3rem !important
-    }
-
-    .mb-lg-5, .my-lg-5 {
-        margin-bottom: 3rem !important
-    }
-
-    .ml-lg-5, .mx-lg-5 {
-        margin-left: 3rem !important
-    }
-
-    .p-lg-0 {
-        padding: 0 !important
-    }
-
-    .pt-lg-0, .py-lg-0 {
-        padding-top: 0 !important
-    }
-
-    .pr-lg-0, .px-lg-0 {
-        padding-right: 0 !important
-    }
-
-    .pb-lg-0, .py-lg-0 {
-        padding-bottom: 0 !important
-    }
-
-    .pl-lg-0, .px-lg-0 {
-        padding-left: 0 !important
-    }
-
-    .p-lg-1 {
-        padding: 0.25rem !important
-    }
-
-    .pt-lg-1, .py-lg-1 {
-        padding-top: 0.25rem !important
-    }
-
-    .pr-lg-1, .px-lg-1 {
-        padding-right: 0.25rem !important
-    }
-
-    .pb-lg-1, .py-lg-1 {
-        padding-bottom: 0.25rem !important
-    }
-
-    .pl-lg-1, .px-lg-1 {
-        padding-left: 0.25rem !important
-    }
-
-    .p-lg-2 {
-        padding: 0.5rem !important
-    }
-
-    .pt-lg-2, .py-lg-2 {
-        padding-top: 0.5rem !important
-    }
-
-    .pr-lg-2, .px-lg-2 {
-        padding-right: 0.5rem !important
-    }
-
-    .pb-lg-2, .py-lg-2 {
-        padding-bottom: 0.5rem !important
-    }
-
-    .pl-lg-2, .px-lg-2 {
-        padding-left: 0.5rem !important
-    }
-
-    .p-lg-3 {
-        padding: 1rem !important
-    }
-
-    .pt-lg-3, .py-lg-3 {
-        padding-top: 1rem !important
-    }
-
-    .pr-lg-3, .px-lg-3 {
-        padding-right: 1rem !important
-    }
-
-    .pb-lg-3, .py-lg-3 {
-        padding-bottom: 1rem !important
-    }
-
-    .pl-lg-3, .px-lg-3 {
-        padding-left: 1rem !important
-    }
-
-    .p-lg-4 {
-        padding: 1.5rem !important
-    }
-
-    .pt-lg-4, .py-lg-4 {
-        padding-top: 1.5rem !important
-    }
-
-    .pr-lg-4, .px-lg-4 {
-        padding-right: 1.5rem !important
-    }
-
-    .pb-lg-4, .py-lg-4 {
-        padding-bottom: 1.5rem !important
-    }
-
-    .pl-lg-4, .px-lg-4 {
-        padding-left: 1.5rem !important
-    }
-
-    .p-lg-5 {
-        padding: 3rem !important
-    }
-
-    .pt-lg-5, .py-lg-5 {
-        padding-top: 3rem !important
-    }
-
-    .pr-lg-5, .px-lg-5 {
-        padding-right: 3rem !important
-    }
-
-    .pb-lg-5, .py-lg-5 {
-        padding-bottom: 3rem !important
-    }
-
-    .pl-lg-5, .px-lg-5 {
-        padding-left: 3rem !important
-    }
-
-    .m-lg-n1 {
-        margin: -0.25rem !important
-    }
-
-    .mt-lg-n1, .my-lg-n1 {
-        margin-top: -0.25rem !important
-    }
-
-    .mr-lg-n1, .mx-lg-n1 {
-        margin-right: -0.25rem !important
-    }
-
-    .mb-lg-n1, .my-lg-n1 {
-        margin-bottom: -0.25rem !important
-    }
-
-    .ml-lg-n1, .mx-lg-n1 {
-        margin-left: -0.25rem !important
-    }
-
-    .m-lg-n2 {
-        margin: -0.5rem !important
-    }
-
-    .mt-lg-n2, .my-lg-n2 {
-        margin-top: -0.5rem !important
-    }
-
-    .mr-lg-n2, .mx-lg-n2 {
-        margin-right: -0.5rem !important
-    }
-
-    .mb-lg-n2, .my-lg-n2 {
-        margin-bottom: -0.5rem !important
-    }
-
-    .ml-lg-n2, .mx-lg-n2 {
-        margin-left: -0.5rem !important
-    }
-
-    .m-lg-n3 {
-        margin: -1rem !important
-    }
-
-    .mt-lg-n3, .my-lg-n3 {
-        margin-top: -1rem !important
-    }
-
-    .mr-lg-n3, .mx-lg-n3 {
-        margin-right: -1rem !important
-    }
-
-    .mb-lg-n3, .my-lg-n3 {
-        margin-bottom: -1rem !important
-    }
-
-    .ml-lg-n3, .mx-lg-n3 {
-        margin-left: -1rem !important
-    }
-
-    .m-lg-n4 {
-        margin: -1.5rem !important
-    }
-
-    .mt-lg-n4, .my-lg-n4 {
-        margin-top: -1.5rem !important
-    }
-
-    .mr-lg-n4, .mx-lg-n4 {
-        margin-right: -1.5rem !important
-    }
-
-    .mb-lg-n4, .my-lg-n4 {
-        margin-bottom: -1.5rem !important
-    }
-
-    .ml-lg-n4, .mx-lg-n4 {
-        margin-left: -1.5rem !important
-    }
-
-    .m-lg-n5 {
-        margin: -3rem !important
-    }
-
-    .mt-lg-n5, .my-lg-n5 {
-        margin-top: -3rem !important
-    }
-
-    .mr-lg-n5, .mx-lg-n5 {
-        margin-right: -3rem !important
-    }
-
-    .mb-lg-n5, .my-lg-n5 {
-        margin-bottom: -3rem !important
-    }
-
-    .ml-lg-n5, .mx-lg-n5 {
-        margin-left: -3rem !important
-    }
-
-    .m-lg-auto {
-        margin: auto !important
-    }
-
-    .mt-lg-auto, .my-lg-auto {
-        margin-top: auto !important
-    }
-
-    .mr-lg-auto, .mx-lg-auto {
-        margin-right: auto !important
-    }
-
-    .mb-lg-auto, .my-lg-auto {
-        margin-bottom: auto !important
-    }
-
-    .ml-lg-auto, .mx-lg-auto {
-        margin-left: auto !important
-    }
-}
-
-@media (min-width: 1200px) {
-    .m-xl-0 {
-        margin: 0 !important
-    }
-
-    .mt-xl-0, .my-xl-0 {
-        margin-top: 0 !important
-    }
-
-    .mr-xl-0, .mx-xl-0 {
-        margin-right: 0 !important
-    }
-
-    .mb-xl-0, .my-xl-0 {
-        margin-bottom: 0 !important
-    }
-
-    .ml-xl-0, .mx-xl-0 {
-        margin-left: 0 !important
-    }
-
-    .m-xl-1 {
-        margin: 0.25rem !important
-    }
-
-    .mt-xl-1, .my-xl-1 {
-        margin-top: 0.25rem !important
-    }
-
-    .mr-xl-1, .mx-xl-1 {
-        margin-right: 0.25rem !important
-    }
-
-    .mb-xl-1, .my-xl-1 {
-        margin-bottom: 0.25rem !important
-    }
-
-    .ml-xl-1, .mx-xl-1 {
-        margin-left: 0.25rem !important
-    }
-
-    .m-xl-2 {
-        margin: 0.5rem !important
-    }
-
-    .mt-xl-2, .my-xl-2 {
-        margin-top: 0.5rem !important
-    }
-
-    .mr-xl-2, .mx-xl-2 {
-        margin-right: 0.5rem !important
-    }
-
-    .mb-xl-2, .my-xl-2 {
-        margin-bottom: 0.5rem !important
-    }
-
-    .ml-xl-2, .mx-xl-2 {
-        margin-left: 0.5rem !important
-    }
-
-    .m-xl-3 {
-        margin: 1rem !important
-    }
-
-    .mt-xl-3, .my-xl-3 {
-        margin-top: 1rem !important
-    }
-
-    .mr-xl-3, .mx-xl-3 {
-        margin-right: 1rem !important
-    }
-
-    .mb-xl-3, .my-xl-3 {
-        margin-bottom: 1rem !important
-    }
-
-    .ml-xl-3, .mx-xl-3 {
-        margin-left: 1rem !important
-    }
-
-    .m-xl-4 {
-        margin: 1.5rem !important
-    }
-
-    .mt-xl-4, .my-xl-4 {
-        margin-top: 1.5rem !important
-    }
-
-    .mr-xl-4, .mx-xl-4 {
-        margin-right: 1.5rem !important
-    }
-
-    .mb-xl-4, .my-xl-4 {
-        margin-bottom: 1.5rem !important
-    }
-
-    .ml-xl-4, .mx-xl-4 {
-        margin-left: 1.5rem !important
-    }
-
-    .m-xl-5 {
-        margin: 3rem !important
-    }
-
-    .mt-xl-5, .my-xl-5 {
-        margin-top: 3rem !important
-    }
-
-    .mr-xl-5, .mx-xl-5 {
-        margin-right: 3rem !important
-    }
-
-    .mb-xl-5, .my-xl-5 {
-        margin-bottom: 3rem !important
-    }
-
-    .ml-xl-5, .mx-xl-5 {
-        margin-left: 3rem !important
-    }
-
-    .p-xl-0 {
-        padding: 0 !important
-    }
-
-    .pt-xl-0, .py-xl-0 {
-        padding-top: 0 !important
-    }
-
-    .pr-xl-0, .px-xl-0 {
-        padding-right: 0 !important
-    }
-
-    .pb-xl-0, .py-xl-0 {
-        padding-bottom: 0 !important
-    }
-
-    .pl-xl-0, .px-xl-0 {
-        padding-left: 0 !important
-    }
-
-    .p-xl-1 {
-        padding: 0.25rem !important
-    }
-
-    .pt-xl-1, .py-xl-1 {
-        padding-top: 0.25rem !important
-    }
-
-    .pr-xl-1, .px-xl-1 {
-        padding-right: 0.25rem !important
-    }
-
-    .pb-xl-1, .py-xl-1 {
-        padding-bottom: 0.25rem !important
-    }
-
-    .pl-xl-1, .px-xl-1 {
-        padding-left: 0.25rem !important
-    }
-
-    .p-xl-2 {
-        padding: 0.5rem !important
-    }
-
-    .pt-xl-2, .py-xl-2 {
-        padding-top: 0.5rem !important
-    }
-
-    .pr-xl-2, .px-xl-2 {
-        padding-right: 0.5rem !important
-    }
-
-    .pb-xl-2, .py-xl-2 {
-        padding-bottom: 0.5rem !important
-    }
-
-    .pl-xl-2, .px-xl-2 {
-        padding-left: 0.5rem !important
-    }
-
-    .p-xl-3 {
-        padding: 1rem !important
-    }
-
-    .pt-xl-3, .py-xl-3 {
-        padding-top: 1rem !important
-    }
-
-    .pr-xl-3, .px-xl-3 {
-        padding-right: 1rem !important
-    }
-
-    .pb-xl-3, .py-xl-3 {
-        padding-bottom: 1rem !important
-    }
-
-    .pl-xl-3, .px-xl-3 {
-        padding-left: 1rem !important
-    }
-
-    .p-xl-4 {
-        padding: 1.5rem !important
-    }
-
-    .pt-xl-4, .py-xl-4 {
-        padding-top: 1.5rem !important
-    }
-
-    .pr-xl-4, .px-xl-4 {
-        padding-right: 1.5rem !important
-    }
-
-    .pb-xl-4, .py-xl-4 {
-        padding-bottom: 1.5rem !important
-    }
-
-    .pl-xl-4, .px-xl-4 {
-        padding-left: 1.5rem !important
-    }
-
-    .p-xl-5 {
-        padding: 3rem !important
-    }
-
-    .pt-xl-5, .py-xl-5 {
-        padding-top: 3rem !important
-    }
-
-    .pr-xl-5, .px-xl-5 {
-        padding-right: 3rem !important
-    }
-
-    .pb-xl-5, .py-xl-5 {
-        padding-bottom: 3rem !important
-    }
-
-    .pl-xl-5, .px-xl-5 {
-        padding-left: 3rem !important
-    }
-
-    .m-xl-n1 {
-        margin: -0.25rem !important
-    }
-
-    .mt-xl-n1, .my-xl-n1 {
-        margin-top: -0.25rem !important
-    }
-
-    .mr-xl-n1, .mx-xl-n1 {
-        margin-right: -0.25rem !important
-    }
-
-    .mb-xl-n1, .my-xl-n1 {
-        margin-bottom: -0.25rem !important
-    }
-
-    .ml-xl-n1, .mx-xl-n1 {
-        margin-left: -0.25rem !important
-    }
-
-    .m-xl-n2 {
-        margin: -0.5rem !important
-    }
-
-    .mt-xl-n2, .my-xl-n2 {
-        margin-top: -0.5rem !important
-    }
-
-    .mr-xl-n2, .mx-xl-n2 {
-        margin-right: -0.5rem !important
-    }
-
-    .mb-xl-n2, .my-xl-n2 {
-        margin-bottom: -0.5rem !important
-    }
-
-    .ml-xl-n2, .mx-xl-n2 {
-        margin-left: -0.5rem !important
-    }
-
-    .m-xl-n3 {
-        margin: -1rem !important
-    }
-
-    .mt-xl-n3, .my-xl-n3 {
-        margin-top: -1rem !important
-    }
-
-    .mr-xl-n3, .mx-xl-n3 {
-        margin-right: -1rem !important
-    }
-
-    .mb-xl-n3, .my-xl-n3 {
-        margin-bottom: -1rem !important
-    }
-
-    .ml-xl-n3, .mx-xl-n3 {
-        margin-left: -1rem !important
-    }
-
-    .m-xl-n4 {
-        margin: -1.5rem !important
-    }
-
-    .mt-xl-n4, .my-xl-n4 {
-        margin-top: -1.5rem !important
-    }
-
-    .mr-xl-n4, .mx-xl-n4 {
-        margin-right: -1.5rem !important
-    }
-
-    .mb-xl-n4, .my-xl-n4 {
-        margin-bottom: -1.5rem !important
-    }
-
-    .ml-xl-n4, .mx-xl-n4 {
-        margin-left: -1.5rem !important
-    }
-
-    .m-xl-n5 {
-        margin: -3rem !important
-    }
-
-    .mt-xl-n5, .my-xl-n5 {
-        margin-top: -3rem !important
-    }
-
-    .mr-xl-n5, .mx-xl-n5 {
-        margin-right: -3rem !important
-    }
-
-    .mb-xl-n5, .my-xl-n5 {
-        margin-bottom: -3rem !important
-    }
-
-    .ml-xl-n5, .mx-xl-n5 {
-        margin-left: -3rem !important
-    }
-
-    .m-xl-auto {
-        margin: auto !important
-    }
-
-    .mt-xl-auto, .my-xl-auto {
-        margin-top: auto !important
-    }
-
-    .mr-xl-auto, .mx-xl-auto {
-        margin-right: auto !important
-    }
-
-    .mb-xl-auto, .my-xl-auto {
-        margin-bottom: auto !important
-    }
-
-    .ml-xl-auto, .mx-xl-auto {
-        margin-left: auto !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
-}
-
-.text-left {
-    text-align: left !important
-}
-
-.text-right {
-    text-align: right !important
-}
-
-.text-center {
-    text-align: center !important
-}
-
-@media (min-width: 576px) {
-    .text-sm-left {
-        text-align: left !important
-    }
-
-    .text-sm-right {
-        text-align: right !important
-    }
-
-    .text-sm-center {
-        text-align: center !important
-    }
-}
-
-@media (min-width: 768px) {
-    .text-md-left {
-        text-align: left !important
-    }
-
-    .text-md-right {
-        text-align: right !important
-    }
-
-    .text-md-center {
-        text-align: center !important
-    }
-}
-
-@media (min-width: 992px) {
-    .text-lg-left {
-        text-align: left !important
-    }
-
-    .text-lg-right {
-        text-align: right !important
-    }
-
-    .text-lg-center {
-        text-align: center !important
-    }
-}
-
-@media (min-width: 1200px) {
-    .text-xl-left {
-        text-align: left !important
-    }
-
-    .text-xl-right {
-        text-align: right !important
-    }
-
-    .text-xl-center {
-        text-align: center !important
-    }
-}
-
-.text-lowercase {
-    text-transform: lowercase !important
-}
-
-.text-uppercase {
-    text-transform: uppercase !important
-}
-
-.text-capitalize {
-    text-transform: capitalize !important
-}
-
-.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: 700 !important
-}
-
-.font-weight-bolder {
-    font-weight: bolder !important
-}
-
-.font-italic {
-    font-style: italic !important
-}
-
-.text-white {
-    color: #fff !important
-}
-
-.text-primary {
-    color: #2A9FD6 !important
-}
-
-a.text-primary:hover, a.text-primary:focus {
-    color: #1d7097 !important
-}
-
-.text-secondary {
-    color: #555 !important
-}
-
-a.text-secondary:hover, a.text-secondary:focus {
-    color: #2f2f2f !important
-}
-
-.text-success {
-    color: #77B300 !important
-}
-
-a.text-success:hover, a.text-success:focus {
-    color: #446700 !important
-}
-
-.text-info {
-    color: #9933CC !important
-}
-
-a.text-info:hover, a.text-info:focus {
-    color: #6b248f !important
-}
-
-.text-warning {
-    color: #FF8800 !important
-}
-
-a.text-warning:hover, a.text-warning:focus {
-    color: #b35f00 !important
-}
-
-.text-danger {
-    color: #CC0000 !important
-}
-
-a.text-danger:hover, a.text-danger:focus {
-    color: maroon !important
-}
-
-.text-light {
-    color: #222 !important
-}
-
-a.text-light:hover, a.text-light:focus {
-    color: black !important
-}
-
-.text-dark {
-    color: #ADAFAE !important
-}
-
-a.text-dark:hover, a.text-dark:focus {
-    color: #868988 !important
-}
-
-.text-body {
-    color: #ADAFAE !important
-}
-
-.text-muted {
-    color: #555 !important
-}
-
-.text-black-50 {
-    color: rgba(0,0,0,0.5) !important
-}
-
-.text-white-50 {
-    color: rgba(255,255,255,0.5) !important
-}
-
-.text-hide {
-    font: 0/0 a;
-    color: transparent;
-    text-shadow: none;
-    background-color: transparent;
-    border: 0
-}
-
-.text-decoration-none {
-    text-decoration: none !important
-}
-
-.text-break {
-    word-break: break-word !important;
-    overflow-wrap: break-word !important
-}
-
-.text-reset {
-    color: inherit !important
-}
-
-.visible {
-    visibility: visible !important
-}
-
-.invisible {
-    visibility: hidden !important
-}
-
-@media print {
-    *, *::before, *::after {
-        text-shadow: none !important;
-        -webkit-box-shadow: none !important;
-        box-shadow: none !important
-    }
-
-    a:not(.btn) {
-        text-decoration: underline
-    }
-
-    abbr[title]::after {
-        content: " (" attr(title) ")"
-    }
-
-    pre {
-        white-space: pre-wrap !important
-    }
-
-    pre, blockquote {
-        border: 1px solid #888;
-        page-break-inside: avoid
-    }
-
-    thead {
-        display: table-header-group
-    }
-
-    tr, img {
-        page-break-inside: avoid
-    }
-
-    p, h2, h3 {
-        orphans: 3;
-        widows: 3
-    }
-
-    h2, h3 {
-        page-break-after: avoid
-    }
-
-    @page {
-        size: a3
-    }
-
-    body {
-        min-width: 992px !important
-    }
-
-    .container {
-        min-width: 992px !important
-    }
-
-    .navbar {
-        display: none
-    }
-
-    .badge {
-        border: 1px solid #000
-    }
-
-    .table {
-        border-collapse: collapse !important
-    }
-
-        .table td, .table th {
-            background-color: #fff !important
-        }
-
-    .table-bordered th, .table-bordered td {
-        border: 1px solid #dee2e6 !important
-    }
-
-    .table-dark {
-        color: inherit
-    }
-
-        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
-            border-color: #282828
-        }
-
-    .table .thead-dark th {
-        color: inherit;
-        border-color: #282828
-    }
-}
-
-.navbar.bg-primary {
-    border: 1px solid #282828
-}
-
-.navbar.bg-dark {
-    background-color: #060606 !important;
-    border: 1px solid #282828
-}
-
-.navbar.bg-light {
-    background-color: #888 !important
-}
-
-.navbar.fixed-top {
-    border-width: 0 0 1px 0
-}
-
-.navbar.fixed-bottom {
-    border-width: 1px 0 0 0
-}
-
-.btn-primary {
-    background-color: #2A9FD6
-}
-
-.btn-secondary {
-    background-color: #555
-}
-
-.btn-success {
-    background-color: #77B300
-}
-
-.btn-info {
-    background-color: #9933CC
-}
-
-.btn-warning {
-    background-color: #FF8800
-}
-
-.btn-danger {
-    background-color: #CC0000
-}
-
-.btn-light {
-    background-color: #222
-}
-
-.btn-dark {
-    background-color: #ADAFAE
-}
-
-table {
-    color: #fff
-}
-
-.table-primary, .table-primary > th, .table-primary > td {
-    background-color: #2A9FD6
-}
-
-.table-secondary, .table-secondary > th, .table-secondary > td {
-    background-color: #555
-}
-
-.table-light, .table-light > th, .table-light > td {
-    background-color: #222
-}
-
-.table-dark, .table-dark > th, .table-dark > td {
-    background-color: #ADAFAE
-}
-
-.table-success, .table-success > th, .table-success > td {
-    background-color: #77B300
-}
-
-.table-info, .table-info > th, .table-info > td {
-    background-color: #9933CC
-}
-
-.table-danger, .table-danger > th, .table-danger > td {
-    background-color: #CC0000
-}
-
-.table-warning, .table-warning > th, .table-warning > td {
-    background-color: #FF8800
-}
-
-.table-active, .table-active > th, .table-active > td {
-    background-color: rgba(255,255,255,0.075)
-}
-
-.table-hover .table-primary:hover, .table-hover .table-primary:hover > th, .table-hover .table-primary:hover > td {
-    background-color: #258fc1
-}
-
-.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > th, .table-hover .table-secondary:hover > td {
-    background-color: #484848
-}
-
-.table-hover .table-light:hover, .table-hover .table-light:hover > th, .table-hover .table-light:hover > td {
-    background-color: #151515
-}
-
-.table-hover .table-dark:hover, .table-hover .table-dark:hover > th, .table-hover .table-dark:hover > td {
-    background-color: #a0a2a1
-}
-
-.table-hover .table-success:hover, .table-hover .table-success:hover > th, .table-hover .table-success:hover > td {
-    background-color: #669a00
-}
-
-.table-hover .table-info:hover, .table-hover .table-info:hover > th, .table-hover .table-info:hover > td {
-    background-color: #8a2eb8
-}
-
-.table-hover .table-danger:hover, .table-hover .table-danger:hover > th, .table-hover .table-danger:hover > td {
-    background-color: #b30000
-}
-
-.table-hover .table-warning:hover, .table-hover .table-warning:hover > th, .table-hover .table-warning:hover > td {
-    background-color: #e67a00
-}
-
-.table-hover .table-active:hover, .table-hover .table-active:hover > th, .table-hover .table-active:hover > td {
-    background-color: rgba(255,255,255,0.075)
-}
-
-legend {
-    color: #fff
-}
-
-.nav-tabs .nav-link, .nav-pills .nav-link {
-    color: #fff
-}
-
-    .nav-tabs .nav-link:hover, .nav-pills .nav-link:hover {
-        background-color: #282828
-    }
-
-    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover, .nav-pills .nav-link.disabled, .nav-pills .nav-link.disabled:hover {
-        background-color: transparent;
-        color: #555
-    }
-
-    .nav-tabs .nav-link.active, .nav-pills .nav-link.active {
-        background-color: #2A9FD6
-    }
-
-.breadcrumb a {
-    color: #fff
-}
-
-.pagination a:hover {
-    text-decoration: none
-}
-
-.alert {
-    border: none;
-    color: #fff
-}
-
-    .alert a, .alert .alert-link {
-        color: #fff;
-        text-decoration: underline
-    }
-
-.alert-primary {
-    background-color: #2A9FD6
-}
-
-.alert-secondary {
-    background-color: #555
-}
-
-.alert-success {
-    background-color: #77B300
-}
-
-.alert-info {
-    background-color: #9933CC
-}
-
-.alert-warning {
-    background-color: #FF8800
-}
-
-.alert-danger {
-    background-color: #CC0000
-}
-
-.alert-light {
-    background-color: #222
-}
-
-.alert-dark {
-    background-color: #ADAFAE
-}
-
-.badge-warning {
-    color: #fff
-}
-
-.close {
-    opacity: 0.6
-}
-
-    .close:hover {
-        opacity: 1
-    }
-
-.list-group-item:hover {
-    background-color: #282828;
-    color: #fff
-}
-
-.list-group-item-action {
-    color: #888
-}
-
-    .list-group-item-action .list-group-item-heading {
-        color: #888
-    }
-
-.list-group-item:hover .list-group-item-heading {
-    color: #fff
-}
-
-.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .list-group-item h1, .list-group-item h2, .list-group-item h3, .list-group-item h4, .list-group-item h5, .list-group-item h6 {
-    color: inherit
-}
-
-.popover-title {
-    border-bottom: none
-}
diff --git a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
index e95b6d11..947184b6 100644
--- a/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
+++ b/Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
@@ -4,6 +4,34 @@ body {
     padding-top: 7rem;
 }
 
+.table > :not(caption) > * > * {
+    box-shadow: none;
+}
+
+.table .form-control {
+    background-color: #ffffff !important;
+    border-width: 0.5px !important;
+    border-bottom-color: #ccc !important;
+}
+
+.table .form-select {
+    background-color: #ffffff !important;
+    border-width: 0.5px !important;
+    border-bottom-color: #ccc !important;
+}
+
+.table .btn-primary {
+    background-color: var(--bs-primary);
+}
+
+.table .btn-secondary {
+    background-color: var(--bs-secondary);
+}
+
+.alert-dismissible .btn-close {
+    z-index: 1;
+}
+
 .controls {
     z-index: 2000;
     padding-top: 15px;
@@ -22,6 +50,7 @@ body {
     display: flex;
     align-items: center;
     line-height: 3rem;
+    padding-left: 1rem;
 }
 
 .app-menu .nav-item a.active {
@@ -43,7 +72,7 @@ body {
 
 .navbar-toggler {
     background-color: rgba(255, 255, 255, 0.1);
-    margin-left: auto;
+    margin: .5rem;
 }
 
 div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu {
diff --git a/Oqtane.Server/wwwroot/css/app.css b/Oqtane.Server/wwwroot/css/app.css
index 35a44e3f..185e5256 100644
--- a/Oqtane.Server/wwwroot/css/app.css
+++ b/Oqtane.Server/wwwroot/css/app.css
@@ -116,6 +116,7 @@ app {
     color: gray;
     height: 1px;
     background-color: gray;
+    margin: 0.5rem;
 }
 
 .app-link-unstyled, .app-link-unstyled:visited, .app-link-unstyled:hover, .app-link-unstyled:active, .app-link-unstyled:focus, .app-link-unstyled:active:hover {
@@ -185,7 +186,7 @@ app {
     .app-tooltip::after {
         background: #3E474F;
         border-radius: .25em;
-        bottom: 180%;
+        bottom: 140%;
         color: #EDEFF0;
         content: attr(data-tip);
         margin-left: -8.75em;