commit 82d17d979dec73b60622213f1e673cab6ef7fb22 Author: Fergal Moran Date: Mon Jul 27 03:22:43 2020 +0100 Initial diff --git a/dss-api/.editorconfig b/dss-api/.editorconfig new file mode 100644 index 0000000..125ab68 --- /dev/null +++ b/dss-api/.editorconfig @@ -0,0 +1,153 @@ +############################### +# Core EditorConfig Options # +############################### + +root = true + +# All files +[*] +indent_style = space +indent_size = 4 + +# Code files +[*.{cs,csx,vb,vbx}] +indent_size = 4 +insert_final_newline = true +charset = utf-8-bom + +############################### +# .NET Coding Conventions # +############################### + +[*.{cs,vb}] +# Organize usings +dotnet_sort_system_directives_first = true +dotnet_separate_import_directive_groups = false + +# this. preferences +dotnet_style_qualification_for_field = false:silent +dotnet_style_qualification_for_property = false:silent +dotnet_style_qualification_for_method = false:silent +dotnet_style_qualification_for_event = false:silent + +# Language keywords vs BCL types preferences +dotnet_style_predefined_type_for_locals_parameters_members = true:silent +dotnet_style_predefined_type_for_member_access = true:silent + +# Parentheses preferences +dotnet_style_parentheses_in_arithmetic_binary_operators = always_for_clarity:silent +dotnet_style_parentheses_in_relational_binary_operators = always_for_clarity:silent +dotnet_style_parentheses_in_other_binary_operators = always_for_clarity:silent +dotnet_style_parentheses_in_other_operators = never_if_unnecessary:silent + +# Modifier preferences +dotnet_style_require_accessibility_modifiers = for_non_interface_members:silent +dotnet_style_readonly_field = true:suggestion + +# Expression-level preferences +dotnet_style_object_initializer = true:suggestion +dotnet_style_collection_initializer = true:suggestion +dotnet_style_explicit_tuple_names = true:suggestion +dotnet_style_null_propagation = true:suggestion +dotnet_style_coalesce_expression = true:suggestion +dotnet_style_prefer_is_null_check_over_reference_equality_method = true:silent +dotnet_style_prefer_inferred_tuple_names = true:suggestion +dotnet_style_prefer_inferred_anonymous_type_member_names = true:suggestion +dotnet_style_prefer_auto_properties = true:silent +dotnet_style_prefer_conditional_expression_over_assignment = true:silent +dotnet_style_prefer_conditional_expression_over_return = true:silent + +############################### +# Naming Conventions # +############################### + +# Style Definitions +dotnet_naming_style.pascal_case_style.capitalization = pascal_case + +# Use PascalCase for constant fields +dotnet_naming_rule.constant_fields_should_be_pascal_case.severity = suggestion +dotnet_naming_rule.constant_fields_should_be_pascal_case.symbols = constant_fields +dotnet_naming_rule.constant_fields_should_be_pascal_case.style = pascal_case_style +dotnet_naming_symbols.constant_fields.applicable_kinds = field +dotnet_naming_symbols.constant_fields.applicable_accessibilities = * +dotnet_naming_symbols.constant_fields.required_modifiers = const + +dotnet_naming_rule.private_members_with_underscore.symbols = private_fields +dotnet_naming_rule.private_members_with_underscore.style = prefix_underscore +dotnet_naming_rule.private_members_with_underscore.severity = suggestion +dotnet_naming_symbols.private_fields.applicable_kinds = field +dotnet_naming_symbols.private_fields.applicable_accessibilities = private +dotnet_naming_style.prefix_underscore.capitalization = camel_case +dotnet_naming_style.prefix_underscore.required_prefix = _ + + +############################### +# C# Code Style Rules # +############################### + +[*.cs] +# var preferences +csharp_style_var_for_built_in_types = true:silent +csharp_style_var_when_type_is_apparent = true:silent +csharp_style_var_elsewhere = true:silent + +# Expression-bodied members +csharp_style_expression_bodied_methods = false:silent +csharp_style_expression_bodied_constructors = false:silent +csharp_style_expression_bodied_operators = false:silent +csharp_style_expression_bodied_properties = true:silent +csharp_style_expression_bodied_indexers = true:silent +csharp_style_expression_bodied_accessors = true:silent + +# Pattern-matching preferences +csharp_style_pattern_matching_over_is_with_cast_check = true:suggestion +csharp_style_pattern_matching_over_as_with_null_check = true:suggestion + +# Null-checking preferences +csharp_style_throw_expression = true:suggestion +csharp_style_conditional_delegate_call = true:suggestion + +# Modifier preferences +csharp_preferred_modifier_order = public,private,protected,internal,static,extern,new,virtual,abstract,sealed,override,readonly,unsafe,volatile,async:suggestion + +# Expression-level preferences +csharp_prefer_braces = true:silent +csharp_style_deconstructed_variable_declaration = true:suggestion +csharp_prefer_simple_default_expression = true:suggestion +csharp_style_pattern_local_over_anonymous_function = true:suggestion +csharp_style_inlined_variable_declaration = true:suggestion + +############################### +# C# Formatting Rules # +############################### + +# New line preferences +csharp_new_line_before_open_brace = false +csharp_new_line_before_else = false +csharp_new_line_before_catch = false +csharp_new_line_before_finally = false +csharp_new_line_before_members_in_object_initializers = false +csharp_new_line_before_members_in_anonymous_types = false +csharp_new_line_between_query_expression_clauses = false + +# Indentation preferences +csharp_indent_case_contents = true +csharp_indent_switch_labels = true +csharp_indent_labels = flush_left + +# Space preferences +csharp_space_after_cast = false +csharp_space_after_keywords_in_control_flow_statements = true +csharp_space_between_method_call_parameter_list_parentheses = false +csharp_space_between_method_declaration_parameter_list_parentheses = false +csharp_space_between_parentheses = false +csharp_space_before_colon_in_inheritance_clause = true +csharp_space_after_colon_in_inheritance_clause = true +csharp_space_around_binary_operators = before_and_after +csharp_space_between_method_declaration_empty_parameter_list_parentheses = false +csharp_space_between_method_call_name_and_opening_parenthesis = false +csharp_space_between_method_call_empty_parameter_list_parentheses = false + +# Wrapping preferences +csharp_preserve_single_line_statements = true +csharp_preserve_single_line_blocks = true diff --git a/dss-api/.gitignore b/dss-api/.gitignore new file mode 100644 index 0000000..dfcfd56 --- /dev/null +++ b/dss-api/.gitignore @@ -0,0 +1,350 @@ +## Ignore Visual Studio temporary files, build results, and +## files generated by popular Visual Studio add-ons. +## +## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore + +# User-specific files +*.rsuser +*.suo +*.user +*.userosscache +*.sln.docstates + +# User-specific files (MonoDevelop/Xamarin Studio) +*.userprefs + +# Mono auto generated files +mono_crash.* + +# Build results +[Dd]ebug/ +[Dd]ebugPublic/ +[Rr]elease/ +[Rr]eleases/ +x64/ +x86/ +[Aa][Rr][Mm]/ +[Aa][Rr][Mm]64/ +bld/ +[Bb]in/ +[Oo]bj/ +[Ll]og/ +[Ll]ogs/ + +# Visual Studio 2015/2017 cache/options directory +.vs/ +# Uncomment if you have tasks that create the project's static files in wwwroot +#wwwroot/ + +# Visual Studio 2017 auto generated files +Generated\ Files/ + +# MSTest test Results +[Tt]est[Rr]esult*/ +[Bb]uild[Ll]og.* + +# NUnit +*.VisualState.xml +TestResult.xml +nunit-*.xml + +# Build Results of an ATL Project +[Dd]ebugPS/ +[Rr]eleasePS/ +dlldata.c + +# Benchmark Results +BenchmarkDotNet.Artifacts/ + +# .NET Core +project.lock.json +project.fragment.lock.json +artifacts/ + +# StyleCop +StyleCopReport.xml + +# Files built by Visual Studio +*_i.c +*_p.c +*_h.h +*.ilk +*.meta +*.obj +*.iobj +*.pch +*.pdb +*.ipdb +*.pgc +*.pgd +*.rsp +*.sbr +*.tlb +*.tli +*.tlh +*.tmp +*.tmp_proj +*_wpftmp.csproj +*.log +*.vspscc +*.vssscc +.builds +*.pidb +*.svclog +*.scc + +# Chutzpah Test files +_Chutzpah* + +# Visual C++ cache files +ipch/ +*.aps +*.ncb +*.opendb +*.opensdf +*.sdf +*.cachefile +*.VC.db +*.VC.VC.opendb + +# Visual Studio profiler +*.psess +*.vsp +*.vspx +*.sap + +# Visual Studio Trace Files +*.e2e + +# TFS 2012 Local Workspace +$tf/ + +# Guidance Automation Toolkit +*.gpState + +# ReSharper is a .NET coding add-in +_ReSharper*/ +*.[Rr]e[Ss]harper +*.DotSettings.user + +# TeamCity is a build add-in +_TeamCity* + +# DotCover is a Code Coverage Tool +*.dotCover + +# AxoCover is a Code Coverage Tool +.axoCover/* +!.axoCover/settings.json + +# Visual Studio code coverage results +*.coverage +*.coveragexml + +# NCrunch +_NCrunch_* +.*crunch*.local.xml +nCrunchTemp_* + +# MightyMoose +*.mm.* +AutoTest.Net/ + +# Web workbench (sass) +.sass-cache/ + +# Installshield output folder +[Ee]xpress/ + +# DocProject is a documentation generator add-in +DocProject/buildhelp/ +DocProject/Help/*.HxT +DocProject/Help/*.HxC +DocProject/Help/*.hhc +DocProject/Help/*.hhk +DocProject/Help/*.hhp +DocProject/Help/Html2 +DocProject/Help/html + +# Click-Once directory +publish/ + +# Publish Web Output +*.[Pp]ublish.xml +*.azurePubxml +# Note: Comment the next line if you want to checkin your web deploy settings, +# but database connection strings (with potential passwords) will be unencrypted +*.pubxml +*.publishproj + +# Microsoft Azure Web App publish settings. Comment the next line if you want to +# checkin your Azure Web App publish settings, but sensitive information contained +# in these scripts will be unencrypted +PublishScripts/ + +# NuGet Packages +*.nupkg +# NuGet Symbol Packages +*.snupkg +# The packages folder can be ignored because of Package Restore +**/[Pp]ackages/* +# except build/, which is used as an MSBuild target. +!**/[Pp]ackages/build/ +# Uncomment if necessary however generally it will be regenerated when needed +#!**/[Pp]ackages/repositories.config +# NuGet v3's project.json files produces more ignorable files +*.nuget.props +*.nuget.targets + +# Microsoft Azure Build Output +csx/ +*.build.csdef + +# Microsoft Azure Emulator +ecf/ +rcf/ + +# Windows Store app package directories and files +AppPackages/ +BundleArtifacts/ +Package.StoreAssociation.xml +_pkginfo.txt +*.appx +*.appxbundle +*.appxupload + +# Visual Studio cache files +# files ending in .cache can be ignored +*.[Cc]ache +# but keep track of directories ending in .cache +!?*.[Cc]ache/ + +# Others +ClientBin/ +~$* +*~ +*.dbmdl +*.dbproj.schemaview +*.jfm +*.pfx +*.publishsettings +orleans.codegen.cs + +# Including strong name files can present a security risk +# (https://github.com/github/gitignore/pull/2483#issue-259490424) +#*.snk + +# Since there are multiple workflows, uncomment next line to ignore bower_components +# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) +#bower_components/ + +# RIA/Silverlight projects +Generated_Code/ + +# Backup & report files from converting an old project file +# to a newer Visual Studio version. Backup files are not needed, +# because we have git ;-) +_UpgradeReport_Files/ +Backup*/ +UpgradeLog*.XML +UpgradeLog*.htm +ServiceFabricBackup/ +*.rptproj.bak + +# SQL Server files +*.mdf +*.ldf +*.ndf + +# Business Intelligence projects +*.rdl.data +*.bim.layout +*.bim_*.settings +*.rptproj.rsuser +*- [Bb]ackup.rdl +*- [Bb]ackup ([0-9]).rdl +*- [Bb]ackup ([0-9][0-9]).rdl + +# Microsoft Fakes +FakesAssemblies/ + +# GhostDoc plugin setting file +*.GhostDoc.xml + +# Node.js Tools for Visual Studio +.ntvs_analysis.dat +node_modules/ + +# Visual Studio 6 build log +*.plg + +# Visual Studio 6 workspace options file +*.opt + +# Visual Studio 6 auto-generated workspace file (contains which files were open etc.) +*.vbw + +# Visual Studio LightSwitch build output +**/*.HTMLClient/GeneratedArtifacts +**/*.DesktopClient/GeneratedArtifacts +**/*.DesktopClient/ModelManifest.xml +**/*.Server/GeneratedArtifacts +**/*.Server/ModelManifest.xml +_Pvt_Extensions + +# Paket dependency manager +.paket/paket.exe +paket-files/ + +# FAKE - F# Make +.fake/ + +# CodeRush personal settings +.cr/personal + +# Python Tools for Visual Studio (PTVS) +__pycache__/ +*.pyc + +# Cake - Uncomment if you are using it +# tools/** +# !tools/packages.config + +# Tabs Studio +*.tss + +# Telerik's JustMock configuration file +*.jmconfig + +# BizTalk build output +*.btp.cs +*.btm.cs +*.odx.cs +*.xsd.cs + +# OpenCover UI analysis results +OpenCover/ + +# Azure Stream Analytics local run output +ASALocalRun/ + +# MSBuild Binary and Structured Log +*.binlog + +# NVidia Nsight GPU debugger configuration file +*.nvuser + +# MFractors (Xamarin productivity tool) working folder +.mfractor/ + +# Local History for Visual Studio +.localhistory/ + +# BeatPulse healthcheck temp database +healthchecksdb + +# Backup folder for Package Reference Convert tool in Visual Studio 2017 +MigrationBackup/ + +# Ionide (cross platform F# VS Code tools) working folder +.ionide/ diff --git a/dss-api/.vscode/settings.json b/dss-api/.vscode/settings.json new file mode 100644 index 0000000..a03c5f9 --- /dev/null +++ b/dss-api/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "workbench.colorTheme": "Ayu Mirage" +} diff --git a/dss-api/Controllers/WeatherForecastController.cs b/dss-api/Controllers/WeatherForecastController.cs new file mode 100644 index 0000000..4caf1d6 --- /dev/null +++ b/dss-api/Controllers/WeatherForecastController.cs @@ -0,0 +1,39 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using Microsoft.AspNetCore.Mvc; +using Microsoft.Extensions.Logging; + +namespace DSS.Api.Controllers +{ + [ApiController] + [Route("[controller]")] + public class WeatherForecastController : ControllerBase + { + private static readonly string[] Summaries = new[] + { + "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" + }; + + private readonly ILogger _logger; + + public WeatherForecastController(ILogger logger) + { + _logger = logger; + } + + [HttpGet] + public IEnumerable Get() + { + var rng = new Random(); + return Enumerable.Range(1, 5).Select(index => new WeatherForecast + { + Date = DateTime.Now.AddDays(index), + TemperatureC = rng.Next(-20, 55), + Summary = Summaries[rng.Next(Summaries.Length)] + }) + .ToArray(); + } + } +} diff --git a/dss-api/Data/Annotations/SlugFieldAttribute.cs b/dss-api/Data/Annotations/SlugFieldAttribute.cs new file mode 100644 index 0000000..ee45824 --- /dev/null +++ b/dss-api/Data/Annotations/SlugFieldAttribute.cs @@ -0,0 +1,12 @@ +using System; + +namespace DSS.Api.Data.Annotations { + [AttributeUsage(AttributeTargets.Property)] + public class SlugFieldAttribute : Attribute { + public string SourceField { get; } + + public SlugFieldAttribute(string sourceField) { + SourceField = sourceField; + } + } +} diff --git a/dss-api/Data/DSSDbContext.cs b/dss-api/Data/DSSDbContext.cs new file mode 100644 index 0000000..ea5ef0b --- /dev/null +++ b/dss-api/Data/DSSDbContext.cs @@ -0,0 +1,26 @@ +using System.Linq; +using System.Threading; +using System.Threading.Tasks; +using DSS.Api.Data.Models; +using Microsoft.AspNetCore.Identity.EntityFrameworkCore; +using Microsoft.EntityFrameworkCore; + +namespace DSS.Api.Data { + public class DSSDbContext : IdentityDbContext { + public DSSDbContext(DbContextOptions options) + : base(options) { + } + public override Task SaveChangesAsync(bool acceptAllChangesOnSuccess, + CancellationToken cancellationToken = default) { + foreach (var entity in ChangeTracker.Entries() + .Where(e => e.State == EntityState.Added || e.State == EntityState.Modified) + .Where(e => e.Entity is ISluggedEntity) + .Select(e => e.Entity as ISluggedEntity) + .Where(e => string.IsNullOrEmpty(e.Slug))) { + entity.Slug = entity.GenerateSlug(this); + } + } + public DbSet AudioItems { get; set; } + public DbSet Tags { get; set; } + } +} diff --git a/dss-api/Data/Extensions/EntityExtesions.cs b/dss-api/Data/Extensions/EntityExtesions.cs new file mode 100644 index 0000000..0bf50b2 --- /dev/null +++ b/dss-api/Data/Extensions/EntityExtesions.cs @@ -0,0 +1,73 @@ +using System; +using System.Collections.Generic; +using System.Data; +using System.Linq; +using DSS.Api.Data.Annotations; +using DSS.Api.Data.Models.Interfaces; +using Microsoft.EntityFrameworkCore; + +namespace DSS.Api.Data.Extensions { + public static class EntityExtesions { + private class ProxySluggedModel : ISluggedEntity { + public string Slug { get; set; } + } + public class GenerateSlugFailureException : Exception { + public GenerateSlugFailureException(string message) : base(message) { } + } + + public static IEnumerable ExecSQL(this DbContext context, string query) + where T : class, ISluggedEntity, new() { + using (var command = context.Database.GetDbConnection().CreateCommand()) { + command.CommandText = query; + command.CommandType = CommandType.Text; + context.Database.OpenConnection(); + + using (var reader = command.ExecuteReader()) { + var result = reader.Select(r => new T { + Slug = r["Slug"] is DBNull ? string.Empty : r["Slug"].ToString() + }); + return result.ToList(); + } + } + } + public static string GenerateSlug(this IUniqueFieldEntity entity, DbContext context, ILogger logger = null) { + try { + var property = entity.GetType() + .GetProperties() + .FirstOrDefault(prop => Attribute.IsDefined(prop, typeof(SlugFieldAttribute))); + if (property != null) { + var attribute = property + .GetCustomAttributes(typeof(SlugFieldAttribute), false) + .FirstOrDefault(); + + var t = entity.GetType(); + var tableName = context.Model.FindEntityType(t).GetTableName(); + if (!string.IsNullOrEmpty(tableName)) { + var sourceField = (attribute as SlugFieldAttribute)?.SourceField; + if (string.IsNullOrEmpty(sourceField)) { + logger?.LogError($"Error slugifying - Entry title is blank, cannot slugify"); + // need to throw here, shouldn't save without slug + throw new GenerateSlugFailureException("Entry title is blank, cannot slugify"); + } + + var slugSource = entity.GetType() + .GetProperty(sourceField) + ?.GetValue(entity, null) + ?.ToString() ?? string.Empty; + + var source = context.ExecSQL($"SELECT Slug FROM {tableName}") + .Select(m => m.Slug); + + return slugSource.Slugify(source); + } + } + } catch (Exception ex) { + logger?.LogError($"Error slugifying {entity.GetType().Name} - {ex.Message}"); + // need to throw here, shouldn't save without slug + throw new GenerateSlugFailureException(ex.Message); + } + + return string.Empty; + } + } +} diff --git a/dss-api/Data/Models/ApplicationUser.cs b/dss-api/Data/Models/ApplicationUser.cs new file mode 100644 index 0000000..9e08207 --- /dev/null +++ b/dss-api/Data/Models/ApplicationUser.cs @@ -0,0 +1,23 @@ +using DSS.Api.Data.Annotations; +using DSS.Api.Data.Models.Interfaces; +using Microsoft.AspNetCore.Identity; + +namespace DSS.Api.Data.Models { + public static class EntityExtesions { + + } + public class ApplicationUser : IdentityUser, ISluggedEntity { + // Extended Properties + + public string FirstName { get; set; } + public string LastName { get; set; } + public long? FacebookId { get; set; } + public string TwitterHandle { get; set; } + + public string PictureUrl { get; set; } + + [SlugField(sourceField: "FullName")] + public string Slug { get; set; } + public string FullName => $"{FirstName} {LastName}"; + } +} diff --git a/dss-api/Data/Models/AudioItem.cs b/dss-api/Data/Models/AudioItem.cs new file mode 100644 index 0000000..5f8a76a --- /dev/null +++ b/dss-api/Data/Models/AudioItem.cs @@ -0,0 +1,18 @@ +using System.Collections.Generic; +using DSS.Api.Data.Annotations; + +namespace DSS.Api.Data.Models +{ + public class AudioItem : BaseEntity + { + + public string Title { get; set; } + public string Description { get; set; } + public virtual List Tags { get; set; } + + public ApplicationUser User { get; set; } + + [SlugField(sourceField: "Title")] + public string Slug { get; set; } + } +} diff --git a/dss-api/Data/Models/BaseEntity.cs b/dss-api/Data/Models/BaseEntity.cs new file mode 100644 index 0000000..0773a1f --- /dev/null +++ b/dss-api/Data/Models/BaseEntity.cs @@ -0,0 +1,18 @@ +using System; +using System.ComponentModel.DataAnnotations.Schema; +using DSS.Api.Data.Interfaces; + +namespace DSS.Api.Data.Models +{ + public class BaseEntity : IEntity + { + public Guid Id { get; set; } + + [DatabaseGenerated(DatabaseGeneratedOption.Computed)] + public DateTime CreateDate { get; set; } = DateTime.UtcNow; + + [DatabaseGenerated(DatabaseGeneratedOption.Computed)] + public DateTime UpdateDate { get; set; } = DateTime.UtcNow; + + } +} diff --git a/dss-api/Data/Models/Interfaces/IEntity.cs b/dss-api/Data/Models/Interfaces/IEntity.cs new file mode 100644 index 0000000..916553e --- /dev/null +++ b/dss-api/Data/Models/Interfaces/IEntity.cs @@ -0,0 +1,11 @@ +using System; + +namespace DSS.Api.Data.Models.Interfaces +{ + public interface IEntity + { + Guid Id { get; set; } + DateTime CreateDate { get; set; } + DateTime UpdateDate { get; set; } + } +} diff --git a/dss-api/Data/Models/Interfaces/ISluggedEntity.cs b/dss-api/Data/Models/Interfaces/ISluggedEntity.cs new file mode 100644 index 0000000..0444230 --- /dev/null +++ b/dss-api/Data/Models/Interfaces/ISluggedEntity.cs @@ -0,0 +1,7 @@ +namespace DSS.Api.Data.Models.Interfaces +{ + public interface ISluggedEntity : IUniqueFieldEntity + { + string Slug { get; set; } + } +} diff --git a/dss-api/Data/Models/Interfaces/IUniqueFieldEntity.cs b/dss-api/Data/Models/Interfaces/IUniqueFieldEntity.cs new file mode 100644 index 0000000..8457a21 --- /dev/null +++ b/dss-api/Data/Models/Interfaces/IUniqueFieldEntity.cs @@ -0,0 +1,6 @@ +namespace DSS.Api.Data.Models.Interfaces +{ + public interface IUniqueFieldEntity + { + } +} diff --git a/dss-api/Data/Models/Tag.cs b/dss-api/Data/Models/Tag.cs new file mode 100644 index 0000000..4de383c --- /dev/null +++ b/dss-api/Data/Models/Tag.cs @@ -0,0 +1,7 @@ +namespace DSS.Api.Data.Models +{ + public class Tag : BaseEntity + { + public string Name { get; set; } + } +} diff --git a/dss-api/Program.cs b/dss-api/Program.cs new file mode 100644 index 0000000..64d84cc --- /dev/null +++ b/dss-api/Program.cs @@ -0,0 +1,20 @@ +using Microsoft.AspNetCore.Hosting; +using Microsoft.Extensions.Hosting; + +namespace DSS.Api +{ + public class Program + { + public static void Main(string[] args) + { + CreateHostBuilder(args).Build().Run(); + } + + public static IHostBuilder CreateHostBuilder(string[] args) => + Host.CreateDefaultBuilder(args) + .ConfigureWebHostDefaults(webBuilder => + { + webBuilder.UseStartup(); + }); + } +} diff --git a/dss-api/Properties/launchSettings.json b/dss-api/Properties/launchSettings.json new file mode 100644 index 0000000..831327a --- /dev/null +++ b/dss-api/Properties/launchSettings.json @@ -0,0 +1,30 @@ +{ + "$schema": "http://json.schemastore.org/launchsettings.json", + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:11386", + "sslPort": 44308 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "launchUrl": "weatherforecast", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "DSS.Api": { + "commandName": "Project", + "launchBrowser": true, + "launchUrl": "weatherforecast", + "applicationUrl": "https://localhost:5001;http://localhost:5000", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + } + } +} diff --git a/dss-api/Services/Startup/DbMigrator.cs b/dss-api/Services/Startup/DbMigrator.cs new file mode 100644 index 0000000..94d8e03 --- /dev/null +++ b/dss-api/Services/Startup/DbMigrator.cs @@ -0,0 +1,23 @@ +using DSS.Api.Data; +using Microsoft.AspNetCore.Builder; +using Microsoft.AspNetCore.Identity; +using Microsoft.EntityFrameworkCore; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; + +namespace DSS.Api.Services.Startup { + internal static class DbMigratorExtensions { + internal static void UpdateDatabase( + this IApplicationBuilder app, + IConfiguration config) { + + using var serviceScope = app.ApplicationServices + .GetRequiredService() + .CreateScope(); + + using var context = serviceScope.ServiceProvider.GetService(); + context.Database.Migrate(); + // DSSDbContextInitialiser.SeedUsers(userManager, context, config); + } + } +} diff --git a/dss-api/Startup.cs b/dss-api/Startup.cs new file mode 100644 index 0000000..38305f0 --- /dev/null +++ b/dss-api/Startup.cs @@ -0,0 +1,51 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using Microsoft.AspNetCore.Builder; +using Microsoft.AspNetCore.Hosting; +using Microsoft.AspNetCore.HttpsPolicy; +using Microsoft.AspNetCore.Mvc; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Hosting; +using Microsoft.Extensions.Logging; + +namespace dss_api +{ + public class Startup + { + public Startup(IConfiguration configuration) + { + Configuration = configuration; + } + + public IConfiguration Configuration { get; } + + // This method gets called by the runtime. Use this method to add services to the container. + public void ConfigureServices(IServiceCollection services) + { + services.AddControllers(); + } + + // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. + public void Configure(IApplicationBuilder app, IWebHostEnvironment env) + { + if (env.IsDevelopment()) + { + app.UseDeveloperExceptionPage(); + } + + app.UseHttpsRedirection(); + + app.UseRouting(); + + app.UseAuthorization(); + + app.UseEndpoints(endpoints => + { + endpoints.MapControllers(); + }); + } + } +} diff --git a/dss-api/appsettings.Development.json b/dss-api/appsettings.Development.json new file mode 100644 index 0000000..dba68eb --- /dev/null +++ b/dss-api/appsettings.Development.json @@ -0,0 +1,9 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft": "Warning", + "Microsoft.Hosting.Lifetime": "Information" + } + } +} diff --git a/dss-api/appsettings.json b/dss-api/appsettings.json new file mode 100644 index 0000000..b1a247d --- /dev/null +++ b/dss-api/appsettings.json @@ -0,0 +1,13 @@ +{ + "ConnectionStrings": { + "DefaultConnection": "Host=localhost;Database=deepsouthsounds;Username=deepsouthsounds;Password=deepsouthsounds" + }, + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft": "Warning", + "Microsoft.Hosting.Lifetime": "Information" + } + }, + "AllowedHosts": "*" +} diff --git a/dss-api/dss-api.csproj b/dss-api/dss-api.csproj new file mode 100644 index 0000000..e33e285 --- /dev/null +++ b/dss-api/dss-api.csproj @@ -0,0 +1,18 @@ + + + + netcoreapp3.1 + DSS.Api + + + + + + runtime; build; native; contentfiles; analyzers; buildtransitive + all + + + + + + diff --git a/dss-api/scripts/create_dev_pgsql.sh b/dss-api/scripts/create_dev_pgsql.sh new file mode 100755 index 0000000..175a63b --- /dev/null +++ b/dss-api/scripts/create_dev_pgsql.sh @@ -0,0 +1,9 @@ +#!/usr/bin/env bash +docker run \ + --name dss-pgsql \ + --restart always \ + -p 5432:5432 \ + -e "POSTGRES_PASSWORD=H8ckMyB88lz" \ + -e "PGDATA=/var/lib/postgresql/data/pgdata" \ + -v /opt/postgres:/var/lib/postgresql/data \ + -d postgres:9.6.18 diff --git a/dss-web/.editorconfig b/dss-web/.editorconfig new file mode 100644 index 0000000..9b73521 --- /dev/null +++ b/dss-web/.editorconfig @@ -0,0 +1,13 @@ +# Editor configuration, see http://editorconfig.org +root = true + +[*] +charset = utf-8 +indent_style = space +indent_size = 4 +insert_final_newline = true +trim_trailing_whitespace = true + +[*.md] +max_line_length = off +trim_trailing_whitespace = false diff --git a/dss-web/.gitignore b/dss-web/.gitignore new file mode 100644 index 0000000..5fce88b --- /dev/null +++ b/dss-web/.gitignore @@ -0,0 +1,61 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (http://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# Distribution directories +dist/ + +# Typescript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env diff --git a/dss-web/README.md b/dss-web/README.md new file mode 100644 index 0000000..64e343e --- /dev/null +++ b/dss-web/README.md @@ -0,0 +1,44 @@ +This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). + +## Available Scripts + +In the project directory, you can run: + +### `yarn start` + +Runs the app in the development mode.
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.
+You will also see any lint errors in the console. + +### `yarn test` + +Launches the test runner in the interactive watch mode.
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. + +### `yarn build` + +Builds the app for production to the `build` folder.
+It correctly bundles React in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.
+Your app is ready to be deployed! + +See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. + +### `yarn eject` + +**Note: this is a one-way operation. Once you `eject`, you can’t go back!** + +If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. + +Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. + +You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. + +## Learn More + +You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + +To learn React, check out the [React documentation](https://reactjs.org/). diff --git a/dss-web/package.json b/dss-web/package.json new file mode 100644 index 0000000..50f65c5 --- /dev/null +++ b/dss-web/package.json @@ -0,0 +1,41 @@ +{ + "name": "dss-web", + "version": "0.1.0", + "private": true, + "dependencies": { + "@testing-library/jest-dom": "^4.2.4", + "@testing-library/react": "^9.3.2", + "@testing-library/user-event": "^7.1.2", + "@types/jest": "^24.0.0", + "@types/node": "^12.0.0", + "@types/react": "^16.9.0", + "@types/react-dom": "^16.9.0", + "mdbreact": "^4.27.0", + "node-sass": "^4.14.1", + "react": "^16.13.1", + "react-dom": "^16.13.1", + "react-scripts": "3.4.1", + "typescript": "~3.7.2" + }, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject" + }, + "eslintConfig": { + "extends": "react-app" + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + } +} diff --git a/dss-web/public/android-chrome-192x192.png b/dss-web/public/android-chrome-192x192.png new file mode 100644 index 0000000..36e6117 Binary files /dev/null and b/dss-web/public/android-chrome-192x192.png differ diff --git a/dss-web/public/android-chrome-512x512.png b/dss-web/public/android-chrome-512x512.png new file mode 100644 index 0000000..fa54265 Binary files /dev/null and b/dss-web/public/android-chrome-512x512.png differ diff --git a/dss-web/public/apple-touch-icon.png b/dss-web/public/apple-touch-icon.png new file mode 100644 index 0000000..89f9e86 Binary files /dev/null and b/dss-web/public/apple-touch-icon.png differ diff --git a/dss-web/public/css/lib/material-icons.css b/dss-web/public/css/lib/material-icons.css new file mode 100644 index 0000000..9500144 --- /dev/null +++ b/dss-web/public/css/lib/material-icons.css @@ -0,0 +1,7464 @@ +@font-face { + font-family: "Material Design Icons"; + src: url(/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot?v=1.8.36); + src: url(/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot?#iefix&v=1.8.36) + format("embedded-opentype"), + url(icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2?v=1.8.36) + format("woff2"), + url(icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff?v=1.8.36) + format("woff"), + url(icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf?v=1.8.36) + format("truetype"), + url(icons/material-design-iconic-font/fonts/materialdesignicons-webfont.svg?v=1.8.36#materialdesigniconsregular) + format("svg"); + font-weight: 400; + font-style: normal; +} + +.mdi-set, +.mdi:before { + display: inline-block; + font: normal normal normal 24px/1 "Material Design Icons"; + font-size: inherit; + text-rendering: auto; + line-height: inherit; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); +} + +.mdi-access-point:before { + content: "\F002"; +} + +.mdi-access-point-network:before { + content: "\F003"; +} + +.mdi-account:before { + content: "\F004"; +} + +.mdi-account-alert:before { + content: "\F005"; +} + +.mdi-account-box:before { + content: "\F006"; +} + +.mdi-account-box-outline:before { + content: "\F007"; +} + +.mdi-account-card-details:before { + content: "\F5D2"; +} + +.mdi-account-check:before { + content: "\F008"; +} + +.mdi-account-circle:before { + content: "\F009"; +} + +.mdi-account-convert:before { + content: "\F00A"; +} + +.mdi-account-edit:before { + content: "\F6BB"; +} + +.mdi-account-key:before { + content: "\F00B"; +} + +.mdi-account-location:before { + content: "\F00C"; +} + +.mdi-account-minus:before { + content: "\F00D"; +} + +.mdi-account-multiple:before { + content: "\F00E"; +} + +.mdi-account-multiple-minus:before { + content: "\F5D3"; +} + +.mdi-account-multiple-outline:before { + content: "\F00F"; +} + +.mdi-account-multiple-plus:before { + content: "\F010"; +} + +.mdi-account-network:before { + content: "\F011"; +} + +.mdi-account-off:before { + content: "\F012"; +} + +.mdi-account-outline:before { + content: "\F013"; +} + +.mdi-account-plus:before { + content: "\F014"; +} + +.mdi-account-remove:before { + content: "\F015"; +} + +.mdi-account-search:before { + content: "\F016"; +} + +.mdi-account-settings:before { + content: "\F630"; +} + +.mdi-account-settings-variant:before { + content: "\F631"; +} + +.mdi-account-star:before { + content: "\F017"; +} + +.mdi-account-star-variant:before { + content: "\F018"; +} + +.mdi-account-switch:before { + content: "\F019"; +} + +.mdi-adjust:before { + content: "\F01A"; +} + +.mdi-air-conditioner:before { + content: "\F01B"; +} + +.mdi-airballoon:before { + content: "\F01C"; +} + +.mdi-airplane:before { + content: "\F01D"; +} + +.mdi-airplane-landing:before { + content: "\F5D4"; +} + +.mdi-airplane-off:before { + content: "\F01E"; +} + +.mdi-airplane-takeoff:before { + content: "\F5D5"; +} + +.mdi-airplay:before { + content: "\F01F"; +} + +.mdi-alarm:before { + content: "\F020"; +} + +.mdi-alarm-check:before { + content: "\F021"; +} + +.mdi-alarm-multiple:before { + content: "\F022"; +} + +.mdi-alarm-off:before { + content: "\F023"; +} + +.mdi-alarm-plus:before { + content: "\F024"; +} + +.mdi-alarm-snooze:before { + content: "\F68D"; +} + +.mdi-album:before { + content: "\F025"; +} + +.mdi-alert:before { + content: "\F026"; +} + +.mdi-alert-box:before { + content: "\F027"; +} + +.mdi-alert-circle:before { + content: "\F028"; +} + +.mdi-alert-circle-outline:before { + content: "\F5D6"; +} + +.mdi-alert-octagon:before { + content: "\F029"; +} + +.mdi-alert-octagram:before { + content: "\F6BC"; +} + +.mdi-alert-outline:before { + content: "\F02A"; +} + +.mdi-all-inclusive:before { + content: "\F6BD"; +} + +.mdi-alpha:before { + content: "\F02B"; +} + +.mdi-alphabetical:before { + content: "\F02C"; +} + +.mdi-altimeter:before { + content: "\F5D7"; +} + +.mdi-amazon:before { + content: "\F02D"; +} + +.mdi-amazon-clouddrive:before { + content: "\F02E"; +} + +.mdi-ambulance:before { + content: "\F02F"; +} + +.mdi-amplifier:before { + content: "\F030"; +} + +.mdi-anchor:before { + content: "\F031"; +} + +.mdi-andrAdminid:before { + content: "\F032"; +} + +.mdi-andrAdminid-debug-bridge:before { + content: "\F033"; +} + +.mdi-andrAdminid-studio:before { + content: "\F034"; +} + +.mdi-angular:before { + content: "\F6B1"; +} + +.mdi-angularjs:before { + content: "\F6BE"; +} + +.mdi-animation:before { + content: "\F5D8"; +} + +.mdi-apple:before { + content: "\F035"; +} + +.mdi-apple-finder:before { + content: "\F036"; +} + +.mdi-apple-ios:before { + content: "\F037"; +} + +.mdi-apple-keyboard-caps:before { + content: "\F632"; +} + +.mdi-apple-keyboard-command:before { + content: "\F633"; +} + +.mdi-apple-keyboard-control:before { + content: "\F634"; +} + +.mdi-apple-keyboard-option:before { + content: "\F635"; +} + +.mdi-apple-keyboard-shift:before { + content: "\F636"; +} + +.mdi-apple-mobileme:before { + content: "\F038"; +} + +.mdi-apple-safari:before { + content: "\F039"; +} + +.mdi-application:before { + content: "\F614"; +} + +.mdi-apps:before { + content: "\F03B"; +} + +.mdi-archive:before { + content: "\F03C"; +} + +.mdi-arrange-bring-forward:before { + content: "\F03D"; +} + +.mdi-arrange-bring-to-front:before { + content: "\F03E"; +} + +.mdi-arrange-send-backward:before { + content: "\F03F"; +} + +.mdi-arrange-send-to-back:before { + content: "\F040"; +} + +.mdi-arrow-all:before { + content: "\F041"; +} + +.mdi-arrow-bottom-left:before { + content: "\F042"; +} + +.mdi-arrow-bottom-right:before { + content: "\F043"; +} + +.mdi-arrow-compress:before { + content: "\F615"; +} + +.mdi-arrow-compress-all:before { + content: "\F044"; +} + +.mdi-arrow-down:before { + content: "\F045"; +} + +.mdi-arrow-down-bold:before { + content: "\F046"; +} + +.mdi-arrow-down-bold-circle:before { + content: "\F047"; +} + +.mdi-arrow-down-bold-circle-outline:before { + content: "\F048"; +} + +.mdi-arrow-down-bold-hexagon-outline:before { + content: "\F049"; +} + +.mdi-arrow-down-box:before { + content: "\F6BF"; +} + +.mdi-arrow-down-drop-circle:before { + content: "\F04A"; +} + +.mdi-arrow-down-drop-circle-outline:before { + content: "\F04B"; +} + +.mdi-arrow-expand:before { + content: "\F616"; +} + +.mdi-arrow-expand-all:before { + content: "\F04C"; +} + +.mdi-arrow-left:before { + content: "\F04D"; +} + +.mdi-arrow-left-bold:before { + content: "\F04E"; +} + +.mdi-arrow-left-bold-circle:before { + content: "\F04F"; +} + +.mdi-arrow-left-bold-circle-outline:before { + content: "\F050"; +} + +.mdi-arrow-left-bold-hexagon-outline:before { + content: "\F051"; +} + +.mdi-arrow-left-box:before { + content: "\F6C0"; +} + +.mdi-arrow-left-drop-circle:before { + content: "\F052"; +} + +.mdi-arrow-left-drop-circle-outline:before { + content: "\F053"; +} + +.mdi-arrow-right:before { + content: "\F054"; +} + +.mdi-arrow-right-bold:before { + content: "\F055"; +} + +.mdi-arrow-right-bold-circle:before { + content: "\F056"; +} + +.mdi-arrow-right-bold-circle-outline:before { + content: "\F057"; +} + +.mdi-arrow-right-bold-hexagon-outline:before { + content: "\F058"; +} + +.mdi-arrow-right-box:before { + content: "\F6C1"; +} + +.mdi-arrow-right-drop-circle:before { + content: "\F059"; +} + +.mdi-arrow-right-drop-circle-outline:before { + content: "\F05A"; +} + +.mdi-arrow-top-left:before { + content: "\F05B"; +} + +.mdi-arrow-top-right:before { + content: "\F05C"; +} + +.mdi-arrow-up:before { + content: "\F05D"; +} + +.mdi-arrow-up-bold:before { + content: "\F05E"; +} + +.mdi-arrow-up-bold-circle:before { + content: "\F05F"; +} + +.mdi-arrow-up-bold-circle-outline:before { + content: "\F060"; +} + +.mdi-arrow-up-bold-hexagon-outline:before { + content: "\F061"; +} + +.mdi-arrow-up-box:before { + content: "\F6C2"; +} + +.mdi-arrow-up-drop-circle:before { + content: "\F062"; +} + +.mdi-arrow-up-drop-circle-outline:before { + content: "\F063"; +} + +.mdi-assistant:before { + content: "\F064"; +} + +.mdi-asterisk:before { + content: "\F6C3"; +} + +.mdi-at:before { + content: "\F065"; +} + +.mdi-attachment:before { + content: "\F066"; +} + +.mdi-audiobook:before { + content: "\F067"; +} + +.mdi-auto-fix:before { + content: "\F068"; +} + +.mdi-auto-upload:before { + content: "\F069"; +} + +.mdi-autorenew:before { + content: "\F06A"; +} + +.mdi-av-timer:before { + content: "\F06B"; +} + +.mdi-baby:before { + content: "\F06C"; +} + +.mdi-baby-buggy:before { + content: "\F68E"; +} + +.mdi-backburger:before { + content: "\F06D"; +} + +.mdi-backspace:before { + content: "\F06E"; +} + +.mdi-backup-restore:before { + content: "\F06F"; +} + +.mdi-bandcamp:before { + content: "\F674"; +} + +.mdi-bank:before { + content: "\F070"; +} + +.mdi-barcode:before { + content: "\F071"; +} + +.mdi-barcode-scan:before { + content: "\F072"; +} + +.mdi-barley:before { + content: "\F073"; +} + +.mdi-barrel:before { + content: "\F074"; +} + +.mdi-basecamp:before { + content: "\F075"; +} + +.mdi-basket:before { + content: "\F076"; +} + +.mdi-basket-fill:before { + content: "\F077"; +} + +.mdi-basket-unfill:before { + content: "\F078"; +} + +.mdi-battery:before { + content: "\F079"; +} + +.mdi-battery-10:before { + content: "\F07A"; +} + +.mdi-battery-20:before { + content: "\F07B"; +} + +.mdi-battery-30:before { + content: "\F07C"; +} + +.mdi-battery-40:before { + content: "\F07D"; +} + +.mdi-battery-50:before { + content: "\F07E"; +} + +.mdi-battery-60:before { + content: "\F07F"; +} + +.mdi-battery-70:before { + content: "\F080"; +} + +.mdi-battery-80:before { + content: "\F081"; +} + +.mdi-battery-90:before { + content: "\F082"; +} + +.mdi-battery-alert:before { + content: "\F083"; +} + +.mdi-battery-charging:before { + content: "\F084"; +} + +.mdi-battery-charging-100:before { + content: "\F085"; +} + +.mdi-battery-charging-20:before { + content: "\F086"; +} + +.mdi-battery-charging-30:before { + content: "\F087"; +} + +.mdi-battery-charging-40:before { + content: "\F088"; +} + +.mdi-battery-charging-60:before { + content: "\F089"; +} + +.mdi-battery-charging-80:before { + content: "\F08A"; +} + +.mdi-battery-charging-90:before { + content: "\F08B"; +} + +.mdi-battery-minus:before { + content: "\F08C"; +} + +.mdi-battery-negative:before { + content: "\F08D"; +} + +.mdi-battery-outline:before { + content: "\F08E"; +} + +.mdi-battery-plus:before { + content: "\F08F"; +} + +.mdi-battery-positive:before { + content: "\F090"; +} + +.mdi-battery-unknown:before { + content: "\F091"; +} + +.mdi-beach:before { + content: "\F092"; +} + +.mdi-beaker:before { + content: "\F68F"; +} + +.mdi-beats:before { + content: "\F097"; +} + +.mdi-beer:before { + content: "\F098"; +} + +.mdi-behance:before { + content: "\F099"; +} + +.mdi-bell:before { + content: "\F09A"; +} + +.mdi-bell-off:before { + content: "\F09B"; +} + +.mdi-bell-outline:before { + content: "\F09C"; +} + +.mdi-bell-plus:before { + content: "\F09D"; +} + +.mdi-bell-ring:before { + content: "\F09E"; +} + +.mdi-bell-ring-outline:before { + content: "\F09F"; +} + +.mdi-bell-sleep:before { + content: "\F0A0"; +} + +.mdi-beta:before { + content: "\F0A1"; +} + +.mdi-bible:before { + content: "\F0A2"; +} + +.mdi-bike:before { + content: "\F0A3"; +} + +.mdi-bing:before { + content: "\F0A4"; +} + +.mdi-binoculars:before { + content: "\F0A5"; +} + +.mdi-bio:before { + content: "\F0A6"; +} + +.mdi-biohazard:before { + content: "\F0A7"; +} + +.mdi-bitbucket:before { + content: "\F0A8"; +} + +.mdi-black-mesa:before { + content: "\F0A9"; +} + +.mdi-blackberry:before { + content: "\F0AA"; +} + +.mdi-blender:before { + content: "\F0AB"; +} + +.mdi-blinds:before { + content: "\F0AC"; +} + +.mdi-block-helper:before { + content: "\F0AD"; +} + +.mdi-blogger:before { + content: "\F0AE"; +} + +.mdi-bluetooth:before { + content: "\F0AF"; +} + +.mdi-bluetooth-audio:before { + content: "\F0B0"; +} + +.mdi-bluetooth-connect:before { + content: "\F0B1"; +} + +.mdi-bluetooth-off:before { + content: "\F0B2"; +} + +.mdi-bluetooth-settings:before { + content: "\F0B3"; +} + +.mdi-bluetooth-transfer:before { + content: "\F0B4"; +} + +.mdi-blur:before { + content: "\F0B5"; +} + +.mdi-blur-linear:before { + content: "\F0B6"; +} + +.mdi-blur-off:before { + content: "\F0B7"; +} + +.mdi-blur-radial:before { + content: "\F0B8"; +} + +.mdi-bomb:before { + content: "\F690"; +} + +.mdi-bomb-off:before { + content: "\F6C4"; +} + +.mdi-bone:before { + content: "\F0B9"; +} + +.mdi-book:before { + content: "\F0BA"; +} + +.mdi-book-minus:before { + content: "\F5D9"; +} + +.mdi-book-multiple:before { + content: "\F0BB"; +} + +.mdi-book-multiple-variant:before { + content: "\F0BC"; +} + +.mdi-book-open:before { + content: "\F0BD"; +} + +.mdi-book-open-page-variant:before { + content: "\F5DA"; +} + +.mdi-book-open-variant:before { + content: "\F0BE"; +} + +.mdi-book-plus:before { + content: "\F5DB"; +} + +.mdi-book-variant:before { + content: "\F0BF"; +} + +.mdi-bookmark:before { + content: "\F0C0"; +} + +.mdi-bookmark-check:before { + content: "\F0C1"; +} + +.mdi-bookmark-music:before { + content: "\F0C2"; +} + +.mdi-bookmark-outline:before { + content: "\F0C3"; +} + +.mdi-bookmark-plus:before { + content: "\F0C5"; +} + +.mdi-bookmark-plus-outline:before { + content: "\F0C4"; +} + +.mdi-bookmark-remove:before { + content: "\F0C6"; +} + +.mdi-boombox:before { + content: "\F5DC"; +} + +.mdi-bootstrap:before { + content: "\F6C5"; +} + +.mdi-border-all:before { + content: "\F0C7"; +} + +.mdi-border-bottom:before { + content: "\F0C8"; +} + +.mdi-border-color:before { + content: "\F0C9"; +} + +.mdi-border-horizontal:before { + content: "\F0CA"; +} + +.mdi-border-inside:before { + content: "\F0CB"; +} + +.mdi-border-left:before { + content: "\F0CC"; +} + +.mdi-border-none:before { + content: "\F0CD"; +} + +.mdi-border-outside:before { + content: "\F0CE"; +} + +.mdi-border-right:before { + content: "\F0CF"; +} + +.mdi-border-style:before { + content: "\F0D0"; +} + +.mdi-border-top:before { + content: "\F0D1"; +} + +.mdi-border-vertical:before { + content: "\F0D2"; +} + +.mdi-bow-tie:before { + content: "\F677"; +} + +.mdi-bowl:before { + content: "\F617"; +} + +.mdi-bowling:before { + content: "\F0D3"; +} + +.mdi-box:before { + content: "\F0D4"; +} + +.mdi-box-cutter:before { + content: "\F0D5"; +} + +.mdi-box-shadow:before { + content: "\F637"; +} + +.mdi-bridge:before { + content: "\F618"; +} + +.mdi-briefcase:before { + content: "\F0D6"; +} + +.mdi-briefcase-check:before { + content: "\F0D7"; +} + +.mdi-briefcase-download:before { + content: "\F0D8"; +} + +.mdi-briefcase-upload:before { + content: "\F0D9"; +} + +.mdi-brightness-1:before { + content: "\F0DA"; +} + +.mdi-brightness-2:before { + content: "\F0DB"; +} + +.mdi-brightness-3:before { + content: "\F0DC"; +} + +.mdi-brightness-4:before { + content: "\F0DD"; +} + +.mdi-brightness-5:before { + content: "\F0DE"; +} + +.mdi-brightness-6:before { + content: "\F0DF"; +} + +.mdi-brightness-7:before { + content: "\F0E0"; +} + +.mdi-brightness-auto:before { + content: "\F0E1"; +} + +.mdi-broom:before { + content: "\F0E2"; +} + +.mdi-brush:before { + content: "\F0E3"; +} + +.mdi-buffer:before { + content: "\F619"; +} + +.mdi-bug:before { + content: "\F0E4"; +} + +.mdi-bulletin-board:before { + content: "\F0E5"; +} + +.mdi-bullhorn:before { + content: "\F0E6"; +} + +.mdi-bullseye:before { + content: "\F5DD"; +} + +.mdi-burst-mode:before { + content: "\F5DE"; +} + +.mdi-bus:before { + content: "\F0E7"; +} + +.mdi-cached:before { + content: "\F0E8"; +} + +.mdi-cake:before { + content: "\F0E9"; +} + +.mdi-cake-layered:before { + content: "\F0EA"; +} + +.mdi-cake-variant:before { + content: "\F0EB"; +} + +.mdi-calculator:before { + content: "\F0EC"; +} + +.mdi-calendar:before { + content: "\F0ED"; +} + +.mdi-calendar-blank:before { + content: "\F0EE"; +} + +.mdi-calendar-check:before { + content: "\F0EF"; +} + +.mdi-calendar-clock:before { + content: "\F0F0"; +} + +.mdi-calendar-multiple:before { + content: "\F0F1"; +} + +.mdi-calendar-multiple-check:before { + content: "\F0F2"; +} + +.mdi-calendar-plus:before { + content: "\F0F3"; +} + +.mdi-calendar-question:before { + content: "\F691"; +} + +.mdi-calendar-range:before { + content: "\F678"; +} + +.mdi-calendar-remove:before { + content: "\F0F4"; +} + +.mdi-calendar-text:before { + content: "\F0F5"; +} + +.mdi-calendar-today:before { + content: "\F0F6"; +} + +.mdi-call-made:before { + content: "\F0F7"; +} + +.mdi-call-merge:before { + content: "\F0F8"; +} + +.mdi-call-missed:before { + content: "\F0F9"; +} + +.mdi-call-received:before { + content: "\F0FA"; +} + +.mdi-call-split:before { + content: "\F0FB"; +} + +.mdi-camcorder:before { + content: "\F0FC"; +} + +.mdi-camcorder-box:before { + content: "\F0FD"; +} + +.mdi-camcorder-box-off:before { + content: "\F0FE"; +} + +.mdi-camcorder-off:before { + content: "\F0FF"; +} + +.mdi-camera:before { + content: "\F100"; +} + +.mdi-camera-burst:before { + content: "\F692"; +} + +.mdi-camera-enhance:before { + content: "\F101"; +} + +.mdi-camera-front:before { + content: "\F102"; +} + +.mdi-camera-front-variant:before { + content: "\F103"; +} + +.mdi-camera-iris:before { + content: "\F104"; +} + +.mdi-camera-off:before { + content: "\F5DF"; +} + +.mdi-camera-party-mode:before { + content: "\F105"; +} + +.mdi-camera-rear:before { + content: "\F106"; +} + +.mdi-camera-rear-variant:before { + content: "\F107"; +} + +.mdi-camera-switch:before { + content: "\F108"; +} + +.mdi-camera-timer:before { + content: "\F109"; +} + +.mdi-candle:before { + content: "\F5E2"; +} + +.mdi-candycane:before { + content: "\F10A"; +} + +.mdi-car:before { + content: "\F10B"; +} + +.mdi-car-battery:before { + content: "\F10C"; +} + +.mdi-car-connected:before { + content: "\F10D"; +} + +.mdi-car-wash:before { + content: "\F10E"; +} + +.mdi-cards:before { + content: "\F638"; +} + +.mdi-cards-outline:before { + content: "\F639"; +} + +.mdi-cards-playing-outline:before { + content: "\F63A"; +} + +.mdi-cards-variant:before { + content: "\F6C6"; +} + +.mdi-carrot:before { + content: "\F10F"; +} + +.mdi-cart:before { + content: "\F110"; +} + +.mdi-cart-off:before { + content: "\F66B"; +} + +.mdi-cart-outline:before { + content: "\F111"; +} + +.mdi-cart-plus:before { + content: "\F112"; +} + +.mdi-case-sensitive-alt:before { + content: "\F113"; +} + +.mdi-cash:before { + content: "\F114"; +} + +.mdi-cash-100:before { + content: "\F115"; +} + +.mdi-cash-multiple:before { + content: "\F116"; +} + +.mdi-cash-usd:before { + content: "\F117"; +} + +.mdi-cast:before { + content: "\F118"; +} + +.mdi-cast-connected:before { + content: "\F119"; +} + +.mdi-castle:before { + content: "\F11A"; +} + +.mdi-cat:before { + content: "\F11B"; +} + +.mdi-cellphone:before { + content: "\F11C"; +} + +.mdi-cellphone-andrAdminid:before { + content: "\F11D"; +} + +.mdi-cellphone-basic:before { + content: "\F11E"; +} + +.mdi-cellphone-dock:before { + content: "\F11F"; +} + +.mdi-cellphone-iphone:before { + content: "\F120"; +} + +.mdi-cellphone-link:before { + content: "\F121"; +} + +.mdi-cellphone-link-off:before { + content: "\F122"; +} + +.mdi-cellphone-settings:before { + content: "\F123"; +} + +.mdi-certificate:before { + content: "\F124"; +} + +.mdi-chair-school:before { + content: "\F125"; +} + +.mdi-chart-arc:before { + content: "\F126"; +} + +.mdi-chart-areaspline:before { + content: "\F127"; +} + +.mdi-chart-bar:before { + content: "\F128"; +} + +.mdi-chart-bubble:before { + content: "\F5E3"; +} + +.mdi-chart-gantt:before { + content: "\F66C"; +} + +.mdi-chart-histogram:before { + content: "\F129"; +} + +.mdi-chart-line:before { + content: "\F12A"; +} + +.mdi-chart-pie:before { + content: "\F12B"; +} + +.mdi-chart-scatterplot-hexbin:before { + content: "\F66D"; +} + +.mdi-chart-timeline:before { + content: "\F66E"; +} + +.mdi-check:before { + content: "\F12C"; +} + +.mdi-check-all:before { + content: "\F12D"; +} + +.mdi-check-circle:before { + content: "\F5E0"; +} + +.mdi-check-circle-outline:before { + content: "\F5E1"; +} + +.mdi-checkbox-blank:before { + content: "\F12E"; +} + +.mdi-checkbox-blank-circle:before { + content: "\F12F"; +} + +.mdi-checkbox-blank-circle-outline:before { + content: "\F130"; +} + +.mdi-checkbox-blank-outline:before { + content: "\F131"; +} + +.mdi-checkbox-marked:before { + content: "\F132"; +} + +.mdi-checkbox-marked-circle:before { + content: "\F133"; +} + +.mdi-checkbox-marked-circle-outline:before { + content: "\F134"; +} + +.mdi-checkbox-marked-outline:before { + content: "\F135"; +} + +.mdi-checkbox-multiple-blank:before { + content: "\F136"; +} + +.mdi-checkbox-multiple-blank-circle:before { + content: "\F63B"; +} + +.mdi-checkbox-multiple-blank-circle-outline:before { + content: "\F63C"; +} + +.mdi-checkbox-multiple-blank-outline:before { + content: "\F137"; +} + +.mdi-checkbox-multiple-marked:before { + content: "\F138"; +} + +.mdi-checkbox-multiple-marked-circle:before { + content: "\F63D"; +} + +.mdi-checkbox-multiple-marked-circle-outline:before { + content: "\F63E"; +} + +.mdi-checkbox-multiple-marked-outline:before { + content: "\F139"; +} + +.mdi-checkerboard:before { + content: "\F13A"; +} + +.mdi-chemical-weapon:before { + content: "\F13B"; +} + +.mdi-chevron-double-down:before { + content: "\F13C"; +} + +.mdi-chevron-double-left:before { + content: "\F13D"; +} + +.mdi-chevron-double-right:before { + content: "\F13E"; +} + +.mdi-chevron-double-up:before { + content: "\F13F"; +} + +.mdi-chevron-down:before { + content: "\F140"; +} + +.mdi-chevron-left:before { + content: "\F141"; +} + +.mdi-chevron-right:before { + content: "\F142"; +} + +.mdi-chevron-up:before { + content: "\F143"; +} + +.mdi-chip:before { + content: "\F61A"; +} + +.mdi-church:before { + content: "\F144"; +} + +.mdi-cisco-webex:before { + content: "\F145"; +} + +.mdi-city:before { + content: "\F146"; +} + +.mdi-clipboard:before { + content: "\F147"; +} + +.mdi-clipboard-account:before { + content: "\F148"; +} + +.mdi-clipboard-alert:before { + content: "\F149"; +} + +.mdi-clipboard-arrow-down:before { + content: "\F14A"; +} + +.mdi-clipboard-arrow-left:before { + content: "\F14B"; +} + +.mdi-clipboard-check:before { + content: "\F14C"; +} + +.mdi-clipboard-flow:before { + content: "\F6C7"; +} + +.mdi-clipboard-outline:before { + content: "\F14D"; +} + +.mdi-clipboard-text:before { + content: "\F14E"; +} + +.mdi-clippy:before { + content: "\F14F"; +} + +.mdi-clock:before { + content: "\F150"; +} + +.mdi-clock-alert:before { + content: "\F5CE"; +} + +.mdi-clock-end:before { + content: "\F151"; +} + +.mdi-clock-fast:before { + content: "\F152"; +} + +.mdi-clock-in:before { + content: "\F153"; +} + +.mdi-clock-out:before { + content: "\F154"; +} + +.mdi-clock-start:before { + content: "\F155"; +} + +.mdi-close:before { + content: "\F156"; +} + +.mdi-close-box:before { + content: "\F157"; +} + +.mdi-close-box-outline:before { + content: "\F158"; +} + +.mdi-close-circle:before { + content: "\F159"; +} + +.mdi-close-circle-outline:before { + content: "\F15A"; +} + +.mdi-close-network:before { + content: "\F15B"; +} + +.mdi-close-octagon:before { + content: "\F15C"; +} + +.mdi-close-octagon-outline:before { + content: "\F15D"; +} + +.mdi-close-outline:before { + content: "\F6C8"; +} + +.mdi-closed-caption:before { + content: "\F15E"; +} + +.mdi-cloud:before { + content: "\F15F"; +} + +.mdi-cloud-check:before { + content: "\F160"; +} + +.mdi-cloud-circle:before { + content: "\F161"; +} + +.mdi-cloud-download:before { + content: "\F162"; +} + +.mdi-cloud-outline:before { + content: "\F163"; +} + +.mdi-cloud-outline-off:before { + content: "\F164"; +} + +.mdi-cloud-print:before { + content: "\F165"; +} + +.mdi-cloud-print-outline:before { + content: "\F166"; +} + +.mdi-cloud-sync:before { + content: "\F63F"; +} + +.mdi-cloud-upload:before { + content: "\F167"; +} + +.mdi-code-array:before { + content: "\F168"; +} + +.mdi-code-braces:before { + content: "\F169"; +} + +.mdi-code-brackets:before { + content: "\F16A"; +} + +.mdi-code-equal:before { + content: "\F16B"; +} + +.mdi-code-greater-than:before { + content: "\F16C"; +} + +.mdi-code-greater-than-or-equal:before { + content: "\F16D"; +} + +.mdi-code-less-than:before { + content: "\F16E"; +} + +.mdi-code-less-than-or-equal:before { + content: "\F16F"; +} + +.mdi-code-not-equal:before { + content: "\F170"; +} + +.mdi-code-not-equal-variant:before { + content: "\F171"; +} + +.mdi-code-parentheses:before { + content: "\F172"; +} + +.mdi-code-string:before { + content: "\F173"; +} + +.mdi-code-tags:before { + content: "\F174"; +} + +.mdi-code-tags-check:before { + content: "\F693"; +} + +.mdi-codepen:before { + content: "\F175"; +} + +.mdi-coffee:before { + content: "\F176"; +} + +.mdi-coffee-outline:before { + content: "\F6C9"; +} + +.mdi-coffee-to-go:before { + content: "\F177"; +} + +.mdi-coin:before { + content: "\F178"; +} + +.mdi-coins:before { + content: "\F694"; +} + +.mdi-collage:before { + content: "\F640"; +} + +.mdi-color-helper:before { + content: "\F179"; +} + +.mdi-comment:before { + content: "\F17A"; +} + +.mdi-comment-account:before { + content: "\F17B"; +} + +.mdi-comment-account-outline:before { + content: "\F17C"; +} + +.mdi-comment-alert:before { + content: "\F17D"; +} + +.mdi-comment-alert-outline:before { + content: "\F17E"; +} + +.mdi-comment-check:before { + content: "\F17F"; +} + +.mdi-comment-check-outline:before { + content: "\F180"; +} + +.mdi-comment-multiple-outline:before { + content: "\F181"; +} + +.mdi-comment-outline:before { + content: "\F182"; +} + +.mdi-comment-plus-outline:before { + content: "\F183"; +} + +.mdi-comment-processing:before { + content: "\F184"; +} + +.mdi-comment-processing-outline:before { + content: "\F185"; +} + +.mdi-comment-question-outline:before { + content: "\F186"; +} + +.mdi-comment-remove-outline:before { + content: "\F187"; +} + +.mdi-comment-text:before { + content: "\F188"; +} + +.mdi-comment-text-outline:before { + content: "\F189"; +} + +.mdi-compare:before { + content: "\F18A"; +} + +.mdi-compass:before { + content: "\F18B"; +} + +.mdi-compass-outline:before { + content: "\F18C"; +} + +.mdi-console:before { + content: "\F18D"; +} + +.mdi-contact-mail:before { + content: "\F18E"; +} + +.mdi-contacts:before { + content: "\F6CA"; +} + +.mdi-content-copy:before { + content: "\F18F"; +} + +.mdi-content-cut:before { + content: "\F190"; +} + +.mdi-content-duplicate:before { + content: "\F191"; +} + +.mdi-content-paste:before { + content: "\F192"; +} + +.mdi-content-save:before { + content: "\F193"; +} + +.mdi-content-save-all:before { + content: "\F194"; +} + +.mdi-content-save-settings:before { + content: "\F61B"; +} + +.mdi-contrast:before { + content: "\F195"; +} + +.mdi-contrast-box:before { + content: "\F196"; +} + +.mdi-contrast-circle:before { + content: "\F197"; +} + +.mdi-cookie:before { + content: "\F198"; +} + +.mdi-copyright:before { + content: "\F5E6"; +} + +.mdi-counter:before { + content: "\F199"; +} + +.mdi-cow:before { + content: "\F19A"; +} + +.mdi-creation:before { + content: "\F1C9"; +} + +.mdi-credit-card:before { + content: "\F19B"; +} + +.mdi-credit-card-multiple:before { + content: "\F19C"; +} + +.mdi-credit-card-off:before { + content: "\F5E4"; +} + +.mdi-credit-card-plus:before { + content: "\F675"; +} + +.mdi-credit-card-scan:before { + content: "\F19D"; +} + +.mdi-crop:before { + content: "\F19E"; +} + +.mdi-crop-free:before { + content: "\F19F"; +} + +.mdi-crop-landscape:before { + content: "\F1A0"; +} + +.mdi-crop-portrait:before { + content: "\F1A1"; +} + +.mdi-crop-rotate:before { + content: "\F695"; +} + +.mdi-crop-square:before { + content: "\F1A2"; +} + +.mdi-crosshairs:before { + content: "\F1A3"; +} + +.mdi-crosshairs-gps:before { + content: "\F1A4"; +} + +.mdi-crown:before { + content: "\F1A5"; +} + +.mdi-cube:before { + content: "\F1A6"; +} + +.mdi-cube-outline:before { + content: "\F1A7"; +} + +.mdi-cube-send:before { + content: "\F1A8"; +} + +.mdi-cube-unfolded:before { + content: "\F1A9"; +} + +.mdi-cup:before { + content: "\F1AA"; +} + +.mdi-cup-off:before { + content: "\F5E5"; +} + +.mdi-cup-water:before { + content: "\F1AB"; +} + +.mdi-currency-btc:before { + content: "\F1AC"; +} + +.mdi-currency-eur:before { + content: "\F1AD"; +} + +.mdi-currency-gbp:before { + content: "\F1AE"; +} + +.mdi-currency-inr:before { + content: "\F1AF"; +} + +.mdi-currency-ngn:before { + content: "\F1B0"; +} + +.mdi-currency-rub:before { + content: "\F1B1"; +} + +.mdi-currency-try:before { + content: "\F1B2"; +} + +.mdi-currency-usd:before { + content: "\F1B3"; +} + +.mdi-currency-usd-off:before { + content: "\F679"; +} + +.mdi-cursor-default:before { + content: "\F1B4"; +} + +.mdi-cursor-default-outline:before { + content: "\F1B5"; +} + +.mdi-cursor-move:before { + content: "\F1B6"; +} + +.mdi-cursor-pointer:before { + content: "\F1B7"; +} + +.mdi-cursor-text:before { + content: "\F5E7"; +} + +.mdi-database:before { + content: "\F1B8"; +} + +.mdi-database-minus:before { + content: "\F1B9"; +} + +.mdi-database-plus:before { + content: "\F1BA"; +} + +.mdi-debug-step-into:before { + content: "\F1BB"; +} + +.mdi-debug-step-out:before { + content: "\F1BC"; +} + +.mdi-debug-step-over:before { + content: "\F1BD"; +} + +.mdi-decimal-decrease:before { + content: "\F1BE"; +} + +.mdi-decimal-increase:before { + content: "\F1BF"; +} + +.mdi-delete:before { + content: "\F1C0"; +} + +.mdi-delete-circle:before { + content: "\F682"; +} + +.mdi-delete-empty:before { + content: "\F6CB"; +} + +.mdi-delete-forever:before { + content: "\F5E8"; +} + +.mdi-delete-sweep:before { + content: "\F5E9"; +} + +.mdi-delete-variant:before { + content: "\F1C1"; +} + +.mdi-delta:before { + content: "\F1C2"; +} + +.mdi-deskphone:before { + content: "\F1C3"; +} + +.mdi-desktop-mac:before { + content: "\F1C4"; +} + +.mdi-desktop-tower:before { + content: "\F1C5"; +} + +.mdi-details:before { + content: "\F1C6"; +} + +.mdi-developer-board:before { + content: "\F696"; +} + +.mdi-deviantart:before { + content: "\F1C7"; +} + +.mdi-dialpad:before { + content: "\F61C"; +} + +.mdi-diamond:before { + content: "\F1C8"; +} + +.mdi-dice-1:before { + content: "\F1CA"; +} + +.mdi-dice-2:before { + content: "\F1CB"; +} + +.mdi-dice-3:before { + content: "\F1CC"; +} + +.mdi-dice-4:before { + content: "\F1CD"; +} + +.mdi-dice-5:before { + content: "\F1CE"; +} + +.mdi-dice-6:before { + content: "\F1CF"; +} + +.mdi-dice-d20:before { + content: "\F5EA"; +} + +.mdi-dice-d4:before { + content: "\F5EB"; +} + +.mdi-dice-d6:before { + content: "\F5EC"; +} + +.mdi-dice-d8:before { + content: "\F5ED"; +} + +.mdi-dictionary:before { + content: "\F61D"; +} + +.mdi-directions:before { + content: "\F1D0"; +} + +.mdi-directions-fork:before { + content: "\F641"; +} + +.mdi-discord:before { + content: "\F66F"; +} + +.mdi-disk:before { + content: "\F5EE"; +} + +.mdi-disk-alert:before { + content: "\F1D1"; +} + +.mdi-disqus:before { + content: "\F1D2"; +} + +.mdi-disqus-outline:before { + content: "\F1D3"; +} + +.mdi-division:before { + content: "\F1D4"; +} + +.mdi-division-box:before { + content: "\F1D5"; +} + +.mdi-dna:before { + content: "\F683"; +} + +.mdi-dns:before { + content: "\F1D6"; +} + +.mdi-do-not-disturb:before { + content: "\F697"; +} + +.mdi-do-not-disturb-off:before { + content: "\F698"; +} + +.mdi-dolby:before { + content: "\F6B2"; +} + +.mdi-domain:before { + content: "\F1D7"; +} + +.mdi-dots-horizontal:before { + content: "\F1D8"; +} + +.mdi-dots-vertical:before { + content: "\F1D9"; +} + +.mdi-douban:before { + content: "\F699"; +} + +.mdi-download:before { + content: "\F1DA"; +} + +.mdi-drag:before { + content: "\F1DB"; +} + +.mdi-drag-horizontal:before { + content: "\F1DC"; +} + +.mdi-drag-vertical:before { + content: "\F1DD"; +} + +.mdi-drawing:before { + content: "\F1DE"; +} + +.mdi-drawing-box:before { + content: "\F1DF"; +} + +.mdi-dribbble:before { + content: "\F1E0"; +} + +.mdi-dribbble-box:before { + content: "\F1E1"; +} + +.mdi-drone:before { + content: "\F1E2"; +} + +.mdi-dropbox:before { + content: "\F1E3"; +} + +.mdi-drupal:before { + content: "\F1E4"; +} + +.mdi-duck:before { + content: "\F1E5"; +} + +.mdi-dumbbell:before { + content: "\F1E6"; +} + +.mdi-earth:before { + content: "\F1E7"; +} + +.mdi-earth-box:before { + content: "\F6CC"; +} + +.mdi-earth-box-off:before { + content: "\F6CD"; +} + +.mdi-earth-off:before { + content: "\F1E8"; +} + +.mdi-edge:before { + content: "\F1E9"; +} + +.mdi-eject:before { + content: "\F1EA"; +} + +.mdi-elevation-decline:before { + content: "\F1EB"; +} + +.mdi-elevation-rise:before { + content: "\F1EC"; +} + +.mdi-elevator:before { + content: "\F1ED"; +} + +.mdi-email:before { + content: "\F1EE"; +} + +.mdi-email-alert:before { + content: "\F6CE"; +} + +.mdi-email-open:before { + content: "\F1EF"; +} + +.mdi-email-open-outline:before { + content: "\F5EF"; +} + +.mdi-email-outline:before { + content: "\F1F0"; +} + +.mdi-email-secure:before { + content: "\F1F1"; +} + +.mdi-email-variant:before { + content: "\F5F0"; +} + +.mdi-emby:before { + content: "\F6B3"; +} + +.mdi-emoticon:before { + content: "\F1F2"; +} + +.mdi-emoticon-cool:before { + content: "\F1F3"; +} + +.mdi-emoticon-dead:before { + content: "\F69A"; +} + +.mdi-emoticon-devil:before { + content: "\F1F4"; +} + +.mdi-emoticon-excited:before { + content: "\F69B"; +} + +.mdi-emoticon-happy:before { + content: "\F1F5"; +} + +.mdi-emoticon-neutral:before { + content: "\F1F6"; +} + +.mdi-emoticon-poop:before { + content: "\F1F7"; +} + +.mdi-emoticon-sad:before { + content: "\F1F8"; +} + +.mdi-emoticon-tongue:before { + content: "\F1F9"; +} + +.mdi-engine:before { + content: "\F1FA"; +} + +.mdi-engine-outline:before { + content: "\F1FB"; +} + +.mdi-equal:before { + content: "\F1FC"; +} + +.mdi-equal-box:before { + content: "\F1FD"; +} + +.mdi-eraser:before { + content: "\F1FE"; +} + +.mdi-eraser-variant:before { + content: "\F642"; +} + +.mdi-escalator:before { + content: "\F1FF"; +} + +.mdi-ethernet:before { + content: "\F200"; +} + +.mdi-ethernet-cable:before { + content: "\F201"; +} + +.mdi-ethernet-cable-off:before { + content: "\F202"; +} + +.mdi-etsy:before { + content: "\F203"; +} + +.mdi-ev-station:before { + content: "\F5F1"; +} + +.mdi-evernote:before { + content: "\F204"; +} + +.mdi-exclamation:before { + content: "\F205"; +} + +.mdi-exit-to-app:before { + content: "\F206"; +} + +.mdi-export:before { + content: "\F207"; +} + +.mdi-eye:before { + content: "\F208"; +} + +.mdi-eye-off:before { + content: "\F209"; +} + +.mdi-eye-outline:before { + content: "\F6CF"; +} + +.mdi-eye-outline-off:before { + content: "\F6D0"; +} + +.mdi-eyedropper:before { + content: "\F20A"; +} + +.mdi-eyedropper-variant:before { + content: "\F20B"; +} + +.mdi-face:before { + content: "\F643"; +} + +.mdi-face-profile:before { + content: "\F644"; +} + +.mdi-facebook:before { + content: "\F20C"; +} + +.mdi-facebook-box:before { + content: "\F20D"; +} + +.mdi-facebook-messenger:before { + content: "\F20E"; +} + +.mdi-factory:before { + content: "\F20F"; +} + +.mdi-fan:before { + content: "\F210"; +} + +.mdi-fast-forward:before { + content: "\F211"; +} + +.mdi-fast-forward-outline:before { + content: "\F6D1"; +} + +.mdi-fax:before { + content: "\F212"; +} + +.mdi-feather:before { + content: "\F6D2"; +} + +.mdi-ferry:before { + content: "\F213"; +} + +.mdi-file:before { + content: "\F214"; +} + +.mdi-file-chart:before { + content: "\F215"; +} + +.mdi-file-check:before { + content: "\F216"; +} + +.mdi-file-cloud:before { + content: "\F217"; +} + +.mdi-file-delimited:before { + content: "\F218"; +} + +.mdi-file-document:before { + content: "\F219"; +} + +.mdi-file-document-box:before { + content: "\F21A"; +} + +.mdi-file-excel:before { + content: "\F21B"; +} + +.mdi-file-excel-box:before { + content: "\F21C"; +} + +.mdi-file-export:before { + content: "\F21D"; +} + +.mdi-file-find:before { + content: "\F21E"; +} + +.mdi-file-hidden:before { + content: "\F613"; +} + +.mdi-file-image:before { + content: "\F21F"; +} + +.mdi-file-import:before { + content: "\F220"; +} + +.mdi-file-lock:before { + content: "\F221"; +} + +.mdi-file-multiple:before { + content: "\F222"; +} + +.mdi-file-music:before { + content: "\F223"; +} + +.mdi-file-outline:before { + content: "\F224"; +} + +.mdi-file-pdf:before { + content: "\F225"; +} + +.mdi-file-pdf-box:before { + content: "\F226"; +} + +.mdi-file-powerpoint:before { + content: "\F227"; +} + +.mdi-file-powerpoint-box:before { + content: "\F228"; +} + +.mdi-file-presentation-box:before { + content: "\F229"; +} + +.mdi-file-restore:before { + content: "\F670"; +} + +.mdi-file-send:before { + content: "\F22A"; +} + +.mdi-file-tree:before { + content: "\F645"; +} + +.mdi-file-video:before { + content: "\F22B"; +} + +.mdi-file-word:before { + content: "\F22C"; +} + +.mdi-file-word-box:before { + content: "\F22D"; +} + +.mdi-file-xml:before { + content: "\F22E"; +} + +.mdi-film:before { + content: "\F22F"; +} + +.mdi-filmstrip:before { + content: "\F230"; +} + +.mdi-filmstrip-off:before { + content: "\F231"; +} + +.mdi-filter:before { + content: "\F232"; +} + +.mdi-filter-outline:before { + content: "\F233"; +} + +.mdi-filter-remove:before { + content: "\F234"; +} + +.mdi-filter-remove-outline:before { + content: "\F235"; +} + +.mdi-filter-variant:before { + content: "\F236"; +} + +.mdi-find-replace:before { + content: "\F6D3"; +} + +.mdi-fingerprint:before { + content: "\F237"; +} + +.mdi-fire:before { + content: "\F238"; +} + +.mdi-firefox:before { + content: "\F239"; +} + +.mdi-fish:before { + content: "\F23A"; +} + +.mdi-flag:before { + content: "\F23B"; +} + +.mdi-flag-checkered:before { + content: "\F23C"; +} + +.mdi-flag-outline:before { + content: "\F23D"; +} + +.mdi-flag-outline-variant:before { + content: "\F23E"; +} + +.mdi-flag-triangle:before { + content: "\F23F"; +} + +.mdi-flag-variant:before { + content: "\F240"; +} + +.mdi-flash:before { + content: "\F241"; +} + +.mdi-flash-auto:before { + content: "\F242"; +} + +.mdi-flash-off:before { + content: "\F243"; +} + +.mdi-flash-outline:before { + content: "\F6D4"; +} + +.mdi-flash-red-eye:before { + content: "\F67A"; +} + +.mdi-flashlight:before { + content: "\F244"; +} + +.mdi-flashlight-off:before { + content: "\F245"; +} + +.mdi-flask:before { + content: "\F093"; +} + +.mdi-flask-empty:before { + content: "\F094"; +} + +.mdi-flask-empty-outline:before { + content: "\F095"; +} + +.mdi-flask-outline:before { + content: "\F096"; +} + +.mdi-flattr:before { + content: "\F246"; +} + +.mdi-flip-to-back:before { + content: "\F247"; +} + +.mdi-flip-to-front:before { + content: "\F248"; +} + +.mdi-floppy:before { + content: "\F249"; +} + +.mdi-flower:before { + content: "\F24A"; +} + +.mdi-folder:before { + content: "\F24B"; +} + +.mdi-folder-account:before { + content: "\F24C"; +} + +.mdi-folder-download:before { + content: "\F24D"; +} + +.mdi-folder-google-drive:before { + content: "\F24E"; +} + +.mdi-folder-image:before { + content: "\F24F"; +} + +.mdi-folder-lock:before { + content: "\F250"; +} + +.mdi-folder-lock-open:before { + content: "\F251"; +} + +.mdi-folder-move:before { + content: "\F252"; +} + +.mdi-folder-multiple:before { + content: "\F253"; +} + +.mdi-folder-multiple-image:before { + content: "\F254"; +} + +.mdi-folder-multiple-outline:before { + content: "\F255"; +} + +.mdi-folder-outline:before { + content: "\F256"; +} + +.mdi-folder-plus:before { + content: "\F257"; +} + +.mdi-folder-remove:before { + content: "\F258"; +} + +.mdi-folder-star:before { + content: "\F69C"; +} + +.mdi-folder-upload:before { + content: "\F259"; +} + +.mdi-font-awesome:before { + content: "\F03A"; +} + +.mdi-food:before { + content: "\F25A"; +} + +.mdi-food-apple:before { + content: "\F25B"; +} + +.mdi-food-fork-drink:before { + content: "\F5F2"; +} + +.mdi-food-off:before { + content: "\F5F3"; +} + +.mdi-food-variant:before { + content: "\F25C"; +} + +.mdi-football:before { + content: "\F25D"; +} + +.mdi-football-australian:before { + content: "\F25E"; +} + +.mdi-football-helmet:before { + content: "\F25F"; +} + +.mdi-format-align-center:before { + content: "\F260"; +} + +.mdi-format-align-justify:before { + content: "\F261"; +} + +.mdi-format-align-left:before { + content: "\F262"; +} + +.mdi-format-align-right:before { + content: "\F263"; +} + +.mdi-format-annotation-plus:before { + content: "\F646"; +} + +.mdi-format-bold:before { + content: "\F264"; +} + +.mdi-format-clear:before { + content: "\F265"; +} + +.mdi-format-color-fill:before { + content: "\F266"; +} + +.mdi-format-color-text:before { + content: "\F69D"; +} + +.mdi-format-float-center:before { + content: "\F267"; +} + +.mdi-format-float-left:before { + content: "\F268"; +} + +.mdi-format-float-none:before { + content: "\F269"; +} + +.mdi-format-float-right:before { + content: "\F26A"; +} + +.mdi-format-font:before { + content: "\F6D5"; +} + +.mdi-format-header-1:before { + content: "\F26B"; +} + +.mdi-format-header-2:before { + content: "\F26C"; +} + +.mdi-format-header-3:before { + content: "\F26D"; +} + +.mdi-format-header-4:before { + content: "\F26E"; +} + +.mdi-format-header-5:before { + content: "\F26F"; +} + +.mdi-format-header-6:before { + content: "\F270"; +} + +.mdi-format-header-decrease:before { + content: "\F271"; +} + +.mdi-format-header-equal:before { + content: "\F272"; +} + +.mdi-format-header-increase:before { + content: "\F273"; +} + +.mdi-format-header-pound:before { + content: "\F274"; +} + +.mdi-format-horizontal-align-center:before { + content: "\F61E"; +} + +.mdi-format-horizontal-align-left:before { + content: "\F61F"; +} + +.mdi-format-horizontal-align-right:before { + content: "\F620"; +} + +.mdi-format-indent-decrease:before { + content: "\F275"; +} + +.mdi-format-indent-increase:before { + content: "\F276"; +} + +.mdi-format-italic:before { + content: "\F277"; +} + +.mdi-format-line-spacing:before { + content: "\F278"; +} + +.mdi-format-line-style:before { + content: "\F5C8"; +} + +.mdi-format-line-weight:before { + content: "\F5C9"; +} + +.mdi-format-list-bulleted:before { + content: "\F279"; +} + +.mdi-format-list-bulleted-type:before { + content: "\F27A"; +} + +.mdi-format-list-numbers:before { + content: "\F27B"; +} + +.mdi-format-page-break:before { + content: "\F6D6"; +} + +.mdi-format-paint:before { + content: "\F27C"; +} + +.mdi-format-paragraph:before { + content: "\F27D"; +} + +.mdi-format-pilcrow:before { + content: "\F6D7"; +} + +.mdi-format-quote:before { + content: "\F27E"; +} + +.mdi-format-rotate-90:before { + content: "\F6A9"; +} + +.mdi-format-section:before { + content: "\F69E"; +} + +.mdi-format-size:before { + content: "\F27F"; +} + +.mdi-format-strikethrough:before { + content: "\F280"; +} + +.mdi-format-strikethrough-variant:before { + content: "\F281"; +} + +.mdi-format-subscript:before { + content: "\F282"; +} + +.mdi-format-superscript:before { + content: "\F283"; +} + +.mdi-format-text:before { + content: "\F284"; +} + +.mdi-format-textdirection-l-to-r:before { + content: "\F285"; +} + +.mdi-format-textdirection-r-to-l:before { + content: "\F286"; +} + +.mdi-format-title:before { + content: "\F5F4"; +} + +.mdi-format-underline:before { + content: "\F287"; +} + +.mdi-format-vertical-align-bottom:before { + content: "\F621"; +} + +.mdi-format-vertical-align-center:before { + content: "\F622"; +} + +.mdi-format-vertical-align-top:before { + content: "\F623"; +} + +.mdi-format-wrap-inline:before { + content: "\F288"; +} + +.mdi-format-wrap-square:before { + content: "\F289"; +} + +.mdi-format-wrap-tight:before { + content: "\F28A"; +} + +.mdi-format-wrap-top-bottom:before { + content: "\F28B"; +} + +.mdi-forum:before { + content: "\F28C"; +} + +.mdi-forward:before { + content: "\F28D"; +} + +.mdi-foursquare:before { + content: "\F28E"; +} + +.mdi-fridge:before { + content: "\F28F"; +} + +.mdi-fridge-filled:before { + content: "\F290"; +} + +.mdi-fridge-filled-bottom:before { + content: "\F291"; +} + +.mdi-fridge-filled-top:before { + content: "\F292"; +} + +.mdi-fullscreen:before { + content: "\F293"; +} + +.mdi-fullscreen-exit:before { + content: "\F294"; +} + +.mdi-function:before { + content: "\F295"; +} + +.mdi-gamepad:before { + content: "\F296"; +} + +.mdi-gamepad-variant:before { + content: "\F297"; +} + +.mdi-garage:before { + content: "\F6D8"; +} + +.mdi-garage-open:before { + content: "\F6D9"; +} + +.mdi-gas-cylinder:before { + content: "\F647"; +} + +.mdi-gas-station:before { + content: "\F298"; +} + +.mdi-gate:before { + content: "\F299"; +} + +.mdi-gauge:before { + content: "\F29A"; +} + +.mdi-gavel:before { + content: "\F29B"; +} + +.mdi-gender-female:before { + content: "\F29C"; +} + +.mdi-gender-male:before { + content: "\F29D"; +} + +.mdi-gender-male-female:before { + content: "\F29E"; +} + +.mdi-gender-transgender:before { + content: "\F29F"; +} + +.mdi-ghost:before { + content: "\F2A0"; +} + +.mdi-gift:before { + content: "\F2A1"; +} + +.mdi-git:before { + content: "\F2A2"; +} + +.mdi-github-box:before { + content: "\F2A3"; +} + +.mdi-github-circle:before { + content: "\F2A4"; +} + +.mdi-github-face:before { + content: "\F6DA"; +} + +.mdi-glass-flute:before { + content: "\F2A5"; +} + +.mdi-glass-mug:before { + content: "\F2A6"; +} + +.mdi-glass-stange:before { + content: "\F2A7"; +} + +.mdi-glass-tulip:before { + content: "\F2A8"; +} + +.mdi-glassdoor:before { + content: "\F2A9"; +} + +.mdi-glasses:before { + content: "\F2AA"; +} + +.mdi-gmail:before { + content: "\F2AB"; +} + +.mdi-gnome:before { + content: "\F2AC"; +} + +.mdi-gondola:before { + content: "\F685"; +} + +.mdi-google:before { + content: "\F2AD"; +} + +.mdi-google-cardboard:before { + content: "\F2AE"; +} + +.mdi-google-chrome:before { + content: "\F2AF"; +} + +.mdi-google-circles:before { + content: "\F2B0"; +} + +.mdi-google-circles-communities:before { + content: "\F2B1"; +} + +.mdi-google-circles-extended:before { + content: "\F2B2"; +} + +.mdi-google-circles-group:before { + content: "\F2B3"; +} + +.mdi-google-controller:before { + content: "\F2B4"; +} + +.mdi-google-controller-off:before { + content: "\F2B5"; +} + +.mdi-google-drive:before { + content: "\F2B6"; +} + +.mdi-google-earth:before { + content: "\F2B7"; +} + +.mdi-google-glass:before { + content: "\F2B8"; +} + +.mdi-google-keep:before { + content: "\F6DB"; +} + +.mdi-google-maps:before { + content: "\F5F5"; +} + +.mdi-google-nearby:before { + content: "\F2B9"; +} + +.mdi-google-pages:before { + content: "\F2BA"; +} + +.mdi-google-photos:before { + content: "\F6DC"; +} + +.mdi-google-physical-web:before { + content: "\F2BB"; +} + +.mdi-google-play:before { + content: "\F2BC"; +} + +.mdi-google-plus:before { + content: "\F2BD"; +} + +.mdi-google-plus-box:before { + content: "\F2BE"; +} + +.mdi-google-translate:before { + content: "\F2BF"; +} + +.mdi-google-wallet:before { + content: "\F2C0"; +} + +.mdi-gradient:before { + content: "\F69F"; +} + +.mdi-grease-pencil:before { + content: "\F648"; +} + +.mdi-grid:before { + content: "\F2C1"; +} + +.mdi-grid-off:before { + content: "\F2C2"; +} + +.mdi-group:before { + content: "\F2C3"; +} + +.mdi-guitar-electric:before { + content: "\F2C4"; +} + +.mdi-guitar-pick:before { + content: "\F2C5"; +} + +.mdi-guitar-pick-outline:before { + content: "\F2C6"; +} + +.mdi-hackernews:before { + content: "\F624"; +} + +.mdi-hamburger:before { + content: "\F684"; +} + +.mdi-hand-pointing-right:before { + content: "\F2C7"; +} + +.mdi-hanger:before { + content: "\F2C8"; +} + +.mdi-hangouts:before { + content: "\F2C9"; +} + +.mdi-harddisk:before { + content: "\F2CA"; +} + +.mdi-headphones:before { + content: "\F2CB"; +} + +.mdi-headphones-box:before { + content: "\F2CC"; +} + +.mdi-headphones-settings:before { + content: "\F2CD"; +} + +.mdi-headset:before { + content: "\F2CE"; +} + +.mdi-headset-dock:before { + content: "\F2CF"; +} + +.mdi-headset-off:before { + content: "\F2D0"; +} + +.mdi-heart:before { + content: "\F2D1"; +} + +.mdi-heart-box:before { + content: "\F2D2"; +} + +.mdi-heart-box-outline:before { + content: "\F2D3"; +} + +.mdi-heart-broken:before { + content: "\F2D4"; +} + +.mdi-heart-half-outline:before { + content: "\F6DD"; +} + +.mdi-heart-half-part:before { + content: "\F6DE"; +} + +.mdi-heart-half-part-outline:before { + content: "\F6DF"; +} + +.mdi-heart-outline:before { + content: "\F2D5"; +} + +.mdi-heart-pulse:before { + content: "\F5F6"; +} + +.mdi-help:before { + content: "\F2D6"; +} + +.mdi-help-circle:before { + content: "\F2D7"; +} + +.mdi-help-circle-outline:before { + content: "\F625"; +} + +.mdi-hexagon:before { + content: "\F2D8"; +} + +.mdi-hexagon-multiple:before { + content: "\F6E0"; +} + +.mdi-hexagon-outline:before { + content: "\F2D9"; +} + +.mdi-highway:before { + content: "\F5F7"; +} + +.mdi-history:before { + content: "\F2DA"; +} + +.mdi-hololens:before { + content: "\F2DB"; +} + +.mdi-home:before { + content: "\F2DC"; +} + +.mdi-home-map-marker:before { + content: "\F5F8"; +} + +.mdi-home-modern:before { + content: "\F2DD"; +} + +.mdi-home-outline:before { + content: "\F6A0"; +} + +.mdi-home-variant:before { + content: "\F2DE"; +} + +.mdi-hook:before { + content: "\F6E1"; +} + +.mdi-hook-off:before { + content: "\F6E2"; +} + +.mdi-hops:before { + content: "\F2DF"; +} + +.mdi-hospital:before { + content: "\F2E0"; +} + +.mdi-hospital-building:before { + content: "\F2E1"; +} + +.mdi-hospital-marker:before { + content: "\F2E2"; +} + +.mdi-hotel:before { + content: "\F2E3"; +} + +.mdi-houzz:before { + content: "\F2E4"; +} + +.mdi-houzz-box:before { + content: "\F2E5"; +} + +.mdi-human:before { + content: "\F2E6"; +} + +.mdi-human-child:before { + content: "\F2E7"; +} + +.mdi-human-female:before { + content: "\F649"; +} + +.mdi-human-greeting:before { + content: "\F64A"; +} + +.mdi-human-handsdown:before { + content: "\F64B"; +} + +.mdi-human-handsup:before { + content: "\F64C"; +} + +.mdi-human-male:before { + content: "\F64D"; +} + +.mdi-human-male-female:before { + content: "\F2E8"; +} + +.mdi-human-pregnant:before { + content: "\F5CF"; +} + +.mdi-image:before { + content: "\F2E9"; +} + +.mdi-image-album:before { + content: "\F2EA"; +} + +.mdi-image-area:before { + content: "\F2EB"; +} + +.mdi-image-area-close:before { + content: "\F2EC"; +} + +.mdi-image-broken:before { + content: "\F2ED"; +} + +.mdi-image-broken-variant:before { + content: "\F2EE"; +} + +.mdi-image-filter:before { + content: "\F2EF"; +} + +.mdi-image-filter-black-white:before { + content: "\F2F0"; +} + +.mdi-image-filter-center-focus:before { + content: "\F2F1"; +} + +.mdi-image-filter-center-focus-weak:before { + content: "\F2F2"; +} + +.mdi-image-filter-drama:before { + content: "\F2F3"; +} + +.mdi-image-filter-frames:before { + content: "\F2F4"; +} + +.mdi-image-filter-hdr:before { + content: "\F2F5"; +} + +.mdi-image-filter-none:before { + content: "\F2F6"; +} + +.mdi-image-filter-tilt-shift:before { + content: "\F2F7"; +} + +.mdi-image-filter-vintage:before { + content: "\F2F8"; +} + +.mdi-image-multiple:before { + content: "\F2F9"; +} + +.mdi-import:before { + content: "\F2FA"; +} + +.mdi-inbox:before { + content: "\F686"; +} + +.mdi-inbox-arrow-down:before { + content: "\F2FB"; +} + +.mdi-inbox-arrow-up:before { + content: "\F3D1"; +} + +.mdi-incognito:before { + content: "\F5F9"; +} + +.mdi-infinity:before { + content: "\F6E3"; +} + +.mdi-information:before { + content: "\F2FC"; +} + +.mdi-information-outline:before { + content: "\F2FD"; +} + +.mdi-information-variant:before { + content: "\F64E"; +} + +.mdi-instagram:before { + content: "\F2FE"; +} + +.mdi-instapaper:before { + content: "\F2FF"; +} + +.mdi-internet-explorer:before { + content: "\F300"; +} + +.mdi-invert-colors:before { + content: "\F301"; +} + +.mdi-itunes:before { + content: "\F676"; +} + +.mdi-jeepney:before { + content: "\F302"; +} + +.mdi-jira:before { + content: "\F303"; +} + +.mdi-jsfiddle:before { + content: "\F304"; +} + +.mdi-json:before { + content: "\F626"; +} + +.mdi-keg:before { + content: "\F305"; +} + +.mdi-kettle:before { + content: "\F5FA"; +} + +.mdi-key:before { + content: "\F306"; +} + +.mdi-key-change:before { + content: "\F307"; +} + +.mdi-key-minus:before { + content: "\F308"; +} + +.mdi-key-plus:before { + content: "\F309"; +} + +.mdi-key-remove:before { + content: "\F30A"; +} + +.mdi-key-variant:before { + content: "\F30B"; +} + +.mdi-keyboard:before { + content: "\F30C"; +} + +.mdi-keyboard-backspace:before { + content: "\F30D"; +} + +.mdi-keyboard-caps:before { + content: "\F30E"; +} + +.mdi-keyboard-close:before { + content: "\F30F"; +} + +.mdi-keyboard-off:before { + content: "\F310"; +} + +.mdi-keyboard-return:before { + content: "\F311"; +} + +.mdi-keyboard-tab:before { + content: "\F312"; +} + +.mdi-keyboard-variant:before { + content: "\F313"; +} + +.mdi-kodi:before { + content: "\F314"; +} + +.mdi-label:before { + content: "\F315"; +} + +.mdi-label-outline:before { + content: "\F316"; +} + +.mdi-lambda:before { + content: "\F627"; +} + +.mdi-lamp:before { + content: "\F6B4"; +} + +.mdi-lan:before { + content: "\F317"; +} + +.mdi-lan-connect:before { + content: "\F318"; +} + +.mdi-lan-disconnect:before { + content: "\F319"; +} + +.mdi-lan-pending:before { + content: "\F31A"; +} + +.mdi-language-c:before { + content: "\F671"; +} + +.mdi-language-cpp:before { + content: "\F672"; +} + +.mdi-language-csharp:before { + content: "\F31B"; +} + +.mdi-language-css3:before { + content: "\F31C"; +} + +.mdi-language-html5:before { + content: "\F31D"; +} + +.mdi-language-javascript:before { + content: "\F31E"; +} + +.mdi-language-php:before { + content: "\F31F"; +} + +.mdi-language-python:before { + content: "\F320"; +} + +.mdi-language-python-text:before { + content: "\F321"; +} + +.mdi-language-swift:before { + content: "\F6E4"; +} + +.mdi-language-typescript:before { + content: "\F6E5"; +} + +.mdi-laptop:before { + content: "\F322"; +} + +.mdi-laptop-chromebook:before { + content: "\F323"; +} + +.mdi-laptop-mac:before { + content: "\F324"; +} + +.mdi-laptop-off:before { + content: "\F6E6"; +} + +.mdi-laptop-windows:before { + content: "\F325"; +} + +.mdi-lastfm:before { + content: "\F326"; +} + +.mdi-launch:before { + content: "\F327"; +} + +.mdi-layers:before { + content: "\F328"; +} + +.mdi-layers-off:before { + content: "\F329"; +} + +.mdi-lead-pencil:before { + content: "\F64F"; +} + +.mdi-leaf:before { + content: "\F32A"; +} + +.mdi-led-off:before { + content: "\F32B"; +} + +.mdi-led-on:before { + content: "\F32C"; +} + +.mdi-led-outline:before { + content: "\F32D"; +} + +.mdi-led-variant-off:before { + content: "\F32E"; +} + +.mdi-led-variant-on:before { + content: "\F32F"; +} + +.mdi-led-variant-outline:before { + content: "\F330"; +} + +.mdi-library:before { + content: "\F331"; +} + +.mdi-library-books:before { + content: "\F332"; +} + +.mdi-library-music:before { + content: "\F333"; +} + +.mdi-library-plus:before { + content: "\F334"; +} + +.mdi-lightbulb:before { + content: "\F335"; +} + +.mdi-lightbulb-on:before { + content: "\F6E7"; +} + +.mdi-lightbulb-on-outline:before { + content: "\F6E8"; +} + +.mdi-lightbulb-outline:before { + content: "\F336"; +} + +.mdi-link:before { + content: "\F337"; +} + +.mdi-link-off:before { + content: "\F338"; +} + +.mdi-link-variant:before { + content: "\F339"; +} + +.mdi-link-variant-off:before { + content: "\F33A"; +} + +.mdi-linkedin:before { + content: "\F33B"; +} + +.mdi-linkedin-box:before { + content: "\F33C"; +} + +.mdi-linux:before { + content: "\F33D"; +} + +.mdi-lock:before { + content: "\F33E"; +} + +.mdi-lock-open:before { + content: "\F33F"; +} + +.mdi-lock-open-outline:before { + content: "\F340"; +} + +.mdi-lock-outline:before { + content: "\F341"; +} + +.mdi-lock-pattern:before { + content: "\F6E9"; +} + +.mdi-lock-plus:before { + content: "\F5FB"; +} + +.mdi-login:before { + content: "\F342"; +} + +.mdi-login-variant:before { + content: "\F5FC"; +} + +.mdi-logout:before { + content: "\F343"; +} + +.mdi-logout-variant:before { + content: "\F5FD"; +} + +.mdi-looks:before { + content: "\F344"; +} + +.mdi-loop:before { + content: "\F6EA"; +} + +.mdi-loupe:before { + content: "\F345"; +} + +.mdi-lumx:before { + content: "\F346"; +} + +.mdi-magnet:before { + content: "\F347"; +} + +.mdi-magnet-on:before { + content: "\F348"; +} + +.mdi-magnify:before { + content: "\F349"; +} + +.mdi-magnify-minus:before { + content: "\F34A"; +} + +.mdi-magnify-minus-outline:before { + content: "\F6EB"; +} + +.mdi-magnify-plus:before { + content: "\F34B"; +} + +.mdi-magnify-plus-outline:before { + content: "\F6EC"; +} + +.mdi-mail-ru:before { + content: "\F34C"; +} + +.mdi-mailbox:before { + content: "\F6ED"; +} + +.mdi-map:before { + content: "\F34D"; +} + +.mdi-map-marker:before { + content: "\F34E"; +} + +.mdi-map-marker-circle:before { + content: "\F34F"; +} + +.mdi-map-marker-minus:before { + content: "\F650"; +} + +.mdi-map-marker-multiple:before { + content: "\F350"; +} + +.mdi-map-marker-off:before { + content: "\F351"; +} + +.mdi-map-marker-plus:before { + content: "\F651"; +} + +.mdi-map-marker-radius:before { + content: "\F352"; +} + +.mdi-margin:before { + content: "\F353"; +} + +.mdi-markdown:before { + content: "\F354"; +} + +.mdi-marker:before { + content: "\F652"; +} + +.mdi-marker-check:before { + content: "\F355"; +} + +.mdi-martini:before { + content: "\F356"; +} + +.mdi-material-ui:before { + content: "\F357"; +} + +.mdi-math-compass:before { + content: "\F358"; +} + +.mdi-matrix:before { + content: "\F628"; +} + +.mdi-maxcdn:before { + content: "\F359"; +} + +.mdi-medical-bag:before { + content: "\F6EE"; +} + +.mdi-medium:before { + content: "\F35A"; +} + +.mdi-memory:before { + content: "\F35B"; +} + +.mdi-menu:before { + content: "\F35C"; +} + +.mdi-menu-down:before { + content: "\F35D"; +} + +.mdi-menu-down-outline:before { + content: "\F6B5"; +} + +.mdi-menu-left:before { + content: "\F35E"; +} + +.mdi-menu-right:before { + content: "\F35F"; +} + +.mdi-menu-up:before { + content: "\F360"; +} + +.mdi-menu-up-outline:before { + content: "\F6B6"; +} + +.mdi-message:before { + content: "\F361"; +} + +.mdi-message-alert:before { + content: "\F362"; +} + +.mdi-message-bulleted:before { + content: "\F6A1"; +} + +.mdi-message-bulleted-off:before { + content: "\F6A2"; +} + +.mdi-message-draw:before { + content: "\F363"; +} + +.mdi-message-image:before { + content: "\F364"; +} + +.mdi-message-outline:before { + content: "\F365"; +} + +.mdi-message-plus:before { + content: "\F653"; +} + +.mdi-message-processing:before { + content: "\F366"; +} + +.mdi-message-reply:before { + content: "\F367"; +} + +.mdi-message-reply-text:before { + content: "\F368"; +} + +.mdi-message-settings:before { + content: "\F6EF"; +} + +.mdi-message-settings-variant:before { + content: "\F6F0"; +} + +.mdi-message-text:before { + content: "\F369"; +} + +.mdi-message-text-outline:before { + content: "\F36A"; +} + +.mdi-message-video:before { + content: "\F36B"; +} + +.mdi-meteor:before { + content: "\F629"; +} + +.mdi-microphone:before { + content: "\F36C"; +} + +.mdi-microphone-off:before { + content: "\F36D"; +} + +.mdi-microphone-outline:before { + content: "\F36E"; +} + +.mdi-microphone-settings:before { + content: "\F36F"; +} + +.mdi-microphone-variant:before { + content: "\F370"; +} + +.mdi-microphone-variant-off:before { + content: "\F371"; +} + +.mdi-microscope:before { + content: "\F654"; +} + +.mdi-microsoft:before { + content: "\F372"; +} + +.mdi-minecraft:before { + content: "\F373"; +} + +.mdi-minus:before { + content: "\F374"; +} + +.mdi-minus-box:before { + content: "\F375"; +} + +.mdi-minus-box-outline:before { + content: "\F6F1"; +} + +.mdi-minus-circle:before { + content: "\F376"; +} + +.mdi-minus-circle-outline:before { + content: "\F377"; +} + +.mdi-minus-network:before { + content: "\F378"; +} + +.mdi-mixcloud:before { + content: "\F62A"; +} + +.mdi-monitor:before { + content: "\F379"; +} + +.mdi-monitor-multiple:before { + content: "\F37A"; +} + +.mdi-more:before { + content: "\F37B"; +} + +.mdi-motorbike:before { + content: "\F37C"; +} + +.mdi-mouse:before { + content: "\F37D"; +} + +.mdi-mouse-off:before { + content: "\F37E"; +} + +.mdi-mouse-variant:before { + content: "\F37F"; +} + +.mdi-mouse-variant-off:before { + content: "\F380"; +} + +.mdi-move-resize:before { + content: "\F655"; +} + +.mdi-move-resize-variant:before { + content: "\F656"; +} + +.mdi-movie:before { + content: "\F381"; +} + +.mdi-multiplication:before { + content: "\F382"; +} + +.mdi-multiplication-box:before { + content: "\F383"; +} + +.mdi-music-box:before { + content: "\F384"; +} + +.mdi-music-box-outline:before { + content: "\F385"; +} + +.mdi-music-circle:before { + content: "\F386"; +} + +.mdi-music-note:before { + content: "\F387"; +} + +.mdi-music-note-bluetooth:before { + content: "\F5FE"; +} + +.mdi-music-note-bluetooth-off:before { + content: "\F5FF"; +} + +.mdi-music-note-eighth:before { + content: "\F388"; +} + +.mdi-music-note-half:before { + content: "\F389"; +} + +.mdi-music-note-off:before { + content: "\F38A"; +} + +.mdi-music-note-quarter:before { + content: "\F38B"; +} + +.mdi-music-note-sixteenth:before { + content: "\F38C"; +} + +.mdi-music-note-whole:before { + content: "\F38D"; +} + +.mdi-nature:before { + content: "\F38E"; +} + +.mdi-nature-people:before { + content: "\F38F"; +} + +.mdi-navigation:before { + content: "\F390"; +} + +.mdi-near-me:before { + content: "\F5CD"; +} + +.mdi-needle:before { + content: "\F391"; +} + +.mdi-nest-protect:before { + content: "\F392"; +} + +.mdi-nest-thermostat:before { + content: "\F393"; +} + +.mdi-network:before { + content: "\F6F2"; +} + +.mdi-network-download:before { + content: "\F6F3"; +} + +.mdi-network-question:before { + content: "\F6F4"; +} + +.mdi-network-upload:before { + content: "\F6F5"; +} + +.mdi-new-box:before { + content: "\F394"; +} + +.mdi-newspaper:before { + content: "\F395"; +} + +.mdi-nfc:before { + content: "\F396"; +} + +.mdi-nfc-tap:before { + content: "\F397"; +} + +.mdi-nfc-variant:before { + content: "\F398"; +} + +.mdi-nodejs:before { + content: "\F399"; +} + +.mdi-note:before { + content: "\F39A"; +} + +.mdi-note-multiple:before { + content: "\F6B7"; +} + +.mdi-note-multiple-outline:before { + content: "\F6B8"; +} + +.mdi-note-outline:before { + content: "\F39B"; +} + +.mdi-note-plus:before { + content: "\F39C"; +} + +.mdi-note-plus-outline:before { + content: "\F39D"; +} + +.mdi-note-text:before { + content: "\F39E"; +} + +.mdi-notification-clear-all:before { + content: "\F39F"; +} + +.mdi-npm:before { + content: "\F6F6"; +} + +.mdi-nuke:before { + content: "\F6A3"; +} + +.mdi-numeric:before { + content: "\F3A0"; +} + +.mdi-numeric-0-box:before { + content: "\F3A1"; +} + +.mdi-numeric-0-box-multiple-outline:before { + content: "\F3A2"; +} + +.mdi-numeric-0-box-outline:before { + content: "\F3A3"; +} + +.mdi-numeric-1-box:before { + content: "\F3A4"; +} + +.mdi-numeric-1-box-multiple-outline:before { + content: "\F3A5"; +} + +.mdi-numeric-1-box-outline:before { + content: "\F3A6"; +} + +.mdi-numeric-2-box:before { + content: "\F3A7"; +} + +.mdi-numeric-2-box-multiple-outline:before { + content: "\F3A8"; +} + +.mdi-numeric-2-box-outline:before { + content: "\F3A9"; +} + +.mdi-numeric-3-box:before { + content: "\F3AA"; +} + +.mdi-numeric-3-box-multiple-outline:before { + content: "\F3AB"; +} + +.mdi-numeric-3-box-outline:before { + content: "\F3AC"; +} + +.mdi-numeric-4-box:before { + content: "\F3AD"; +} + +.mdi-numeric-4-box-multiple-outline:before { + content: "\F3AE"; +} + +.mdi-numeric-4-box-outline:before { + content: "\F3AF"; +} + +.mdi-numeric-5-box:before { + content: "\F3B0"; +} + +.mdi-numeric-5-box-multiple-outline:before { + content: "\F3B1"; +} + +.mdi-numeric-5-box-outline:before { + content: "\F3B2"; +} + +.mdi-numeric-6-box:before { + content: "\F3B3"; +} + +.mdi-numeric-6-box-multiple-outline:before { + content: "\F3B4"; +} + +.mdi-numeric-6-box-outline:before { + content: "\F3B5"; +} + +.mdi-numeric-7-box:before { + content: "\F3B6"; +} + +.mdi-numeric-7-box-multiple-outline:before { + content: "\F3B7"; +} + +.mdi-numeric-7-box-outline:before { + content: "\F3B8"; +} + +.mdi-numeric-8-box:before { + content: "\F3B9"; +} + +.mdi-numeric-8-box-multiple-outline:before { + content: "\F3BA"; +} + +.mdi-numeric-8-box-outline:before { + content: "\F3BB"; +} + +.mdi-numeric-9-box:before { + content: "\F3BC"; +} + +.mdi-numeric-9-box-multiple-outline:before { + content: "\F3BD"; +} + +.mdi-numeric-9-box-outline:before { + content: "\F3BE"; +} + +.mdi-numeric-9-plus-box:before { + content: "\F3BF"; +} + +.mdi-numeric-9-plus-box-multiple-outline:before { + content: "\F3C0"; +} + +.mdi-numeric-9-plus-box-outline:before { + content: "\F3C1"; +} + +.mdi-nut:before { + content: "\F6F7"; +} + +.mdi-nutrition:before { + content: "\F3C2"; +} + +.mdi-oar:before { + content: "\F67B"; +} + +.mdi-octagon:before { + content: "\F3C3"; +} + +.mdi-octagon-outline:before { + content: "\F3C4"; +} + +.mdi-octagram:before { + content: "\F6F8"; +} + +.mdi-odnoklassniki:before { + content: "\F3C5"; +} + +.mdi-office:before { + content: "\F3C6"; +} + +.mdi-oil:before { + content: "\F3C7"; +} + +.mdi-oil-temperature:before { + content: "\F3C8"; +} + +.mdi-omega:before { + content: "\F3C9"; +} + +.mdi-onedrive:before { + content: "\F3CA"; +} + +.mdi-opacity:before { + content: "\F5CC"; +} + +.mdi-open-in-app:before { + content: "\F3CB"; +} + +.mdi-open-in-new:before { + content: "\F3CC"; +} + +.mdi-openid:before { + content: "\F3CD"; +} + +.mdi-opera:before { + content: "\F3CE"; +} + +.mdi-ornament:before { + content: "\F3CF"; +} + +.mdi-ornament-variant:before { + content: "\F3D0"; +} + +.mdi-owl:before { + content: "\F3D2"; +} + +.mdi-package:before { + content: "\F3D3"; +} + +.mdi-package-down:before { + content: "\F3D4"; +} + +.mdi-package-up:before { + content: "\F3D5"; +} + +.mdi-package-variant:before { + content: "\F3D6"; +} + +.mdi-package-variant-closed:before { + content: "\F3D7"; +} + +.mdi-page-first:before { + content: "\F600"; +} + +.mdi-page-last:before { + content: "\F601"; +} + +.mdi-page-layout-body:before { + content: "\F6F9"; +} + +.mdi-page-layout-footer:before { + content: "\F6FA"; +} + +.mdi-page-layout-header:before { + content: "\F6FB"; +} + +.mdi-page-layout-sidebar-left:before { + content: "\F6FC"; +} + +.mdi-page-layout-sidebar-right:before { + content: "\F6FD"; +} + +.mdi-palette:before { + content: "\F3D8"; +} + +.mdi-palette-advanced:before { + content: "\F3D9"; +} + +.mdi-panda:before { + content: "\F3DA"; +} + +.mdi-pandora:before { + content: "\F3DB"; +} + +.mdi-panorama:before { + content: "\F3DC"; +} + +.mdi-panorama-fisheye:before { + content: "\F3DD"; +} + +.mdi-panorama-horizontal:before { + content: "\F3DE"; +} + +.mdi-panorama-vertical:before { + content: "\F3DF"; +} + +.mdi-panorama-wide-angle:before { + content: "\F3E0"; +} + +.mdi-paper-cut-vertical:before { + content: "\F3E1"; +} + +.mdi-paperclip:before { + content: "\F3E2"; +} + +.mdi-parking:before { + content: "\F3E3"; +} + +.mdi-pause:before { + content: "\F3E4"; +} + +.mdi-pause-circle:before { + content: "\F3E5"; +} + +.mdi-pause-circle-outline:before { + content: "\F3E6"; +} + +.mdi-pause-octagon:before { + content: "\F3E7"; +} + +.mdi-pause-octagon-outline:before { + content: "\F3E8"; +} + +.mdi-paw:before { + content: "\F3E9"; +} + +.mdi-paw-off:before { + content: "\F657"; +} + +.mdi-pen:before { + content: "\F3EA"; +} + +.mdi-pencil:before { + content: "\F3EB"; +} + +.mdi-pencil-box:before { + content: "\F3EC"; +} + +.mdi-pencil-box-outline:before { + content: "\F3ED"; +} + +.mdi-pencil-circle:before { + content: "\F6FE"; +} + +.mdi-pencil-lock:before { + content: "\F3EE"; +} + +.mdi-pencil-off:before { + content: "\F3EF"; +} + +.mdi-pentagon:before { + content: "\F6FF"; +} + +.mdi-pentagon-outline:before { + content: "\F700"; +} + +.mdi-percent:before { + content: "\F3F0"; +} + +.mdi-pharmacy:before { + content: "\F3F1"; +} + +.mdi-phone:before { + content: "\F3F2"; +} + +.mdi-phone-bluetooth:before { + content: "\F3F3"; +} + +.mdi-phone-classic:before { + content: "\F602"; +} + +.mdi-phone-forward:before { + content: "\F3F4"; +} + +.mdi-phone-hangup:before { + content: "\F3F5"; +} + +.mdi-phone-in-talk:before { + content: "\F3F6"; +} + +.mdi-phone-incoming:before { + content: "\F3F7"; +} + +.mdi-phone-locked:before { + content: "\F3F8"; +} + +.mdi-phone-log:before { + content: "\F3F9"; +} + +.mdi-phone-minus:before { + content: "\F658"; +} + +.mdi-phone-missed:before { + content: "\F3FA"; +} + +.mdi-phone-outgoing:before { + content: "\F3FB"; +} + +.mdi-phone-paused:before { + content: "\F3FC"; +} + +.mdi-phone-plus:before { + content: "\F659"; +} + +.mdi-phone-settings:before { + content: "\F3FD"; +} + +.mdi-phone-voip:before { + content: "\F3FE"; +} + +.mdi-pi:before { + content: "\F3FF"; +} + +.mdi-pi-box:before { + content: "\F400"; +} + +.mdi-piano:before { + content: "\F67C"; +} + +.mdi-pig:before { + content: "\F401"; +} + +.mdi-pill:before { + content: "\F402"; +} + +.mdi-pillar:before { + content: "\F701"; +} + +.mdi-pin:before { + content: "\F403"; +} + +.mdi-pin-off:before { + content: "\F404"; +} + +.mdi-pine-tree:before { + content: "\F405"; +} + +.mdi-pine-tree-box:before { + content: "\F406"; +} + +.mdi-pinterest:before { + content: "\F407"; +} + +.mdi-pinterest-box:before { + content: "\F408"; +} + +.mdi-pistol:before { + content: "\F702"; +} + +.mdi-pizza:before { + content: "\F409"; +} + +.mdi-plane-shield:before { + content: "\F6BA"; +} + +.mdi-play:before { + content: "\F40A"; +} + +.mdi-play-box-outline:before { + content: "\F40B"; +} + +.mdi-play-circle:before { + content: "\F40C"; +} + +.mdi-play-circle-outline:before { + content: "\F40D"; +} + +.mdi-play-pause:before { + content: "\F40E"; +} + +.mdi-play-protected-content:before { + content: "\F40F"; +} + +.mdi-playlist-check:before { + content: "\F5C7"; +} + +.mdi-playlist-minus:before { + content: "\F410"; +} + +.mdi-playlist-play:before { + content: "\F411"; +} + +.mdi-playlist-plus:before { + content: "\F412"; +} + +.mdi-playlist-remove:before { + content: "\F413"; +} + +.mdi-playstation:before { + content: "\F414"; +} + +.mdi-plex:before { + content: "\F6B9"; +} + +.mdi-plus:before { + content: "\F415"; +} + +.mdi-plus-box:before { + content: "\F416"; +} + +.mdi-plus-box-outline:before { + content: "\F703"; +} + +.mdi-plus-circle:before { + content: "\F417"; +} + +.mdi-plus-circle-multiple-outline:before { + content: "\F418"; +} + +.mdi-plus-circle-outline:before { + content: "\F419"; +} + +.mdi-plus-network:before { + content: "\F41A"; +} + +.mdi-plus-one:before { + content: "\F41B"; +} + +.mdi-plus-outline:before { + content: "\F704"; +} + +.mdi-pocket:before { + content: "\F41C"; +} + +.mdi-pokeball:before { + content: "\F41D"; +} + +.mdi-polarAdminid:before { + content: "\F41E"; +} + +.mdi-poll:before { + content: "\F41F"; +} + +.mdi-poll-box:before { + content: "\F420"; +} + +.mdi-polymer:before { + content: "\F421"; +} + +.mdi-pool:before { + content: "\F606"; +} + +.mdi-popcorn:before { + content: "\F422"; +} + +.mdi-pot:before { + content: "\F65A"; +} + +.mdi-pot-mix:before { + content: "\F65B"; +} + +.mdi-pound:before { + content: "\F423"; +} + +.mdi-pound-box:before { + content: "\F424"; +} + +.mdi-power:before { + content: "\F425"; +} + +.mdi-power-plug:before { + content: "\F6A4"; +} + +.mdi-power-plug-off:before { + content: "\F6A5"; +} + +.mdi-power-settings:before { + content: "\F426"; +} + +.mdi-power-socket:before { + content: "\F427"; +} + +.mdi-prescription:before { + content: "\F705"; +} + +.mdi-presentation:before { + content: "\F428"; +} + +.mdi-presentation-play:before { + content: "\F429"; +} + +.mdi-printer:before { + content: "\F42A"; +} + +.mdi-printer-3d:before { + content: "\F42B"; +} + +.mdi-printer-alert:before { + content: "\F42C"; +} + +.mdi-printer-settings:before { + content: "\F706"; +} + +.mdi-priority-high:before { + content: "\F603"; +} + +.mdi-priority-low:before { + content: "\F604"; +} + +.mdi-professional-hexagon:before { + content: "\F42D"; +} + +.mdi-projector:before { + content: "\F42E"; +} + +.mdi-projector-screen:before { + content: "\F42F"; +} + +.mdi-publish:before { + content: "\F6A6"; +} + +.mdi-pulse:before { + content: "\F430"; +} + +.mdi-puzzle:before { + content: "\F431"; +} + +.mdi-qqchat:before { + content: "\F605"; +} + +.mdi-qrcode:before { + content: "\F432"; +} + +.mdi-qrcode-scan:before { + content: "\F433"; +} + +.mdi-quadcopter:before { + content: "\F434"; +} + +.mdi-quality-high:before { + content: "\F435"; +} + +.mdi-quicktime:before { + content: "\F436"; +} + +.mdi-radar:before { + content: "\F437"; +} + +.mdi-radiator:before { + content: "\F438"; +} + +.mdi-radio:before { + content: "\F439"; +} + +.mdi-radio-handheld:before { + content: "\F43A"; +} + +.mdi-radio-tower:before { + content: "\F43B"; +} + +.mdi-radioactive:before { + content: "\F43C"; +} + +.mdi-radiobox-blank:before { + content: "\F43D"; +} + +.mdi-radiobox-marked:before { + content: "\F43E"; +} + +.mdi-raspberrypi:before { + content: "\F43F"; +} + +.mdi-ray-end:before { + content: "\F440"; +} + +.mdi-ray-end-arrow:before { + content: "\F441"; +} + +.mdi-ray-start:before { + content: "\F442"; +} + +.mdi-ray-start-arrow:before { + content: "\F443"; +} + +.mdi-ray-start-end:before { + content: "\F444"; +} + +.mdi-ray-vertex:before { + content: "\F445"; +} + +.mdi-rdio:before { + content: "\F446"; +} + +.mdi-react:before { + content: "\F707"; +} + +.mdi-read:before { + content: "\F447"; +} + +.mdi-readability:before { + content: "\F448"; +} + +.mdi-receipt:before { + content: "\F449"; +} + +.mdi-record:before { + content: "\F44A"; +} + +.mdi-record-rec:before { + content: "\F44B"; +} + +.mdi-recycle:before { + content: "\F44C"; +} + +.mdi-reddit:before { + content: "\F44D"; +} + +.mdi-redo:before { + content: "\F44E"; +} + +.mdi-redo-variant:before { + content: "\F44F"; +} + +.mdi-refresh:before { + content: "\F450"; +} + +.mdi-regex:before { + content: "\F451"; +} + +.mdi-relative-scale:before { + content: "\F452"; +} + +.mdi-reload:before { + content: "\F453"; +} + +.mdi-remote:before { + content: "\F454"; +} + +.mdi-rename-box:before { + content: "\F455"; +} + +.mdi-reorder-horizontal:before { + content: "\F687"; +} + +.mdi-reorder-vertical:before { + content: "\F688"; +} + +.mdi-repeat:before { + content: "\F456"; +} + +.mdi-repeat-off:before { + content: "\F457"; +} + +.mdi-repeat-once:before { + content: "\F458"; +} + +.mdi-replay:before { + content: "\F459"; +} + +.mdi-reply:before { + content: "\F45A"; +} + +.mdi-reply-all:before { + content: "\F45B"; +} + +.mdi-reproduction:before { + content: "\F45C"; +} + +.mdi-resize-bottom-right:before { + content: "\F45D"; +} + +.mdi-responsive:before { + content: "\F45E"; +} + +.mdi-restart:before { + content: "\F708"; +} + +.mdi-restore:before { + content: "\F6A7"; +} + +.mdi-rewind:before { + content: "\F45F"; +} + +.mdi-rewind-outline:before { + content: "\F709"; +} + +.mdi-rhombus:before { + content: "\F70A"; +} + +.mdi-rhombus-outline:before { + content: "\F70B"; +} + +.mdi-ribbon:before { + content: "\F460"; +} + +.mdi-road:before { + content: "\F461"; +} + +.mdi-road-variant:before { + content: "\F462"; +} + +.mdi-robot:before { + content: "\F6A8"; +} + +.mdi-rocket:before { + content: "\F463"; +} + +.mdi-roomba:before { + content: "\F70C"; +} + +.mdi-rotate-3d:before { + content: "\F464"; +} + +.mdi-rotate-left:before { + content: "\F465"; +} + +.mdi-rotate-left-variant:before { + content: "\F466"; +} + +.mdi-rotate-right:before { + content: "\F467"; +} + +.mdi-rotate-right-variant:before { + content: "\F468"; +} + +.mdi-rounded-corner:before { + content: "\F607"; +} + +.mdi-router-wireless:before { + content: "\F469"; +} + +.mdi-routes:before { + content: "\F46A"; +} + +.mdi-rowing:before { + content: "\F608"; +} + +.mdi-rss:before { + content: "\F46B"; +} + +.mdi-rss-box:before { + content: "\F46C"; +} + +.mdi-ruler:before { + content: "\F46D"; +} + +.mdi-run:before { + content: "\F70D"; +} + +.mdi-run-fast:before { + content: "\F46E"; +} + +.mdi-sale:before { + content: "\F46F"; +} + +.mdi-satellite:before { + content: "\F470"; +} + +.mdi-satellite-variant:before { + content: "\F471"; +} + +.mdi-saxophone:before { + content: "\F609"; +} + +.mdi-scale:before { + content: "\F472"; +} + +.mdi-scale-balance:before { + content: "\F5D1"; +} + +.mdi-scale-bathroom:before { + content: "\F473"; +} + +.mdi-scanner:before { + content: "\F6AA"; +} + +.mdi-school:before { + content: "\F474"; +} + +.mdi-screen-rotation:before { + content: "\F475"; +} + +.mdi-screen-rotation-lock:before { + content: "\F476"; +} + +.mdi-screwdriver:before { + content: "\F477"; +} + +.mdi-script:before { + content: "\F478"; +} + +.mdi-sd:before { + content: "\F479"; +} + +.mdi-seal:before { + content: "\F47A"; +} + +.mdi-search-web:before { + content: "\F70E"; +} + +.mdi-seat-flat:before { + content: "\F47B"; +} + +.mdi-seat-flat-angled:before { + content: "\F47C"; +} + +.mdi-seat-individual-suite:before { + content: "\F47D"; +} + +.mdi-seat-legroom-extra:before { + content: "\F47E"; +} + +.mdi-seat-legroom-normal:before { + content: "\F47F"; +} + +.mdi-seat-legroom-reduced:before { + content: "\F480"; +} + +.mdi-seat-recline-extra:before { + content: "\F481"; +} + +.mdi-seat-recline-normal:before { + content: "\F482"; +} + +.mdi-security:before { + content: "\F483"; +} + +.mdi-security-home:before { + content: "\F689"; +} + +.mdi-security-network:before { + content: "\F484"; +} + +.mdi-select:before { + content: "\F485"; +} + +.mdi-select-all:before { + content: "\F486"; +} + +.mdi-select-inverse:before { + content: "\F487"; +} + +.mdi-select-off:before { + content: "\F488"; +} + +.mdi-selection:before { + content: "\F489"; +} + +.mdi-send:before { + content: "\F48A"; +} + +.mdi-serial-port:before { + content: "\F65C"; +} + +.mdi-server:before { + content: "\F48B"; +} + +.mdi-server-minus:before { + content: "\F48C"; +} + +.mdi-server-network:before { + content: "\F48D"; +} + +.mdi-server-network-off:before { + content: "\F48E"; +} + +.mdi-server-off:before { + content: "\F48F"; +} + +.mdi-server-plus:before { + content: "\F490"; +} + +.mdi-server-remove:before { + content: "\F491"; +} + +.mdi-server-security:before { + content: "\F492"; +} + +.mdi-settings:before { + content: "\F493"; +} + +.mdi-settings-box:before { + content: "\F494"; +} + +.mdi-shape-circle-plus:before { + content: "\F65D"; +} + +.mdi-shape-plus:before { + content: "\F495"; +} + +.mdi-shape-polygon-plus:before { + content: "\F65E"; +} + +.mdi-shape-rectangle-plus:before { + content: "\F65F"; +} + +.mdi-shape-square-plus:before { + content: "\F660"; +} + +.mdi-share:before { + content: "\F496"; +} + +.mdi-share-variant:before { + content: "\F497"; +} + +.mdi-shield:before { + content: "\F498"; +} + +.mdi-shield-outline:before { + content: "\F499"; +} + +.mdi-shopping:before { + content: "\F49A"; +} + +.mdi-shopping-music:before { + content: "\F49B"; +} + +.mdi-shovel:before { + content: "\F70F"; +} + +.mdi-shovel-off:before { + content: "\F710"; +} + +.mdi-shredder:before { + content: "\F49C"; +} + +.mdi-shuffle:before { + content: "\F49D"; +} + +.mdi-shuffle-disabled:before { + content: "\F49E"; +} + +.mdi-shuffle-variant:before { + content: "\F49F"; +} + +.mdi-sigma:before { + content: "\F4A0"; +} + +.mdi-sigma-lower:before { + content: "\F62B"; +} + +.mdi-sign-caution:before { + content: "\F4A1"; +} + +.mdi-signal:before { + content: "\F4A2"; +} + +.mdi-signal-2g:before { + content: "\F711"; +} + +.mdi-signal-3g:before { + content: "\F712"; +} + +.mdi-signal-4g:before { + content: "\F713"; +} + +.mdi-signal-hspa:before { + content: "\F714"; +} + +.mdi-signal-hspa-plus:before { + content: "\F715"; +} + +.mdi-signal-variant:before { + content: "\F60A"; +} + +.mdi-silverware:before { + content: "\F4A3"; +} + +.mdi-silverware-fork:before { + content: "\F4A4"; +} + +.mdi-silverware-spoon:before { + content: "\F4A5"; +} + +.mdi-silverware-variant:before { + content: "\F4A6"; +} + +.mdi-sim:before { + content: "\F4A7"; +} + +.mdi-sim-alert:before { + content: "\F4A8"; +} + +.mdi-sim-off:before { + content: "\F4A9"; +} + +.mdi-sitemap:before { + content: "\F4AA"; +} + +.mdi-skip-backward:before { + content: "\F4AB"; +} + +.mdi-skip-forward:before { + content: "\F4AC"; +} + +.mdi-skip-next:before { + content: "\F4AD"; +} + +.mdi-skip-next-circle:before { + content: "\F661"; +} + +.mdi-skip-next-circle-outline:before { + content: "\F662"; +} + +.mdi-skip-previous:before { + content: "\F4AE"; +} + +.mdi-skip-previous-circle:before { + content: "\F663"; +} + +.mdi-skip-previous-circle-outline:before { + content: "\F664"; +} + +.mdi-skull:before { + content: "\F68B"; +} + +.mdi-skype:before { + content: "\F4AF"; +} + +.mdi-skype-business:before { + content: "\F4B0"; +} + +.mdi-slack:before { + content: "\F4B1"; +} + +.mdi-sleep:before { + content: "\F4B2"; +} + +.mdi-sleep-off:before { + content: "\F4B3"; +} + +.mdi-smoking:before { + content: "\F4B4"; +} + +.mdi-smoking-off:before { + content: "\F4B5"; +} + +.mdi-snapchat:before { + content: "\F4B6"; +} + +.mdi-snowflake:before { + content: "\F716"; +} + +.mdi-snowman:before { + content: "\F4B7"; +} + +.mdi-soccer:before { + content: "\F4B8"; +} + +.mdi-sofa:before { + content: "\F4B9"; +} + +.mdi-solid:before { + content: "\F68C"; +} + +.mdi-sort:before { + content: "\F4BA"; +} + +.mdi-sort-alphabetical:before { + content: "\F4BB"; +} + +.mdi-sort-ascending:before { + content: "\F4BC"; +} + +.mdi-sort-descending:before { + content: "\F4BD"; +} + +.mdi-sort-numeric:before { + content: "\F4BE"; +} + +.mdi-sort-variant:before { + content: "\F4BF"; +} + +.mdi-soundcloud:before { + content: "\F4C0"; +} + +.mdi-source-branch:before { + content: "\F62C"; +} + +.mdi-source-commit:before { + content: "\F717"; +} + +.mdi-source-commit-end:before { + content: "\F718"; +} + +.mdi-source-commit-end-local:before { + content: "\F719"; +} + +.mdi-source-commit-local:before { + content: "\F71A"; +} + +.mdi-source-commit-next-local:before { + content: "\F71B"; +} + +.mdi-source-commit-start:before { + content: "\F71C"; +} + +.mdi-source-commit-start-next-local:before { + content: "\F71D"; +} + +.mdi-source-fork:before { + content: "\F4C1"; +} + +.mdi-source-merge:before { + content: "\F62D"; +} + +.mdi-source-pull:before { + content: "\F4C2"; +} + +.mdi-speaker:before { + content: "\F4C3"; +} + +.mdi-speaker-off:before { + content: "\F4C4"; +} + +.mdi-speaker-wireless:before { + content: "\F71E"; +} + +.mdi-speedometer:before { + content: "\F4C5"; +} + +.mdi-spellcheck:before { + content: "\F4C6"; +} + +.mdi-spotify:before { + content: "\F4C7"; +} + +.mdi-spotlight:before { + content: "\F4C8"; +} + +.mdi-spotlight-beam:before { + content: "\F4C9"; +} + +.mdi-spray:before { + content: "\F665"; +} + +.mdi-square-inc:before { + content: "\F4CA"; +} + +.mdi-square-inc-cash:before { + content: "\F4CB"; +} + +.mdi-stackexchange:before { + content: "\F60B"; +} + +.mdi-stackoverflow:before { + content: "\F4CC"; +} + +.mdi-stadium:before { + content: "\F71F"; +} + +.mdi-stairs:before { + content: "\F4CD"; +} + +.mdi-star:before { + content: "\F4CE"; +} + +.mdi-star-circle:before { + content: "\F4CF"; +} + +.mdi-star-half:before { + content: "\F4D0"; +} + +.mdi-star-off:before { + content: "\F4D1"; +} + +.mdi-star-outline:before { + content: "\F4D2"; +} + +.mdi-steam:before { + content: "\F4D3"; +} + +.mdi-steering:before { + content: "\F4D4"; +} + +.mdi-step-backward:before { + content: "\F4D5"; +} + +.mdi-step-backward-2:before { + content: "\F4D6"; +} + +.mdi-step-forward:before { + content: "\F4D7"; +} + +.mdi-step-forward-2:before { + content: "\F4D8"; +} + +.mdi-stethoscope:before { + content: "\F4D9"; +} + +.mdi-sticker:before { + content: "\F5D0"; +} + +.mdi-stocking:before { + content: "\F4DA"; +} + +.mdi-stop:before { + content: "\F4DB"; +} + +.mdi-stop-circle:before { + content: "\F666"; +} + +.mdi-stop-circle-outline:before { + content: "\F667"; +} + +.mdi-store:before { + content: "\F4DC"; +} + +.mdi-store-24-hour:before { + content: "\F4DD"; +} + +.mdi-stove:before { + content: "\F4DE"; +} + +.mdi-subdirectory-arrow-left:before { + content: "\F60C"; +} + +.mdi-subdirectory-arrow-right:before { + content: "\F60D"; +} + +.mdi-subway:before { + content: "\F6AB"; +} + +.mdi-subway-variant:before { + content: "\F4DF"; +} + +.mdi-sunglasses:before { + content: "\F4E0"; +} + +.mdi-surround-sound:before { + content: "\F5C5"; +} + +.mdi-svg:before { + content: "\F720"; +} + +.mdi-swap-horizontal:before { + content: "\F4E1"; +} + +.mdi-swap-vertical:before { + content: "\F4E2"; +} + +.mdi-swim:before { + content: "\F4E3"; +} + +.mdi-switch:before { + content: "\F4E4"; +} + +.mdi-sword:before { + content: "\F4E5"; +} + +.mdi-sync:before { + content: "\F4E6"; +} + +.mdi-sync-alert:before { + content: "\F4E7"; +} + +.mdi-sync-off:before { + content: "\F4E8"; +} + +.mdi-tab:before { + content: "\F4E9"; +} + +.mdi-tab-unselected:before { + content: "\F4EA"; +} + +.mdi-table:before { + content: "\F4EB"; +} + +.mdi-table-column-plus-after:before { + content: "\F4EC"; +} + +.mdi-table-column-plus-before:before { + content: "\F4ED"; +} + +.mdi-table-column-remove:before { + content: "\F4EE"; +} + +.mdi-table-column-width:before { + content: "\F4EF"; +} + +.mdi-table-edit:before { + content: "\F4F0"; +} + +.mdi-table-large:before { + content: "\F4F1"; +} + +.mdi-table-row-height:before { + content: "\F4F2"; +} + +.mdi-table-row-plus-after:before { + content: "\F4F3"; +} + +.mdi-table-row-plus-before:before { + content: "\F4F4"; +} + +.mdi-table-row-remove:before { + content: "\F4F5"; +} + +.mdi-tablet:before { + content: "\F4F6"; +} + +.mdi-tablet-andrAdminid:before { + content: "\F4F7"; +} + +.mdi-tablet-ipad:before { + content: "\F4F8"; +} + +.mdi-tag:before { + content: "\F4F9"; +} + +.mdi-tag-faces:before { + content: "\F4FA"; +} + +.mdi-tag-heart:before { + content: "\F68A"; +} + +.mdi-tag-multiple:before { + content: "\F4FB"; +} + +.mdi-tag-outline:before { + content: "\F4FC"; +} + +.mdi-tag-plus:before { + content: "\F721"; +} + +.mdi-tag-remove:before { + content: "\F722"; +} + +.mdi-tag-text-outline:before { + content: "\F4FD"; +} + +.mdi-target:before { + content: "\F4FE"; +} + +.mdi-taxi:before { + content: "\F4FF"; +} + +.mdi-teamviewer:before { + content: "\F500"; +} + +.mdi-telegram:before { + content: "\F501"; +} + +.mdi-television:before { + content: "\F502"; +} + +.mdi-television-guide:before { + content: "\F503"; +} + +.mdi-temperature-celsius:before { + content: "\F504"; +} + +.mdi-temperature-fahrenheit:before { + content: "\F505"; +} + +.mdi-temperature-kelvin:before { + content: "\F506"; +} + +.mdi-tennis:before { + content: "\F507"; +} + +.mdi-tent:before { + content: "\F508"; +} + +.mdi-terrain:before { + content: "\F509"; +} + +.mdi-test-tube:before { + content: "\F668"; +} + +.mdi-text-shadow:before { + content: "\F669"; +} + +.mdi-text-to-speech:before { + content: "\F50A"; +} + +.mdi-text-to-speech-off:before { + content: "\F50B"; +} + +.mdi-textbox:before { + content: "\F60E"; +} + +.mdi-texture:before { + content: "\F50C"; +} + +.mdi-theater:before { + content: "\F50D"; +} + +.mdi-theme-light-dark:before { + content: "\F50E"; +} + +.mdi-thermometer:before { + content: "\F50F"; +} + +.mdi-thermometer-lines:before { + content: "\F510"; +} + +.mdi-thumb-down:before { + content: "\F511"; +} + +.mdi-thumb-down-outline:before { + content: "\F512"; +} + +.mdi-thumb-up:before { + content: "\F513"; +} + +.mdi-thumb-up-outline:before { + content: "\F514"; +} + +.mdi-thumbs-up-down:before { + content: "\F515"; +} + +.mdi-ticket:before { + content: "\F516"; +} + +.mdi-ticket-account:before { + content: "\F517"; +} + +.mdi-ticket-confirmation:before { + content: "\F518"; +} + +.mdi-ticket-percent:before { + content: "\F723"; +} + +.mdi-tie:before { + content: "\F519"; +} + +.mdi-tilde:before { + content: "\F724"; +} + +.mdi-timelapse:before { + content: "\F51A"; +} + +.mdi-timer:before { + content: "\F51B"; +} + +.mdi-timer-10:before { + content: "\F51C"; +} + +.mdi-timer-3:before { + content: "\F51D"; +} + +.mdi-timer-off:before { + content: "\F51E"; +} + +.mdi-timer-sand:before { + content: "\F51F"; +} + +.mdi-timer-sand-empty:before { + content: "\F6AC"; +} + +.mdi-timetable:before { + content: "\F520"; +} + +.mdi-toggle-switch:before { + content: "\F521"; +} + +.mdi-toggle-switch-off:before { + content: "\F522"; +} + +.mdi-tooltip:before { + content: "\F523"; +} + +.mdi-tooltip-edit:before { + content: "\F524"; +} + +.mdi-tooltip-image:before { + content: "\F525"; +} + +.mdi-tooltip-outline:before { + content: "\F526"; +} + +.mdi-tooltip-outline-plus:before { + content: "\F527"; +} + +.mdi-tooltip-text:before { + content: "\F528"; +} + +.mdi-tooth:before { + content: "\F529"; +} + +.mdi-tor:before { + content: "\F52A"; +} + +.mdi-tower-beach:before { + content: "\F680"; +} + +.mdi-tower-fire:before { + content: "\F681"; +} + +.mdi-traffic-light:before { + content: "\F52B"; +} + +.mdi-train:before { + content: "\F52C"; +} + +.mdi-tram:before { + content: "\F52D"; +} + +.mdi-transcribe:before { + content: "\F52E"; +} + +.mdi-transcribe-close:before { + content: "\F52F"; +} + +.mdi-transfer:before { + content: "\F530"; +} + +.mdi-transit-transfer:before { + content: "\F6AD"; +} + +.mdi-translate:before { + content: "\F5CA"; +} + +.mdi-treasure-chest:before { + content: "\F725"; +} + +.mdi-tree:before { + content: "\F531"; +} + +.mdi-trello:before { + content: "\F532"; +} + +.mdi-trending-down:before { + content: "\F533"; +} + +.mdi-trending-neutral:before { + content: "\F534"; +} + +.mdi-trending-up:before { + content: "\F535"; +} + +.mdi-triangle:before { + content: "\F536"; +} + +.mdi-triangle-outline:before { + content: "\F537"; +} + +.mdi-trophy:before { + content: "\F538"; +} + +.mdi-trophy-award:before { + content: "\F539"; +} + +.mdi-trophy-outline:before { + content: "\F53A"; +} + +.mdi-trophy-variant:before { + content: "\F53B"; +} + +.mdi-trophy-variant-outline:before { + content: "\F53C"; +} + +.mdi-truck:before { + content: "\F53D"; +} + +.mdi-truck-delivery:before { + content: "\F53E"; +} + +.mdi-truck-trailer:before { + content: "\F726"; +} + +.mdi-tshirt-crew:before { + content: "\F53F"; +} + +.mdi-tshirt-v:before { + content: "\F540"; +} + +.mdi-tumblr:before { + content: "\F541"; +} + +.mdi-tumblr-reblog:before { + content: "\F542"; +} + +.mdi-tune:before { + content: "\F62E"; +} + +.mdi-tune-vertical:before { + content: "\F66A"; +} + +.mdi-twitch:before { + content: "\F543"; +} + +.mdi-twitter:before { + content: "\F544"; +} + +.mdi-twitter-box:before { + content: "\F545"; +} + +.mdi-twitter-circle:before { + content: "\F546"; +} + +.mdi-twitter-retweet:before { + content: "\F547"; +} + +.mdi-ubuntu:before { + content: "\F548"; +} + +.mdi-umbraco:before { + content: "\F549"; +} + +.mdi-umbrella:before { + content: "\F54A"; +} + +.mdi-umbrella-outline:before { + content: "\F54B"; +} + +.mdi-undo:before { + content: "\F54C"; +} + +.mdi-undo-variant:before { + content: "\F54D"; +} + +.mdi-unfold-less:before { + content: "\F54E"; +} + +.mdi-unfold-more:before { + content: "\F54F"; +} + +.mdi-ungroup:before { + content: "\F550"; +} + +.mdi-unity:before { + content: "\F6AE"; +} + +.mdi-untappd:before { + content: "\F551"; +} + +.mdi-update:before { + content: "\F6AF"; +} + +.mdi-upload:before { + content: "\F552"; +} + +.mdi-usb:before { + content: "\F553"; +} + +.mdi-vector-arrange-above:before { + content: "\F554"; +} + +.mdi-vector-arrange-below:before { + content: "\F555"; +} + +.mdi-vector-circle:before { + content: "\F556"; +} + +.mdi-vector-circle-variant:before { + content: "\F557"; +} + +.mdi-vector-combine:before { + content: "\F558"; +} + +.mdi-vector-curve:before { + content: "\F559"; +} + +.mdi-vector-difference:before { + content: "\F55A"; +} + +.mdi-vector-difference-ab:before { + content: "\F55B"; +} + +.mdi-vector-difference-ba:before { + content: "\F55C"; +} + +.mdi-vector-intersection:before { + content: "\F55D"; +} + +.mdi-vector-line:before { + content: "\F55E"; +} + +.mdi-vector-point:before { + content: "\F55F"; +} + +.mdi-vector-polygon:before { + content: "\F560"; +} + +.mdi-vector-polyline:before { + content: "\F561"; +} + +.mdi-vector-rectangle:before { + content: "\F5C6"; +} + +.mdi-vector-selection:before { + content: "\F562"; +} + +.mdi-vector-square:before { + content: "\F001"; +} + +.mdi-vector-triangle:before { + content: "\F563"; +} + +.mdi-vector-union:before { + content: "\F564"; +} + +.mdi-verified:before { + content: "\F565"; +} + +.mdi-vibrate:before { + content: "\F566"; +} + +.mdi-video:before { + content: "\F567"; +} + +.mdi-video-off:before { + content: "\F568"; +} + +.mdi-video-switch:before { + content: "\F569"; +} + +.mdi-view-agenda:before { + content: "\F56A"; +} + +.mdi-view-array:before { + content: "\F56B"; +} + +.mdi-view-carousel:before { + content: "\F56C"; +} + +.mdi-view-column:before { + content: "\F56D"; +} + +.mdi-view-dashboard:before { + content: "\F56E"; +} + +.mdi-view-day:before { + content: "\F56F"; +} + +.mdi-view-grid:before { + content: "\F570"; +} + +.mdi-view-headline:before { + content: "\F571"; +} + +.mdi-view-list:before { + content: "\F572"; +} + +.mdi-view-module:before { + content: "\F573"; +} + +.mdi-view-parallel:before { + content: "\F727"; +} + +.mdi-view-quilt:before { + content: "\F574"; +} + +.mdi-view-sequential:before { + content: "\F728"; +} + +.mdi-view-stream:before { + content: "\F575"; +} + +.mdi-view-week:before { + content: "\F576"; +} + +.mdi-vimeo:before { + content: "\F577"; +} + +.mdi-vine:before { + content: "\F578"; +} + +.mdi-violin:before { + content: "\F60F"; +} + +.mdi-visualstudio:before { + content: "\F610"; +} + +.mdi-vk:before { + content: "\F579"; +} + +.mdi-vk-box:before { + content: "\F57A"; +} + +.mdi-vk-circle:before { + content: "\F57B"; +} + +.mdi-vlc:before { + content: "\F57C"; +} + +.mdi-voice:before { + content: "\F5CB"; +} + +.mdi-voicemail:before { + content: "\F57D"; +} + +.mdi-volume-high:before { + content: "\F57E"; +} + +.mdi-volume-low:before { + content: "\F57F"; +} + +.mdi-volume-medium:before { + content: "\F580"; +} + +.mdi-volume-off:before { + content: "\F581"; +} + +.mdi-vpn:before { + content: "\F582"; +} + +.mdi-walk:before { + content: "\F583"; +} + +.mdi-wallet:before { + content: "\F584"; +} + +.mdi-wallet-giftcard:before { + content: "\F585"; +} + +.mdi-wallet-membership:before { + content: "\F586"; +} + +.mdi-wallet-travel:before { + content: "\F587"; +} + +.mdi-wan:before { + content: "\F588"; +} + +.mdi-washing-machine:before { + content: "\F729"; +} + +.mdi-watch:before { + content: "\F589"; +} + +.mdi-watch-export:before { + content: "\F58A"; +} + +.mdi-watch-import:before { + content: "\F58B"; +} + +.mdi-watch-vibrate:before { + content: "\F6B0"; +} + +.mdi-water:before { + content: "\F58C"; +} + +.mdi-water-off:before { + content: "\F58D"; +} + +.mdi-water-percent:before { + content: "\F58E"; +} + +.mdi-water-pump:before { + content: "\F58F"; +} + +.mdi-watermark:before { + content: "\F612"; +} + +.mdi-weather-cloudy:before { + content: "\F590"; +} + +.mdi-weather-fog:before { + content: "\F591"; +} + +.mdi-weather-hail:before { + content: "\F592"; +} + +.mdi-weather-lightning:before { + content: "\F593"; +} + +.mdi-weather-lightning-rainy:before { + content: "\F67D"; +} + +.mdi-weather-night:before { + content: "\F594"; +} + +.mdi-weather-partlycloudy:before { + content: "\F595"; +} + +.mdi-weather-pouring:before { + content: "\F596"; +} + +.mdi-weather-rainy:before { + content: "\F597"; +} + +.mdi-weather-snowy:before { + content: "\F598"; +} + +.mdi-weather-snowy-rainy:before { + content: "\F67E"; +} + +.mdi-weather-sunny:before { + content: "\F599"; +} + +.mdi-weather-sunset:before { + content: "\F59A"; +} + +.mdi-weather-sunset-down:before { + content: "\F59B"; +} + +.mdi-weather-sunset-up:before { + content: "\F59C"; +} + +.mdi-weather-windy:before { + content: "\F59D"; +} + +.mdi-weather-windy-variant:before { + content: "\F59E"; +} + +.mdi-web:before { + content: "\F59F"; +} + +.mdi-webcam:before { + content: "\F5A0"; +} + +.mdi-webhook:before { + content: "\F62F"; +} + +.mdi-webpack:before { + content: "\F72A"; +} + +.mdi-wechat:before { + content: "\F611"; +} + +.mdi-weight:before { + content: "\F5A1"; +} + +.mdi-weight-kilogram:before { + content: "\F5A2"; +} + +.mdi-whatsapp:before { + content: "\F5A3"; +} + +.mdi-wheelchair-accessibility:before { + content: "\F5A4"; +} + +.mdi-white-balance-auto:before { + content: "\F5A5"; +} + +.mdi-white-balance-incandescent:before { + content: "\F5A6"; +} + +.mdi-white-balance-iridescent:before { + content: "\F5A7"; +} + +.mdi-white-balance-sunny:before { + content: "\F5A8"; +} + +.mdi-widgets:before { + content: "\F72B"; +} + +.mdi-wifi:before { + content: "\F5A9"; +} + +.mdi-wifi-off:before { + content: "\F5AA"; +} + +.mdi-wii:before { + content: "\F5AB"; +} + +.mdi-wiiu:before { + content: "\F72C"; +} + +.mdi-wikipedia:before { + content: "\F5AC"; +} + +.mdi-window-close:before { + content: "\F5AD"; +} + +.mdi-window-closed:before { + content: "\F5AE"; +} + +.mdi-window-maximize:before { + content: "\F5AF"; +} + +.mdi-window-minimize:before { + content: "\F5B0"; +} + +.mdi-window-open:before { + content: "\F5B1"; +} + +.mdi-window-restore:before { + content: "\F5B2"; +} + +.mdi-windows:before { + content: "\F5B3"; +} + +.mdi-wordpress:before { + content: "\F5B4"; +} + +.mdi-worker:before { + content: "\F5B5"; +} + +.mdi-wrap:before { + content: "\F5B6"; +} + +.mdi-wrench:before { + content: "\F5B7"; +} + +.mdi-wunderlist:before { + content: "\F5B8"; +} + +.mdi-xaml:before { + content: "\F673"; +} + +.mdi-xbox:before { + content: "\F5B9"; +} + +.mdi-xbox-controller:before { + content: "\F5BA"; +} + +.mdi-xbox-controller-off:before { + content: "\F5BB"; +} + +.mdi-xda:before { + content: "\F5BC"; +} + +.mdi-xing:before { + content: "\F5BD"; +} + +.mdi-xing-box:before { + content: "\F5BE"; +} + +.mdi-xing-circle:before { + content: "\F5BF"; +} + +.mdi-xml:before { + content: "\F5C0"; +} + +.mdi-yeast:before { + content: "\F5C1"; +} + +.mdi-yelp:before { + content: "\F5C2"; +} + +.mdi-yin-yang:before { + content: "\F67F"; +} + +.mdi-youtube-play:before { + content: "\F5C3"; +} + +.mdi-zip-box:before { + content: "\F5C4"; +} + +.mdi-18px.mdi-set, +.mdi-18px.mdi:before { + font-size: 18px; +} + +.mdi-24px.mdi-set, +.mdi-24px.mdi:before { + font-size: 24px; +} + +.mdi-36px.mdi-set, +.mdi-36px.mdi:before { + font-size: 36px; +} + +.mdi-48px.mdi-set, +.mdi-48px.mdi:before { + font-size: 48px; +} + +.mdi-dark { + color: rgba(0, 0, 0, 0.54); +} + +.mdi-dark.mdi-inactive { + color: rgba(0, 0, 0, 0.26); +} + +.mdi-light { + color: #fff; +} + +.mdi-light.mdi-inactive { + color: rgba(255, 255, 255, 0.3); +} + +.mdi-rotate-45 { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.mdi-rotate-90 { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +.mdi-rotate-135 { + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); +} + +.mdi-rotate-180 { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.mdi-rotate-225 { + -webkit-transform: rotate(225deg); + -ms-transform: rotate(225deg); + transform: rotate(225deg); +} + +.mdi-rotate-270 { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} + +.mdi-rotate-315 { + -webkit-transform: rotate(315deg); + -ms-transform: rotate(315deg); + transform: rotate(315deg); +} + +.mdi-flip-horizontal { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: FlipH; +} + +.mdi-flip-vertical { + -webkit-transform: scaleY(-1); + transform: scaleY(-1); + filter: FlipV; + -ms-filter: FlipV; +} diff --git a/dss-web/public/favicon-16x16.png b/dss-web/public/favicon-16x16.png new file mode 100644 index 0000000..758f0b2 Binary files /dev/null and b/dss-web/public/favicon-16x16.png differ diff --git a/dss-web/public/favicon-32x32.png b/dss-web/public/favicon-32x32.png new file mode 100644 index 0000000..dc8fe44 Binary files /dev/null and b/dss-web/public/favicon-32x32.png differ diff --git a/dss-web/public/favicon.ico b/dss-web/public/favicon.ico new file mode 100644 index 0000000..7ea59d8 Binary files /dev/null and b/dss-web/public/favicon.ico differ diff --git a/dss-web/public/images/big/img1.jpg b/dss-web/public/images/big/img1.jpg new file mode 100644 index 0000000..90f65e1 Binary files /dev/null and b/dss-web/public/images/big/img1.jpg differ diff --git a/dss-web/public/images/big/img2.jpg b/dss-web/public/images/big/img2.jpg new file mode 100644 index 0000000..0bd04cc Binary files /dev/null and b/dss-web/public/images/big/img2.jpg differ diff --git a/dss-web/public/images/big/img3.jpg b/dss-web/public/images/big/img3.jpg new file mode 100644 index 0000000..233dcfe Binary files /dev/null and b/dss-web/public/images/big/img3.jpg differ diff --git a/dss-web/public/images/big/img4.jpg b/dss-web/public/images/big/img4.jpg new file mode 100644 index 0000000..a52792b Binary files /dev/null and b/dss-web/public/images/big/img4.jpg differ diff --git a/dss-web/public/images/img1.jpg b/dss-web/public/images/img1.jpg new file mode 100644 index 0000000..344f9d7 Binary files /dev/null and b/dss-web/public/images/img1.jpg differ diff --git a/dss-web/public/images/img2.jpg b/dss-web/public/images/img2.jpg new file mode 100644 index 0000000..7758d5f Binary files /dev/null and b/dss-web/public/images/img2.jpg differ diff --git a/dss-web/public/images/img3.jpg b/dss-web/public/images/img3.jpg new file mode 100644 index 0000000..b08c678 Binary files /dev/null and b/dss-web/public/images/img3.jpg differ diff --git a/dss-web/public/images/logo-icon.png b/dss-web/public/images/logo-icon.png new file mode 100644 index 0000000..58e50fb Binary files /dev/null and b/dss-web/public/images/logo-icon.png differ diff --git a/dss-web/public/images/logo-light-icon.png b/dss-web/public/images/logo-light-icon.png new file mode 100644 index 0000000..e9b106c Binary files /dev/null and b/dss-web/public/images/logo-light-icon.png differ diff --git a/dss-web/public/images/logo-light-text.png b/dss-web/public/images/logo-light-text.png new file mode 100644 index 0000000..2fd9195 Binary files /dev/null and b/dss-web/public/images/logo-light-text.png differ diff --git a/dss-web/public/images/logo-text.png b/dss-web/public/images/logo-text.png new file mode 100644 index 0000000..96f27c1 Binary files /dev/null and b/dss-web/public/images/logo-text.png differ diff --git a/dss-web/public/images/us.svg b/dss-web/public/images/us.svg new file mode 100644 index 0000000..2757594 --- /dev/null +++ b/dss-web/public/images/us.svg @@ -0,0 +1,48 @@ + + + The United States of America flag, produced by Daniel McRae + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dss-web/public/images/users/1.jpg b/dss-web/public/images/users/1.jpg new file mode 100644 index 0000000..f25235c Binary files /dev/null and b/dss-web/public/images/users/1.jpg differ diff --git a/dss-web/public/images/users/1.jpg.1 b/dss-web/public/images/users/1.jpg.1 new file mode 100644 index 0000000..f25235c Binary files /dev/null and b/dss-web/public/images/users/1.jpg.1 differ diff --git a/dss-web/public/images/users/2.jpg b/dss-web/public/images/users/2.jpg new file mode 100644 index 0000000..07bc0cd Binary files /dev/null and b/dss-web/public/images/users/2.jpg differ diff --git a/dss-web/public/images/users/3.jpg b/dss-web/public/images/users/3.jpg new file mode 100644 index 0000000..362f6eb Binary files /dev/null and b/dss-web/public/images/users/3.jpg differ diff --git a/dss-web/public/images/users/4.jpg b/dss-web/public/images/users/4.jpg new file mode 100644 index 0000000..aa27e06 Binary files /dev/null and b/dss-web/public/images/users/4.jpg differ diff --git a/dss-web/public/index.html b/dss-web/public/index.html new file mode 100644 index 0000000..14012a3 --- /dev/null +++ b/dss-web/public/index.html @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + Deep South Sounds + + + + +
+ + + + diff --git a/dss-web/public/robots.txt b/dss-web/public/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/dss-web/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/dss-web/public/site.css b/dss-web/public/site.css new file mode 100644 index 0000000..abd4dc7 --- /dev/null +++ b/dss-web/public/site.css @@ -0,0 +1,22447 @@ +@import url( + https://fonts.googleapis.com/css?family=Nunito + Sans:300, + 400, + 600, + 700, + 800 +); + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +body[data-theme="dark"] { + color: #b2b9bf; + background: #212529; +} + +body[data-theme="dark"] a.link { + color: #e9ecef; +} + +body[data-theme="dark"] a.link:focus, +body[data-theme="dark"] a.link:hover { + color: #2962ff; +} + +body[data-theme="dark"] .bg-white { + background-color: #000 !important; +} + +body[data-theme="dark"] .bg-dark { + background-color: #6c757d !important; +} + +body[data-theme="dark"] .text-dark { + color: #e9ecef !important; +} + +body[data-theme="dark"] .badge-light { + background-color: #343a40; + color: #b2b9bf; +} + +body[data-theme="dark"] .btn-light { + background-color: #343a40; + border-color: #343a40; + color: #b2b9bf; +} + +body[data-theme="dark"] .custom-control-label::before { + background-color: #6c757d; +} + +body[data-theme="dark"] .table-active, +body[data-theme="dark"] .table-active > td, +body[data-theme="dark"] .table-active > th { + background-color: rgba(233, 237, 242, 0.3); + color: #212529; +} + +body[data-theme="dark"] .table-primary, +body[data-theme="dark"] .table-primary > td, +body[data-theme="dark"] .table-primary > th { + background-color: rgba(102, 89, 247, 0.2); + color: #212529; +} + +body[data-theme="dark"] .table-success, +body[data-theme="dark"] .table-success > td, +body[data-theme="dark"] .table-success > th { + background-color: rgba(54, 190, 166, 0.2); + color: #212529; +} + +body[data-theme="dark"] .table-danger, +body[data-theme="dark"] .table-danger > td, +body[data-theme="dark"] .table-danger > th { + background-color: rgba(246, 45, 81, 0.2); + color: #212529; +} + +body[data-theme="dark"] .table-info, +body[data-theme="dark"] .table-info > td, +body[data-theme="dark"] .table-info > th { + background-color: rgba(41, 98, 255, 0.2); + color: #212529; +} + +body[data-theme="dark"] table .bg-primary { + background-color: rgba(102, 89, 247, 0.2) !important; +} + +body[data-theme="dark"] table .bg-success { + background-color: rgba(54, 190, 166, 0.2) !important; +} + +body[data-theme="dark"] table .bg-info { + background-color: rgba(41, 98, 255, 0.2) !important; +} + +body[data-theme="dark"] table .bg-warning { + background-color: rgba(255, 188, 52, 0.4) !important; +} + +body[data-theme="dark"] table .bg-danger { + background-color: rgba(246, 45, 81, 0.2) !important; +} + +body[data-theme="dark"] .card, +body[data-theme="dark"] .css-bar:after, +body[data-theme="dark"] .custom-file-label, +body[data-theme="dark"] .custom-select, +body[data-theme="dark"] .dtp > .dtp-content, +body[data-theme="dark"] .form-control, +body[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell, +body[data-theme="dark"] .jsgrid-row > .jsgrid-cell, +body[data-theme="dark"] .list-group-item, +body[data-theme="dark"] .lobilists .lobilist, +body[data-theme="dark"] .modal-content, +body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link, +body[data-theme="dark"] .nav-tabs .nav-link.active, +body[data-theme="dark"] + .note-editor.note-frame + .note-editing-area + .note-editable, +body[data-theme="dark"] .note-editor.note-frame .note-statusbar, +body[data-theme="dark"] .page-item.disabled .page-link, +body[data-theme="dark"] .page-link, +body[data-theme="dark"] .popover, +body[data-theme="dark"] .popover-header, +body[data-theme="dark"] .select2-container--classic .select2-selection--single, +body[data-theme="dark"] + .select2-container--default + .select2-selection--multiple, +body[data-theme="dark"] .select2-container--default .select2-selection--single { + background-color: #272b34; +} + +body[data-theme="dark"] .popover-header { + border-bottom: 1px solid #4f5467; +} + +body[data-theme="dark"] .mailbox .message-center .message-item.active, +body[data-theme="dark"] .mailbox .message-center .message-item:hover { + background: #323743; +} + +body[data-theme="dark"] .dropdown-item:focus, +body[data-theme="dark"] .dropdown-item:hover, +body[data-theme="dark"] .dropzone, +body[data-theme="dark"] .jsgrid-grid-header, +body[data-theme="dark"] .mailbox .message-center .message-item:hover, +body[data-theme="dark"] .picker__button--clear, +body[data-theme="dark"] .picker__button--close, +body[data-theme="dark"] .picker__button--today { + background: #272b34; +} + +body[data-theme="dark"] .card-footer, +body[data-theme="dark"] .left-part, +body[data-theme="dark"] .right-part.mail-compose, +body[data-theme="dark"] .right-part.mail-details, +body[data-theme="dark"] .right-part.mail-list, +body[data-theme="dark"] .select2-dropdown, +body[data-theme="dark"] .typeahead.form-control { + background-color: #272b34 !important; +} + +body[data-theme="dark"] #main-wrapper, +body[data-theme="dark"] .breadcrumb, +body[data-theme="dark"] .cke_toolbar_separator, +body[data-theme="dark"] .daterangepicker .ranges li:hover, +body[data-theme="dark"] .dropdown-menu, +body[data-theme="dark"] .jumbotron, +body[data-theme="dark"] .page-wrapper, +body[data-theme="dark"] .progress, +body[data-theme="dark"] .toast, +body[data-theme="dark"] .toast-header, +body[data-theme="dark"] .wizard-content .wizard > .steps .step, +body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a, +body[data-theme="dark"] + .wizard:not(.wizard-circle) + > .actions + .disabled + a:active, +body[data-theme="dark"] + .wizard:not(.wizard-circle) + > .actions + .disabled + a:hover, +body[data-theme="dark"] .wizard:not(.wizard-circle) > .content, +body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a, +body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:active, +body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:hover { + background-color: #323743; +} + +body[data-theme="dark"] .daterangepicker, +body[data-theme="dark"] .daterangepicker .calendar-table, +body[data-theme="dark"] .fc-toolbar .fc-button.fc-state-active, +body[data-theme="dark"] .fc-unthemed td.fc-today, +body[data-theme="dark"] .picker--time .picker__box, +body[data-theme="dark"] .picker__box, +body[data-theme="dark"] .picker__list-item { + background: #343a40; +} + +body[data-theme="dark"] .fc-unthemed .fc-divider, +body[data-theme="dark"] .fc-unthemed .fc-list-heading td, +body[data-theme="dark"] .fc-unthemed .fc-popover .fc-header { + background: #b2b9bf; +} + +body[data-theme="dark"] .ql-snow .ql-stroke { + stroke: #b2b9bf; +} + +body[data-theme="dark"] .datepicker .datepicker-switch:hover, +body[data-theme="dark"] .datepicker .next:hover, +body[data-theme="dark"] .datepicker .prev:hover, +body[data-theme="dark"] .datepicker table tr td.day.focused, +body[data-theme="dark"] .datepicker table tr td.day:hover, +body[data-theme="dark"] .datepicker tfoot tr th:hover, +body[data-theme="dark"] .daterangepicker td.off, +body[data-theme="dark"] .daterangepicker td.off.end-date, +body[data-theme="dark"] .daterangepicker td.off.in-range, +body[data-theme="dark"] .daterangepicker td.off.start-date { + background: #212529; +} + +body[data-theme="dark"] .daterangepicker select.ampmselect, +body[data-theme="dark"] .daterangepicker select.hourselect, +body[data-theme="dark"] .daterangepicker select.minuteselect, +body[data-theme="dark"] .daterangepicker select.monthselect, +body[data-theme="dark"] .daterangepicker select.secondselect, +body[data-theme="dark"] .daterangepicker select.yearselect { + background: #212529; + border: 1px solid #212529; + color: #b2b9bf; +} + +body[data-theme="dark"] .timeline:before { + background-color: #343a40; +} + +body[data-theme="dark"] .cd-horizontal-timeline .events { + background: #343a40; +} + +body[data-theme="dark"] .bootstrap-switch .bootstrap-switch-label, +body[data-theme="dark"] .cd-horizontal-timeline .events a::after, +body[data-theme="dark"] .cke_top, +body[data-theme="dark"] .css-bar > i, +body[data-theme="dark"] .dp-off, +body[data-theme="dark"] + .email-app + .list-group + .list-group-item + .list-group-item-action.active, +body[data-theme="dark"] + .email-app + .list-group + .list-group-item + .list-group-item-action:hover, +body[data-theme="dark"] .footable-odd, +body[data-theme="dark"] .jsgrid-alt-row > .jsgrid-cell, +body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell, +body[data-theme="dark"] .mce-menu-item.mce-disabled, +body[data-theme="dark"] .mce-menu-item.mce-disabled:hover, +body[data-theme="dark"] .noUi-target, +body[data-theme="dark"] .noUi-tooltip, +body[data-theme="dark"] .striped-rows .row:nth-child(odd), +body[data-theme="dark"] .swal2-popup, +body[data-theme="dark"] div.mce-edit-area { + background: #212529 !important; +} + +body[data-theme="dark"] + .select2-container--default + .select2-search--dropdown + .select2-search__field { + border: 1px solid #272b34; + background-color: #323743; + color: #b2b9bf; +} + +body[data-theme="dark"] .bg-light, +body[data-theme="dark"] .chat-list .chat-item .chat-content .box.bg-light-info, +body[data-theme="dark"] .custom-file-label::after, +body[data-theme="dark"] .customizer, +body[data-theme="dark"] .daterangepicker td.available:hover, +body[data-theme="dark"] .daterangepicker th.available:hover, +body[data-theme="dark"] .f-icon:hover, +body[data-theme="dark"] .if-icon:hover, +body[data-theme="dark"] .input-group-text, +body[data-theme="dark"] .m-icon:hover, +body[data-theme="dark"] .mce-panel, +body[data-theme="dark"] .myadmin-dd .dd-list .dd-item .dd-handle, +body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-content, +body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-handle, +body[data-theme="dark"] .ql-snow .ql-picker-options, +body[data-theme="dark"] + .select2-container--classic + .select2-search--dropdown + .select2-search__field, +body[data-theme="dark"] .select2-container--classic .select2-selection--single, +body[data-theme="dark"] + .select2-container--default + .select2-results__option[aria-selected="true"], +body[data-theme="dark"] + .select2-container--default + .select2-selection--multiple, +body[data-theme="dark"] .select2-container--default .select2-selection--single, +body[data-theme="dark"] .select2-dropdown, +body[data-theme="dark"] .sl-icon:hover, +body[data-theme="dark"] .t-icon:hover, +body[data-theme="dark"] .table .thead-light th, +body[data-theme="dark"] .table-hover tbody tr:hover, +body[data-theme="dark"] .w-icon:hover, +body[data-theme="dark"] pre[class*="language-"] { + background-color: #262d35 !important; +} + +body[data-theme="dark"] .timeline > .timeline-item > .timeline-panel:after { + border-right: #4f5467; + border-left: #4f5467; +} + +body[data-theme="dark"] .mce-menubar .mce-menubtn.mce-active, +body[data-theme="dark"] .mce-menubar .mce-menubtn:focus, +body[data-theme="dark"] .mce-menubar .mce-menubtn:hover { + background: #343a40; + border-color: #4f5467; +} + +body[data-theme="dark"] .mce-btn { + background: #343a40; + text-shadow: none; +} + +body[data-theme="dark"] .mce-btn button { + color: #b2b9bf; +} + +body[data-theme="dark"] .breadcrumb-item.active, +body[data-theme="dark"] .chat-list .chat-item .chat-content .box.bg-light-info, +body[data-theme="dark"] .cke_reset_all, +body[data-theme="dark"] .cke_reset_all *, +body[data-theme="dark"] .cke_reset_all a, +body[data-theme="dark"] .cke_reset_all textarea, +body[data-theme="dark"] .custom-file-label::after, +body[data-theme="dark"] .custom-select, +body[data-theme="dark"] .dropdown-item, +body[data-theme="dark"] .dropdown-menu, +body[data-theme="dark"] .dtp .dtp-picker-time > a, +body[data-theme="dark"] .dtp table.dtp-picker-days tr > td > a, +body[data-theme="dark"] + .email-app + .list-group + .list-group-item + .list-group-item-action, +body[data-theme="dark"] .form-control, +body[data-theme="dark"] .input-group-text, +body[data-theme="dark"] .lobilists .btn-link, +body[data-theme="dark"] .lobilists .lobilist-item-title, +body[data-theme="dark"] .mce-ico, +body[data-theme="dark"] .mce-menubar .mce-menubtn button span, +body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link, +body[data-theme="dark"] .nav-tabs .nav-link.active, +body[data-theme="dark"] .nav-tabs .nav-link:focus, +body[data-theme="dark"] .nav-tabs .nav-link:hover, +body[data-theme="dark"] .noUi-tooltip, +body[data-theme="dark"] + .note-editor.note-frame + .note-editing-area + .note-editable, +body[data-theme="dark"] .page-wrapper, +body[data-theme="dark"] .picker, +body[data-theme="dark"] .popover-body, +body[data-theme="dark"] .ql-snow .ql-picker.ql-header .ql-picker-item::before, +body[data-theme="dark"] .ql-snow .ql-picker.ql-header .ql-picker-label::before, +body[data-theme="dark"] .select2-container--classic .select2-selection--single, +body[data-theme="dark"] + .select2-container--default + .select2-selection--multiple, +body[data-theme="dark"] .select2-container--default .select2-selection--single, +body[data-theme="dark"] + .select2-container--default + .select2-selection--single + .select2-selection__arrow, +body[data-theme="dark"] + .select2-container--default + .select2-selection--single + .select2-selection__rendered, +body[data-theme="dark"] .swal2-input, +body[data-theme="dark"] .swal2-popup .swal2-content, +body[data-theme="dark"] .swal2-popup .swal2-title, +body[data-theme="dark"] .table, +body[data-theme="dark"] .table .thead-light th, +body[data-theme="dark"] .table-hover tbody tr:hover, +body[data-theme="dark"] .toast-header, +body[data-theme="dark"] button.list-group-item, +body[data-theme="dark"] ul.list-style-none li a { + color: #b2b9bf; +} + +body[data-theme="dark"] .mailbox .message-center .message-item .message-title { + color: #fff; +} + +body[data-theme="dark"] .b-form .row, +body[data-theme="dark"] .bootstrap-switch, +body[data-theme="dark"] .border, +body[data-theme="dark"] .border-bottom, +body[data-theme="dark"] .border-left, +body[data-theme="dark"] .border-right, +body[data-theme="dark"] .border-top, +body[data-theme="dark"] .card-group .card, +body[data-theme="dark"] .cd-horizontal-timeline .events a::after, +body[data-theme="dark"] .cd-timeline-navigation a, +body[data-theme="dark"] .cke_chrome, +body[data-theme="dark"] + .cke_toolgroup + a.cke_button.cke_button_disabled:hover:last-child:after, +body[data-theme="dark"] .cke_toolgroup a.cke_button:last-child:after, +body[data-theme="dark"] .custom-file-label, +body[data-theme="dark"] .custom-file-label::after, +body[data-theme="dark"] .custom-select, +body[data-theme="dark"] .datepaginator .pagination li a, +body[data-theme="dark"] .datepaginator-lg .pagination li a, +body[data-theme="dark"] .datepaginator-sm .pagination li a, +body[data-theme="dark"] .daterangepicker, +body[data-theme="dark"] .daterangepicker .calendar-table, +body[data-theme="dark"] .daterangepicker .drp-buttons, +body[data-theme="dark"] .dropdown-divider, +body[data-theme="dark"] .dropdown-menu, +body[data-theme="dark"] .dropzone, +body[data-theme="dark"] .e-campaign .c-cost, +body[data-theme="dark"] .form-control, +body[data-theme="dark"] .input-group-text, +body[data-theme="dark"] .jsgrid-edit-row > .jsgrid-cell, +body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell, +body[data-theme="dark"] .jsgrid-grid-body, +body[data-theme="dark"] .jsgrid-grid-header, +body[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell, +body[data-theme="dark"] .jsgrid-insert-row > .jsgrid-cell, +body[data-theme="dark"] .jsgrid-pager-current-page, +body[data-theme="dark"] .jsgrid-pager-nav-button a, +body[data-theme="dark"] .jsgrid-pager-page a, +body[data-theme="dark"] .left-part, +body[data-theme="dark"] .list-group-item, +body[data-theme="dark"] .lobilists .lobilist, +body[data-theme="dark"] .lobilists .lobilist-footer, +body[data-theme="dark"] .lobilists .lobilist-form-footer, +body[data-theme="dark"] .lobilists .lobilist-item, +body[data-theme="dark"] .lobilists .lobilist-item .drag-handler, +body[data-theme="dark"] .mailbox .message-center .message-item, +body[data-theme="dark"] .mailbox .nav-link, +body[data-theme="dark"] .mce-btn-group:not(:first-child), +body[data-theme="dark"] .mce-btn:active, +body[data-theme="dark"] .mce-btn:hover, +body[data-theme="dark"] .mce-menubar, +body[data-theme="dark"] .mce-panel, +body[data-theme="dark"] .mce-splitbtn:hover .mce-open, +body[data-theme="dark"] .modal-footer, +body[data-theme="dark"] .modal-header, +body[data-theme="dark"] .nav-tabs, +body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link, +body[data-theme="dark"] .nav-tabs .nav-link.active, +body[data-theme="dark"] .nav-tabs .nav-link:focus, +body[data-theme="dark"] .nav-tabs .nav-link:hover, +body[data-theme="dark"] .noUi-tooltip, +body[data-theme="dark"] .note-editor.note-frame, +body[data-theme="dark"] .note-editor.note-frame .note-statusbar, +body[data-theme="dark"] .page-link, +body[data-theme="dark"] .picker__button--clear, +body[data-theme="dark"] .picker__button--close, +body[data-theme="dark"] .picker__button--today, +body[data-theme="dark"] .picker__list-item, +body[data-theme="dark"] .profiletimeline, +body[data-theme="dark"] .ql-container.ql-snow, +body[data-theme="dark"] .ql-toolbar.ql-snow, +body[data-theme="dark"] .r-separator .form-group, +body[data-theme="dark"] .select2-container--classic .select2-selection--single, +body[data-theme="dark"] + .select2-container--default + .select2-selection--multiple, +body[data-theme="dark"] .select2-container--default .select2-selection--single, +body[data-theme="dark"] .select2-dropdown, +body[data-theme="dark"] .steamline, +body[data-theme="dark"] .steamline .sl-item, +body[data-theme="dark"] .table td, +body[data-theme="dark"] .table th, +body[data-theme="dark"] .table-bordered, +body[data-theme="dark"] .table-bordered td, +body[data-theme="dark"] .table-bordered th, +body[data-theme="dark"] .timeline > .timeline-item > .timeline-panel, +body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps .step, +body[data-theme="dark"] blockquote, +body[data-theme="dark"] pre[class*="language-"] { + border-color: #4f5467 !important; +} + +body[data-theme="dark"] + .wizard-content + .wizard + > .steps + > ul + > li.current + .step { + border-color: #2962ff !important; + background-color: #000; +} + +body[data-theme="dark"] .wizard-content .wizard > .steps > ul > li.current > a { + color: #fff; +} + +body[data-theme="dark"] + .wizard-content + .wizard.wizard-circle + > .steps + > ul + > li.current:after, +body[data-theme="dark"] + .wizard-content + .wizard.wizard-circle + > .steps + > ul + > li.current + ~ li:after, +body[data-theme="dark"] + .wizard-content + .wizard.wizard-circle + > .steps + > ul + > li.current + ~ li:before { + background-color: #4f5467; +} + +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li.current:after, +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li.current:before, +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li.current + ~ li:after, +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li.current + ~ li:before, +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li:after, +body[data-theme="dark"] + .wizard-content + .wizard.vertical + > .steps + > ul + > li:before { + background-color: transparent; +} + +body[data-theme="dark"] .custom-select.is-valid, +body[data-theme="dark"] .form-control.is-valid, +body[data-theme="dark"] .was-validated .custom-select:valid, +body[data-theme="dark"] .was-validated .form-control:valid { + border-color: #36bea6 !important; +} + +body[data-theme="dark"] .custom-select.is-invalid, +body[data-theme="dark"] .form-control.is-invalid, +body[data-theme="dark"] .was-validated .custom-select:invalid, +body[data-theme="dark"] .was-validated .form-control:invalid { + border-color: #f62d51 !important; +} + +body[data-theme="dark"] .ct-label { + fill: #b2b9bf; + color: #b2b9bf; +} + +body[data-theme="dark"] .ct-grid { + stroke: #262d35; +} + +body[data-theme="dark"] .c3 text { + stroke: #b2b9bf; +} + +body[data-theme="dark"] #morris-donut-chart path { + stroke: #272b34; +} + +body[data-theme="dark"] #morris-donut-chart text tspan { + fill: #b2b9bf; +} + +body[data-theme="dark"] .css-bar-danger.css-bar-30 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(198deg, #fc4b6c 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-primary.css-bar-20 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(162deg, #2c63ff 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-primary.css-bar-50 { + background-image: linear-gradient( + 270deg, + #2c63ff 50%, + transparent 50%, + transparent + ), + linear-gradient(270deg, #2c63ff 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-danger.css-bar-20 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(162deg, #fc4b6c 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-warning.css-bar-40 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(234deg, #ffbc34 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-info.css-bar-60 { + background-image: linear-gradient( + 306deg, + #1e88e5 50%, + transparent 50%, + transparent + ), + linear-gradient(270deg, #1e88e5 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-success.css-bar-20 { + background-image: linear-gradient( + 162deg, + #26c6da 50%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 0.2) + ); +} + +body[data-theme="dark"] .css-bar-success.css-bar-10 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(126deg, #26c6da 50%, #323743 50%, #323743); +} + +body[data-theme="dark"] .css-bar-purple.css-bar-10 { + background-image: linear-gradient( + 90deg, + #323743 50%, + transparent 50%, + transparent + ), + linear-gradient(126deg, #7266ba 50%, #323743 50%, #323743); +} + +/*! + * Bootstrap v4.5.0 (https://getbootstrap.com/) + * Copyright 2011-2020 The Bootstrap Authors + * Copyright 2011-2020 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +:root { + --blue: #2962ff; + --indigo: #6610f2; + --purple: #7460ee; + --pink: #e83e8c; + --red: #f62d51; + --orange: #fb8c00; + --yellow: #ffbc34; + --green: #36bea6; + --teal: #20c997; + --cyan: #4fc3f7; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --blue: #2962ff; + --indigo: #6610f2; + --purple: #7460ee; + --pink: #e83e8c; + --red: #f62d51; + --orange: #fb8c00; + --yellow: #ffbc34; + --green: #36bea6; + --teal: #20c997; + --cyan: #4fc3f7; + --white: #fff; + --gray: #6c757d; + --primary: #7460ee; + --secondary: #6c757d; + --success: #36bea6; + --info: #2962ff; + --warning: #ffbc34; + --danger: #f62d51; + --light: #f8f9fa; + --dark: #343a40; + --cyan: #4fc3f7; + --orange: #fb8c00; + --purple: #7460ee; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1600px; + --font-family-sans-serif: "Nunito Sans", sans-serif; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; +} + +*, +::after, +::before { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: transparent; +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Nunito Sans", sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #3e5569; + text-align: left; + background-color: #eef5f9; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + 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[data-original-title], +abbr[title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +dl, +ol, +ul { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0; +} + +dt { + font-weight: 800; +} + +dd { + margin-bottom: 0.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: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #7460ee; + text-decoration: none; + background-color: transparent; +} + +a:hover { + color: #381be7; + text-decoration: underline; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +code, +kbd, +pre, +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; + -ms-overflow-style: scrollbar; +} + +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: 1rem; + padding-bottom: 1rem; + color: #a1aab2; + 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; +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +[role="button"] { + cursor: pointer; +} + +select { + word-wrap: normal; +} + +[type="button"], +[type="reset"], +[type="submit"], +button { + -webkit-appearance: button; +} + +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled), +button:not(:disabled) { + cursor: pointer; +} + +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner, +button::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +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: 0.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: 700; + line-height: 1.2; + color: inherit; +} + +.h1, +h1 { + font-size: 2.25rem; +} + +.h2, +h2 { + font-size: 1.875rem; +} + +.h3, +h3 { + font-size: 1.5rem; +} + +.h4, +h4 { + font-size: 1.125rem; +} + +.h5, +h5 { + font-size: 1rem; +} + +.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: #6c757d; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #eef5f9; + border: 1px solid #dee2e6; + border-radius: 2px; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +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: 1px; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 800; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 10px; + padding-left: 10px; + 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: 1600px) { + .container { + max-width: 1140px; + } +} + +.container-fluid, +.container-lg, +.container-md, +.container-sm, +.container-xl { + width: 100%; + padding-right: 10px; + padding-left: 10px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, + .container-sm { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container, + .container-md, + .container-sm { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container, + .container-lg, + .container-md, + .container-sm { + max-width: 960px; + } +} + +@media (min-width: 1600px) { + .container, + .container-lg, + .container-md, + .container-sm, + .container-xl { + max-width: 1140px; + } +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -10px; + margin-left: -10px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col, +.col-1, +.col-10, +.col-11, +.col-12, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-auto, +.col-lg, +.col-lg-1, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.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-auto, +.col-md, +.col-md-1, +.col-md-10, +.col-md-11, +.col-md-12, +.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-auto, +.col-sm, +.col-sm-1, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.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-auto, +.col-xl, +.col-xl-1, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.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-auto { + position: relative; + width: 100%; + padding-right: 10px; + padding-left: 10px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + min-width: 0; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; +} + +.col-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; +} + +.col-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; +} + +.col-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; +} + +.col-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.33333%; +} + +.offset-2 { + margin-left: 16.66667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333%; +} + +.offset-5 { + margin-left: 41.66667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333%; +} + +.offset-8 { + margin-left: 66.66667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333%; +} + +.offset-11 { + margin-left: 91.66667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + min-width: 0; + max-width: 100%; + } + + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-sm-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + + .col-sm-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-sm-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .col-sm-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-sm-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + + .col-sm-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-sm-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + + .col-sm-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-sm-first { + order: -1; + } + + .order-sm-last { + order: 13; + } + + .order-sm-0 { + order: 0; + } + + .order-sm-1 { + order: 1; + } + + .order-sm-2 { + order: 2; + } + + .order-sm-3 { + order: 3; + } + + .order-sm-4 { + order: 4; + } + + .order-sm-5 { + order: 5; + } + + .order-sm-6 { + order: 6; + } + + .order-sm-7 { + order: 7; + } + + .order-sm-8 { + order: 8; + } + + .order-sm-9 { + order: 9; + } + + .order-sm-10 { + order: 10; + } + + .order-sm-11 { + order: 11; + } + + .order-sm-12 { + order: 12; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.33333%; + } + + .offset-sm-2 { + margin-left: 16.66667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.33333%; + } + + .offset-sm-5 { + margin-left: 41.66667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.33333%; + } + + .offset-sm-8 { + margin-left: 66.66667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.33333%; + } + + .offset-sm-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + min-width: 0; + max-width: 100%; + } + + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-md-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + + .col-md-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-md-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .col-md-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-md-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + + .col-md-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-md-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + + .col-md-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-md-first { + order: -1; + } + + .order-md-last { + order: 13; + } + + .order-md-0 { + order: 0; + } + + .order-md-1 { + order: 1; + } + + .order-md-2 { + order: 2; + } + + .order-md-3 { + order: 3; + } + + .order-md-4 { + order: 4; + } + + .order-md-5 { + order: 5; + } + + .order-md-6 { + order: 6; + } + + .order-md-7 { + order: 7; + } + + .order-md-8 { + order: 8; + } + + .order-md-9 { + order: 9; + } + + .order-md-10 { + order: 10; + } + + .order-md-11 { + order: 11; + } + + .order-md-12 { + order: 12; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.33333%; + } + + .offset-md-2 { + margin-left: 16.66667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.33333%; + } + + .offset-md-5 { + margin-left: 41.66667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.33333%; + } + + .offset-md-8 { + margin-left: 66.66667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.33333%; + } + + .offset-md-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + min-width: 0; + max-width: 100%; + } + + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-lg-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + + .col-lg-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-lg-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .col-lg-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-lg-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + + .col-lg-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-lg-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + + .col-lg-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-lg-first { + order: -1; + } + + .order-lg-last { + order: 13; + } + + .order-lg-0 { + order: 0; + } + + .order-lg-1 { + order: 1; + } + + .order-lg-2 { + order: 2; + } + + .order-lg-3 { + order: 3; + } + + .order-lg-4 { + order: 4; + } + + .order-lg-5 { + order: 5; + } + + .order-lg-6 { + order: 6; + } + + .order-lg-7 { + order: 7; + } + + .order-lg-8 { + order: 8; + } + + .order-lg-9 { + order: 9; + } + + .order-lg-10 { + order: 10; + } + + .order-lg-11 { + order: 11; + } + + .order-lg-12 { + order: 12; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.33333%; + } + + .offset-lg-2 { + margin-left: 16.66667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.33333%; + } + + .offset-lg-5 { + margin-left: 41.66667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.33333%; + } + + .offset-lg-8 { + margin-left: 66.66667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.33333%; + } + + .offset-lg-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 1600px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + min-width: 0; + max-width: 100%; + } + + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + + .col-xl-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + + .col-xl-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + + .col-xl-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + + .col-xl-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + + .col-xl-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + + .col-xl-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + + .col-xl-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + + .col-xl-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + + .order-xl-first { + order: -1; + } + + .order-xl-last { + order: 13; + } + + .order-xl-0 { + order: 0; + } + + .order-xl-1 { + order: 1; + } + + .order-xl-2 { + order: 2; + } + + .order-xl-3 { + order: 3; + } + + .order-xl-4 { + order: 4; + } + + .order-xl-5 { + order: 5; + } + + .order-xl-6 { + order: 6; + } + + .order-xl-7 { + order: 7; + } + + .order-xl-8 { + order: 8; + } + + .order-xl-9 { + order: 9; + } + + .order-xl-10 { + order: 10; + } + + .order-xl-11 { + order: 11; + } + + .order-xl-12 { + order: 12; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.33333%; + } + + .offset-xl-2 { + margin-left: 16.66667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.33333%; + } + + .offset-xl-5 { + margin-left: 41.66667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.33333%; + } + + .offset-xl-8 { + margin-left: 66.66667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.33333%; + } + + .offset-xl-11 { + margin-left: 91.66667%; + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + color: #3e5569; +} + +.table td, +.table th { + padding: 1rem; + vertical-align: top; + border-top: 1px solid #e9ecef; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #e9ecef; +} + +.table tbody + tbody { + border-top: 2px solid #e9ecef; +} + +.table-sm td, +.table-sm th { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #e9ecef; +} + +.table-bordered td, +.table-bordered th { + border: 1px solid #e9ecef; +} + +.table-bordered thead td, +.table-bordered thead th { + border-bottom-width: 2px; +} + +.table-borderless tbody + tbody, +.table-borderless td, +.table-borderless th, +.table-borderless thead th { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + color: #3e5569; + background-color: #f8f9fa; +} + +.table-primary, +.table-primary > td, +.table-primary > th { + background-color: #e3dffc; +} + +.table-primary tbody + tbody, +.table-primary td, +.table-primary th, +.table-primary thead th { + border-color: #b7acf6; +} + +.table-hover .table-primary:hover { + background-color: #cfc8fa; +} + +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #cfc8fa; +} + +.table-secondary, +.table-secondary > td, +.table-secondary > th { + background-color: #e2e3e5; +} + +.table-secondary tbody + tbody, +.table-secondary td, +.table-secondary th, +.table-secondary thead th { + border-color: #b3b7bb; +} + +.table-hover .table-secondary:hover { + background-color: #d5d6d9; +} + +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #d5d6d9; +} + +.table-success, +.table-success > td, +.table-success > th { + background-color: #d7f2ed; +} + +.table-success tbody + tbody, +.table-success td, +.table-success th, +.table-success thead th { + border-color: #96ddd1; +} + +.table-hover .table-success:hover { + background-color: #c4ece4; +} + +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #c4ece4; +} + +.table-info, +.table-info > td, +.table-info > th { + background-color: #d4e0ff; +} + +.table-info tbody + tbody, +.table-info td, +.table-info th, +.table-info thead th { + border-color: #90adff; +} + +.table-hover .table-info:hover { + background-color: #bbceff; +} + +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #bbceff; +} + +.table-warning, +.table-warning > td, +.table-warning > th { + background-color: #fff2d6; +} + +.table-warning tbody + tbody, +.table-warning td, +.table-warning th, +.table-warning thead th { + border-color: #ffdc95; +} + +.table-hover .table-warning:hover { + background-color: #ffeabd; +} + +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffeabd; +} + +.table-danger, +.table-danger > td, +.table-danger > th { + background-color: #fdd5dc; +} + +.table-danger tbody + tbody, +.table-danger td, +.table-danger th, +.table-danger thead th { + border-color: #fa92a5; +} + +.table-hover .table-danger:hover { + background-color: #fcbdc8; +} + +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #fcbdc8; +} + +.table-light, +.table-light > td, +.table-light > th { + background-color: #fefefe; +} + +.table-light tbody + tbody, +.table-light td, +.table-light th, +.table-light thead th { + border-color: #fbfcfc; +} + +.table-hover .table-light:hover { + background-color: #f1f1f1; +} + +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #f1f1f1; +} + +.table-dark, +.table-dark > td, +.table-dark > th { + background-color: #d6d8d9; +} + +.table-dark tbody + tbody, +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: #95999c; +} + +.table-hover .table-dark:hover { + background-color: #c9cbcd; +} + +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #c9cbcd; +} + +.table-cyan, +.table-cyan > td, +.table-cyan > th { + background-color: #dcf3fd; +} + +.table-cyan tbody + tbody, +.table-cyan td, +.table-cyan th, +.table-cyan thead th { + border-color: #a3e0fb; +} + +.table-hover .table-cyan:hover { + background-color: #c4ebfc; +} + +.table-hover .table-cyan:hover > td, +.table-hover .table-cyan:hover > th { + background-color: #c4ebfc; +} + +.table-orange, +.table-orange > td, +.table-orange > th { + background-color: #fee8cc; +} + +.table-orange tbody + tbody, +.table-orange td, +.table-orange th, +.table-orange thead th { + border-color: #fdc37a; +} + +.table-hover .table-orange:hover { + background-color: #feddb3; +} + +.table-hover .table-orange:hover > td, +.table-hover .table-orange:hover > th { + background-color: #feddb3; +} + +.table-purple, +.table-purple > td, +.table-purple > th { + background-color: #e3dffc; +} + +.table-purple tbody + tbody, +.table-purple td, +.table-purple th, +.table-purple thead th { + border-color: #b7acf6; +} + +.table-hover .table-purple:hover { + background-color: #cfc8fa; +} + +.table-hover .table-purple:hover > td, +.table-hover .table-purple:hover > th { + background-color: #cfc8fa; +} + +.table-active, +.table-active > td, +.table-active > th { + background-color: #f8f9fa; +} + +.table-hover .table-active:hover { + background-color: #e9ecef; +} + +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: #e9ecef; +} + +.table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color: #454d55; +} + +.table .thead-light th { + color: #4f5467; + background-color: #e9ecef; + border-color: #e9ecef; +} + +.table-dark { + color: #fff; + background-color: #343a40; +} + +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: #454d55; +} + +.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: 1599.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 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #4f5467; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #e9ecef; + border-radius: 2px; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #4f5467; +} + +.form-control:focus { + color: #4f5467; + background-color: #fff; + border-color: rgba(0, 0, 0, 0.25); + outline: 0; + box-shadow: transparent; +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +input[type="date"].form-control, +input[type="datetime-local"].form-control, +input[type="month"].form-control, +input[type="time"].form-control { + appearance: none; +} + +select.form-control:focus::-ms-value { + color: #4f5467; + 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.76563rem; + 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: #3e5569; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-lg, +.form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.76563rem; + line-height: 1.5; + border-radius: 1px; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 2px; +} + +select.form-control[multiple], +select.form-control[size] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + 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: #a1aab2; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + 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: #36bea6; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.76563rem; + line-height: 1.5; + color: #fff; + background-color: rgba(54, 190, 166, 0.9); + border-radius: 2px; +} + +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip, +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip { + display: block; +} + +.form-control.is-valid, +.was-validated .form-control:valid { + border-color: #36bea6; + 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='%2336bea6' 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); +} + +.form-control.is-valid:focus, +.was-validated .form-control:valid:focus { + border-color: #36bea6; + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 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); +} + +.custom-select.is-valid, +.was-validated .custom-select:valid { + border-color: #36bea6; + padding-right: calc(0.75em + 2.3125rem); + background: url(/images/custom-select.png) no-repeat right 0.75rem + 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='%2336bea6' 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 1.75rem / calc(0.75em + 0.375rem) + calc(0.75em + 0.375rem); +} + +.custom-select.is-valid:focus, +.was-validated .custom-select:valid:focus { + border-color: #36bea6; + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); +} + +.form-check-input.is-valid ~ .form-check-label, +.was-validated .form-check-input:valid ~ .form-check-label { + color: #36bea6; +} + +.form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip, +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip { + display: block; +} + +.custom-control-input.is-valid ~ .custom-control-label, +.was-validated .custom-control-input:valid ~ .custom-control-label { + color: #36bea6; +} + +.custom-control-input.is-valid ~ .custom-control-label::before, +.was-validated .custom-control-input:valid ~ .custom-control-label::before { + border-color: #36bea6; +} + +.custom-control-input.is-valid:checked ~ .custom-control-label::before, +.was-validated + .custom-control-input:valid:checked + ~ .custom-control-label::before { + border-color: #58cfba; + background-color: #58cfba; +} + +.custom-control-input.is-valid:focus ~ .custom-control-label::before, +.was-validated + .custom-control-input:valid:focus + ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); +} + +.custom-control-input.is-valid:focus:not(:checked) + ~ .custom-control-label::before, +.was-validated + .custom-control-input:valid:focus:not(:checked) + ~ .custom-control-label::before { + border-color: #36bea6; +} + +.custom-file-input.is-valid ~ .custom-file-label, +.was-validated .custom-file-input:valid ~ .custom-file-label { + border-color: #36bea6; +} + +.custom-file-input.is-valid:focus ~ .custom-file-label, +.was-validated .custom-file-input:valid:focus ~ .custom-file-label { + border-color: #36bea6; + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f62d51; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.76563rem; + line-height: 1.5; + color: #fff; + background-color: rgba(246, 45, 81, 0.9); + border-radius: 2px; +} + +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip, +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip { + display: block; +} + +.form-control.is-invalid, +.was-validated .form-control:invalid { + border-color: #f62d51; + 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='%23f62d51' 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='%23f62d51' 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); +} + +.form-control.is-invalid:focus, +.was-validated .form-control:invalid:focus { + border-color: #f62d51; + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 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); +} + +.custom-select.is-invalid, +.was-validated .custom-select:invalid { + border-color: #f62d51; + padding-right: calc(0.75em + 2.3125rem); + background: url(/images/custom-select.png) no-repeat right 0.75rem + center/8px 10px, + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f62d51' 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='%23f62d51' stroke='none'/%3e%3c/svg%3e") + #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) + calc(0.75em + 0.375rem); +} + +.custom-select.is-invalid:focus, +.was-validated .custom-select:invalid:focus { + border-color: #f62d51; + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); +} + +.form-check-input.is-invalid ~ .form-check-label, +.was-validated .form-check-input:invalid ~ .form-check-label { + color: #f62d51; +} + +.form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip, +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip { + display: block; +} + +.custom-control-input.is-invalid ~ .custom-control-label, +.was-validated .custom-control-input:invalid ~ .custom-control-label { + color: #f62d51; +} + +.custom-control-input.is-invalid ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid ~ .custom-control-label::before { + border-color: #f62d51; +} + +.custom-control-input.is-invalid:checked ~ .custom-control-label::before, +.was-validated + .custom-control-input:invalid:checked + ~ .custom-control-label::before { + border-color: #f85e7a; + background-color: #f85e7a; +} + +.custom-control-input.is-invalid:focus ~ .custom-control-label::before, +.was-validated + .custom-control-input:invalid:focus + ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); +} + +.custom-control-input.is-invalid:focus:not(:checked) + ~ .custom-control-label::before, +.was-validated + .custom-control-input:invalid:focus:not(:checked) + ~ .custom-control-label::before { + border-color: #f62d51; +} + +.custom-file-input.is-invalid ~ .custom-file-label, +.was-validated .custom-file-input:invalid ~ .custom-file-label { + border-color: #f62d51; +} + +.custom-file-input.is-invalid:focus ~ .custom-file-label, +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label { + border-color: #f62d51; + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + 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 .custom-select, + .form-inline .input-group { + width: auto; + } + + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #3e5569; + text-align: center; + vertical-align: middle; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 2px; + 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; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #3e5569; + text-decoration: none; +} + +.btn.focus, +.btn:focus { + outline: 0; + box-shadow: transparent; +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-primary:hover { + color: #fff; + background-color: #563dea; + border-color: #4c32e9; +} + +.btn-primary.focus, +.btn-primary:focus { + color: #fff; + background-color: #563dea; + border-color: #4c32e9; + box-shadow: 0 0 0 0.2rem rgba(137, 120, 241, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #4c32e9; + border-color: #4226e8; +} + +.btn-primary:not(:disabled):not(.disabled).active:focus, +.btn-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(137, 120, 241, 0.5); +} + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} + +.btn-secondary.focus, +.btn-secondary:focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} + +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:not(:disabled):not(.disabled).active, +.btn-secondary:not(:disabled):not(.disabled):active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} + +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} + +.btn-success { + color: #fff; + background-color: #36bea6; + border-color: #36bea6; +} + +.btn-success:hover { + color: #fff; + background-color: #2ea08c; + border-color: #2b9683; +} + +.btn-success.focus, +.btn-success:focus { + color: #fff; + background-color: #2ea08c; + border-color: #2b9683; + box-shadow: 0 0 0 0.2rem rgba(84, 200, 179, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #36bea6; + border-color: #36bea6; +} + +.btn-success:not(:disabled):not(.disabled).active, +.btn-success:not(:disabled):not(.disabled):active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #2b9683; + border-color: #288c7b; +} + +.btn-success:not(:disabled):not(.disabled).active:focus, +.btn-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(84, 200, 179, 0.5); +} + +.btn-info { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.btn-info:hover { + color: #fff; + background-color: #0346ff; + border-color: #0041f5; +} + +.btn-info.focus, +.btn-info:focus { + color: #fff; + background-color: #0346ff; + border-color: #0041f5; + box-shadow: 0 0 0 0.2rem rgba(73, 122, 255, 0.5); +} + +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.btn-info:not(:disabled):not(.disabled).active, +.btn-info:not(:disabled):not(.disabled):active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #0041f5; + border-color: #003ee8; +} + +.btn-info:not(:disabled):not(.disabled).active:focus, +.btn-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(73, 122, 255, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffbc34; + border-color: #ffbc34; +} + +.btn-warning:hover { + color: #212529; + background-color: #ffaf0e; + border-color: #ffab01; +} + +.btn-warning.focus, +.btn-warning:focus { + color: #212529; + background-color: #ffaf0e; + border-color: #ffab01; + box-shadow: 0 0 0 0.2rem rgba(222, 165, 50, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #ffbc34; + border-color: #ffbc34; +} + +.btn-warning:not(:disabled):not(.disabled).active, +.btn-warning:not(:disabled):not(.disabled):active, +.show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #ffab01; + border-color: #f3a300; +} + +.btn-warning:not(:disabled):not(.disabled).active:focus, +.btn-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 165, 50, 0.5); +} + +.btn-danger { + color: #fff; + background-color: #f62d51; + border-color: #f62d51; +} + +.btn-danger:hover { + color: #fff; + background-color: #f20a34; + border-color: #e60a31; +} + +.btn-danger.focus, +.btn-danger:focus { + color: #fff; + background-color: #f20a34; + border-color: #e60a31; + box-shadow: 0 0 0 0.2rem rgba(247, 77, 107, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #f62d51; + border-color: #f62d51; +} + +.btn-danger:not(:disabled):not(.disabled).active, +.btn-danger:not(:disabled):not(.disabled):active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #e60a31; + border-color: #da092f; +} + +.btn-danger:not(:disabled):not(.disabled).active:focus, +.btn-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(247, 77, 107, 0.5); +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-light.focus, +.btn-light:focus { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.btn-light:not(:disabled):not(.disabled).active:focus, +.btn-light:not(:disabled):not(.disabled):active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-dark.focus, +.btn-dark:focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:not(:disabled):not(.disabled).active, +.btn-dark:not(:disabled):not(.disabled):active, +.show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} + +.btn-dark:not(:disabled):not(.disabled).active:focus, +.btn-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.btn-cyan { + color: #212529; + background-color: #4fc3f7; + border-color: #4fc3f7; +} + +.btn-cyan:hover { + color: #fff; + background-color: #2ab7f5; + border-color: #1eb2f5; +} + +.btn-cyan.focus, +.btn-cyan:focus { + color: #fff; + background-color: #2ab7f5; + border-color: #1eb2f5; + box-shadow: 0 0 0 0.2rem rgba(72, 171, 216, 0.5); +} + +.btn-cyan.disabled, +.btn-cyan:disabled { + color: #212529; + background-color: #4fc3f7; + border-color: #4fc3f7; +} + +.btn-cyan:not(:disabled):not(.disabled).active, +.btn-cyan:not(:disabled):not(.disabled):active, +.show > .btn-cyan.dropdown-toggle { + color: #fff; + background-color: #1eb2f5; + border-color: #12aef4; +} + +.btn-cyan:not(:disabled):not(.disabled).active:focus, +.btn-cyan:not(:disabled):not(.disabled):active:focus, +.show > .btn-cyan.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 171, 216, 0.5); +} + +.btn-orange { + color: #212529; + background-color: #fb8c00; + border-color: #fb8c00; +} + +.btn-orange:hover { + color: #fff; + background-color: #d57700; + border-color: #c87000; +} + +.btn-orange.focus, +.btn-orange:focus { + color: #fff; + background-color: #d57700; + border-color: #c87000; + box-shadow: 0 0 0 0.2rem rgba(218, 125, 6, 0.5); +} + +.btn-orange.disabled, +.btn-orange:disabled { + color: #212529; + background-color: #fb8c00; + border-color: #fb8c00; +} + +.btn-orange:not(:disabled):not(.disabled).active, +.btn-orange:not(:disabled):not(.disabled):active, +.show > .btn-orange.dropdown-toggle { + color: #fff; + background-color: #c87000; + border-color: #bb6800; +} + +.btn-orange:not(:disabled):not(.disabled).active:focus, +.btn-orange:not(:disabled):not(.disabled):active:focus, +.show > .btn-orange.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(218, 125, 6, 0.5); +} + +.btn-purple { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-purple:hover { + color: #fff; + background-color: #563dea; + border-color: #4c32e9; +} + +.btn-purple.focus, +.btn-purple:focus { + color: #fff; + background-color: #563dea; + border-color: #4c32e9; + box-shadow: 0 0 0 0.2rem rgba(137, 120, 241, 0.5); +} + +.btn-purple.disabled, +.btn-purple:disabled { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-purple:not(:disabled):not(.disabled).active, +.btn-purple:not(:disabled):not(.disabled):active, +.show > .btn-purple.dropdown-toggle { + color: #fff; + background-color: #4c32e9; + border-color: #4226e8; +} + +.btn-purple:not(:disabled):not(.disabled).active:focus, +.btn-purple:not(:disabled):not(.disabled):active:focus, +.show > .btn-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(137, 120, 241, 0.5); +} + +.btn-outline-primary { + color: #7460ee; + border-color: #7460ee; +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-outline-primary.focus, +.btn-outline-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #7460ee; + 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: #7460ee; + border-color: #7460ee; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary.focus, +.btn-outline-secondary:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #6c757d; + 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: #6c757d; + border-color: #6c757d; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-success { + color: #36bea6; + border-color: #36bea6; +} + +.btn-outline-success:hover { + color: #fff; + background-color: #36bea6; + border-color: #36bea6; +} + +.btn-outline-success.focus, +.btn-outline-success:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #36bea6; + 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: #36bea6; + border-color: #36bea6; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.5); +} + +.btn-outline-info { + color: #2962ff; + border-color: #2962ff; +} + +.btn-outline-info:hover { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.btn-outline-info.focus, +.btn-outline-info:focus { + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #2962ff; + 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: #2962ff; + border-color: #2962ff; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); +} + +.btn-outline-warning { + color: #ffbc34; + border-color: #ffbc34; +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ffbc34; + border-color: #ffbc34; +} + +.btn-outline-warning.focus, +.btn-outline-warning:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ffbc34; + 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: #212529; + background-color: #ffbc34; + border-color: #ffbc34; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5); +} + +.btn-outline-danger { + color: #f62d51; + border-color: #f62d51; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #f62d51; + border-color: #f62d51; +} + +.btn-outline-danger.focus, +.btn-outline-danger:focus { + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #f62d51; + 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: #f62d51; + border-color: #f62d51; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.5); +} + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light.focus, +.btn-outline-light:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #f8f9fa; + 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: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-dark { + color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark.focus, +.btn-outline-dark:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #343a40; + 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: #343a40; + border-color: #343a40; +} + +.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 { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-cyan { + color: #4fc3f7; + border-color: #4fc3f7; +} + +.btn-outline-cyan:hover { + color: #212529; + background-color: #4fc3f7; + border-color: #4fc3f7; +} + +.btn-outline-cyan.focus, +.btn-outline-cyan:focus { + box-shadow: 0 0 0 0.2rem rgba(79, 195, 247, 0.5); +} + +.btn-outline-cyan.disabled, +.btn-outline-cyan:disabled { + color: #4fc3f7; + background-color: transparent; +} + +.btn-outline-cyan:not(:disabled):not(.disabled).active, +.btn-outline-cyan:not(:disabled):not(.disabled):active, +.show > .btn-outline-cyan.dropdown-toggle { + color: #212529; + background-color: #4fc3f7; + border-color: #4fc3f7; +} + +.btn-outline-cyan:not(:disabled):not(.disabled).active:focus, +.btn-outline-cyan:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-cyan.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(79, 195, 247, 0.5); +} + +.btn-outline-orange { + color: #fb8c00; + border-color: #fb8c00; +} + +.btn-outline-orange:hover { + color: #212529; + background-color: #fb8c00; + border-color: #fb8c00; +} + +.btn-outline-orange.focus, +.btn-outline-orange:focus { + box-shadow: 0 0 0 0.2rem rgba(251, 140, 0, 0.5); +} + +.btn-outline-orange.disabled, +.btn-outline-orange:disabled { + color: #fb8c00; + background-color: transparent; +} + +.btn-outline-orange:not(:disabled):not(.disabled).active, +.btn-outline-orange:not(:disabled):not(.disabled):active, +.show > .btn-outline-orange.dropdown-toggle { + color: #212529; + background-color: #fb8c00; + border-color: #fb8c00; +} + +.btn-outline-orange:not(:disabled):not(.disabled).active:focus, +.btn-outline-orange:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-orange.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(251, 140, 0, 0.5); +} + +.btn-outline-purple { + color: #7460ee; + border-color: #7460ee; +} + +.btn-outline-purple:hover { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-outline-purple.focus, +.btn-outline-purple:focus { + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.btn-outline-purple.disabled, +.btn-outline-purple:disabled { + color: #7460ee; + background-color: transparent; +} + +.btn-outline-purple:not(:disabled):not(.disabled).active, +.btn-outline-purple:not(:disabled):not(.disabled):active, +.show > .btn-outline-purple.dropdown-toggle { + color: #fff; + background-color: #7460ee; + border-color: #7460ee; +} + +.btn-outline-purple:not(:disabled):not(.disabled).active:focus, +.btn-outline-purple:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-purple.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.btn-link { + font-weight: 400; + color: #7460ee; + text-decoration: none; +} + +.btn-link:hover { + color: #381be7; + text-decoration: underline; +} + +.btn-link.focus, +.btn-link:focus { + text-decoration: underline; +} + +.btn-link.disabled, +.btn-link:disabled { + color: #6c757d; + pointer-events: none; +} + +.btn-group-lg > .btn, +.btn-lg { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 2px; +} + +.btn-group-sm > .btn, +.btn-sm { + padding: 0.25rem 0.5rem; + font-size: 0.76563rem; + line-height: 1.5; + border-radius: 1px; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type="button"].btn-block, +input[type="reset"].btn-block, +input[type="submit"].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropdown, +.dropleft, +.dropright, +.dropup { + 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: #3e5569; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #e9ecef; + border-radius: 2px; +} + +.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: 1600px) { + .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^="bottom"], +.dropdown-menu[x-placement^="left"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="top"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #f8f9fa; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.65rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:focus, +.dropdown-item:hover { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #2962ff; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.76563rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.65rem 1rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group-vertical > .btn, +.btn-group > .btn { + position: relative; + flex: 1 1 auto; +} + +.btn-group-vertical > .btn:hover, +.btn-group > .btn:hover { + z-index: 1; +} + +.btn-group-vertical > .btn.active, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn:focus, +.btn-group > .btn.active, +.btn-group > .btn:active, +.btn-group > .btn:focus { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn-group:not(:first-child), +.btn-group > .btn:not(:first-child) { + margin-left: -1px; +} + +.btn-group > .btn-group:not(:last-child) > .btn, +.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn-group:not(:first-child) > .btn, +.btn-group > .btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-group-sm > .btn + .dropdown-toggle-split, +.btn-sm + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-group-lg > .btn + .dropdown-toggle-split, +.btn-lg + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} + +.btn-group-vertical > .btn-group:not(:first-child), +.btn-group-vertical > .btn:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical > .btn-group:not(:last-child) > .btn, +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn-group:not(:first-child) > .btn, +.btn-group-vertical > .btn:not(:first-child) { + 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="checkbox"], +.btn-group-toggle > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group > .custom-file, +.input-group > .custom-select, +.input-group > .form-control, +.input-group > .form-control-plaintext { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom: 0; +} + +.input-group > .custom-file + .custom-file, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .form-control, +.input-group > .custom-select + .custom-file, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .form-control, +.input-group > .form-control + .custom-file, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .form-control, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .form-control { + margin-left: -1px; +} + +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, +.input-group > .custom-select:focus, +.input-group > .form-control:focus { + z-index: 3; +} + +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group > .custom-select:not(:last-child), +.input-group > .form-control:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .custom-select:not(:first-child), +.input-group > .form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .custom-file { + display: flex; + 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-append, +.input-group-prepend { + display: flex; +} + +.input-group-append .btn, +.input-group-prepend .btn { + position: relative; + z-index: 2; +} + +.input-group-append .btn:focus, +.input-group-prepend .btn:focus { + z-index: 3; +} + +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .btn, +.input-group-append .input-group-text + .input-group-text, +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-prepend .input-group-text + .input-group-text { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #4f5467; + text-align: center; + white-space: nowrap; + background-color: #f8f9fa; + border: 1px solid #e9ecef; + border-radius: 2px; +} + +.input-group-text input[type="checkbox"], +.input-group-text input[type="radio"] { + margin-top: 0; +} + +.input-group-lg > .custom-select, +.input-group-lg > .form-control:not(textarea) { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .custom-select, +.input-group-lg > .form-control, +.input-group-lg > .input-group-append > .btn, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-prepend > .input-group-text { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 2px; +} + +.input-group-sm > .custom-select, +.input-group-sm > .form-control:not(textarea) { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .custom-select, +.input-group-sm > .form-control, +.input-group-sm > .input-group-append > .btn, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-prepend > .input-group-text { + padding: 0.25rem 0.5rem; + font-size: 0.76563rem; + line-height: 1.5; + border-radius: 1px; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.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), +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text { + 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:first-child > .btn:not(:first-child), +.input-group + > .input-group-prepend:first-child + > .input-group-text:not(:first-child), +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text { + 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: 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: #2962ff; + background-color: #2962ff; +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: transparent; +} + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: rgba(0, 0, 0, 0.25); +} + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #000; + border-color: #000; +} + +.custom-control-input:disabled ~ .custom-control-label, +.custom-control-input[disabled] ~ .custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled ~ .custom-control-label::before, +.custom-control-input[disabled] ~ .custom-control-label::before { + background-color: #e9ecef; +} + +.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: #a1aab2 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: 2px; +} + +.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: #2962ff; + background-color: #2962ff; +} + +.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(116, 96, 238, 0.5); +} + +.custom-checkbox + .custom-control-input:disabled:indeterminate + ~ .custom-control-label::before { + background-color: rgba(116, 96, 238, 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(116, 96, 238, 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: #a1aab2; + border-radius: 0.5rem; + 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; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + transform: translateX(0.75rem); +} + +.custom-switch + .custom-control-input:disabled:checked + ~ .custom-control-label::before { + background-color: rgba(116, 96, 238, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #4f5467; + vertical-align: middle; + background: #fff url(/images/custom-select.png) no-repeat right 0.75rem + center/8px 10px; + border: 1px solid #e9ecef; + border-radius: 2px; + appearance: none; +} + +.custom-select:focus { + border-color: rgba(0, 0, 0, 0.25); + outline: 0; + box-shadow: transparent; +} + +.custom-select:focus::-ms-value { + color: #4f5467; + background-color: #fff; +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + display: none; +} + +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #4f5467; +} + +.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.76563rem; +} + +.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: rgba(0, 0, 0, 0.25); + box-shadow: transparent; +} + +.custom-file-input:disabled ~ .custom-file-label, +.custom-file-input[disabled] ~ .custom-file-label { + background-color: #e9ecef; +} + +.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 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #4f5467; + background-color: #fff; + border: 1px solid #e9ecef; + border-radius: 2px; +} + +.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 0.75rem; + line-height: 1.5; + color: #4f5467; + content: "Browse"; + background-color: #f8f9fa; + border-left: inherit; + border-radius: 0 2px 2px 0; +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: 0; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #eef5f9, transparent; +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #eef5f9, transparent; +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #eef5f9, transparent; +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #dce5ff; +} + +.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: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #dce5ff; +} + +.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: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #dce5ff; +} + +.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: #a1aab2; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #a1aab2; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #a1aab2; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:focus, +.nav-link:hover { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.nav-tabs .nav-link:focus, +.nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: #4f5467; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 2px; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #2962ff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} + +.navbar .container, +.navbar .container-fluid, +.navbar .container-lg, +.navbar .container-md, +.navbar .container-sm, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.33594rem; + padding-bottom: 0.33594rem; + margin-right: 1rem; + font-size: 1.09375rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:focus, +.navbar-brand:hover { + text-decoration: none; +} + +.navbar-nav { + display: flex; + 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 { + flex-basis: 100%; + flex-grow: 1; + 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: 2px; +} + +.navbar-toggler:focus, +.navbar-toggler:hover { + 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-lg, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + 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-lg, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + 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-lg, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + 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-lg, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + 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-lg, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + 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-lg, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1599.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, + .navbar-expand-xl > .container-lg, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1600px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + 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-lg, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid, +.navbar-expand > .container-lg, +.navbar-expand > .container-md, +.navbar-expand > .container-sm, +.navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + 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-lg, +.navbar-expand > .container-md, +.navbar-expand > .container-sm, +.navbar-expand > .container-xl { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:focus, +.navbar-light .navbar-brand:hover { + 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:focus, +.navbar-light .navbar-nav .nav-link:hover { + 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 .active > .nav-link, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .show > .nav-link { + 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%280, 0, 0, 0.5%29' 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:focus, +.navbar-light .navbar-text a:hover { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:focus, +.navbar-dark .navbar-brand:hover { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.8); +} + +.navbar-dark .navbar-nav .nav-link:focus, +.navbar-dark .navbar-nav .nav-link:hover { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .show > .nav-link { + color: #fff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.8); + 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%28255, 255, 255, 0.8%29' 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.8); +} + +.navbar-dark .navbar-text a { + color: #fff; +} + +.navbar-dark .navbar-text a:focus, +.navbar-dark .navbar-text a:hover { + color: #fff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 0 solid transparent; + border-radius: 0; +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.card-body { + 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: 0 solid transparent; +} + +.card-header:first-child { + border-radius: 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: 0 solid transparent; +} + +.card-footer:last-child { + border-radius: 0; +} + +.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-bottom, +.card-img-top { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.card-deck .card { + margin-bottom: 10px; +} + +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -10px; + margin-left: -10px; + } + + .card-deck .card { + flex: 1 0 0%; + margin-right: 10px; + margin-bottom: 0; + margin-left: 10px; + } +} + +.card-group > .card { + margin-bottom: 10px; +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + + .card-group > .card { + 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-header, + .card-group > .card:not(:last-child) .card-img-top { + border-top-right-radius: 0; + } + + .card-group > .card:not(:last-child) .card-footer, + .card-group > .card:not(:last-child) .card-img-bottom { + 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-header, + .card-group > .card:not(:first-child) .card-img-top { + border-top-left-radius: 0; + } + + .card-group > .card:not(:first-child) .card-footer, + .card-group > .card:not(:first-child) .card-img-bottom { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + 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: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1.5rem; + list-style: none; + background-color: #eef5f9; + border-radius: 2px; +} + +.breadcrumb-item { + display: flex; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 2px; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #7460ee; + background-color: #fff; + border: 1px solid #dee2e6; +} + +.page-link:hover { + z-index: 2; + color: #381be7; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: transparent; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.page-item:last-child .page-link { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} + +.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: 2px; + border-bottom-left-radius: 2px; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.76563rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 1px; + border-bottom-left-radius: 1px; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 1px; + border-bottom-right-radius: 1px; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 800; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 2px; + 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; +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} + +a.badge:focus, +a.badge:hover { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.2em; + padding-left: 0.2em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #7460ee; +} + +a.badge-primary:focus, +a.badge-primary:hover { + color: #fff; + background-color: #4c32e9; +} + +a.badge-primary.focus, +a.badge-primary:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #6c757d; +} + +a.badge-secondary:focus, +a.badge-secondary:hover { + color: #fff; + background-color: #545b62; +} + +a.badge-secondary.focus, +a.badge-secondary:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.badge-success { + color: #fff; + background-color: #36bea6; +} + +a.badge-success:focus, +a.badge-success:hover { + color: #fff; + background-color: #2b9683; +} + +a.badge-success.focus, +a.badge-success:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.5); +} + +.badge-info { + color: #fff; + background-color: #2962ff; +} + +a.badge-info:focus, +a.badge-info:hover { + color: #fff; + background-color: #0041f5; +} + +a.badge-info.focus, +a.badge-info:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffbc34; +} + +a.badge-warning:focus, +a.badge-warning:hover { + color: #212529; + background-color: #ffab01; +} + +a.badge-warning.focus, +a.badge-warning:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #f62d51; +} + +a.badge-danger:focus, +a.badge-danger:hover { + color: #fff; + background-color: #e60a31; +} + +a.badge-danger.focus, +a.badge-danger:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.5); +} + +.badge-light { + color: #212529; + background-color: #f8f9fa; +} + +a.badge-light:focus, +a.badge-light:hover { + color: #212529; + background-color: #dae0e5; +} + +a.badge-light.focus, +a.badge-light:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} + +a.badge-dark:focus, +a.badge-dark:hover { + color: #fff; + background-color: #1d2124; +} + +a.badge-dark.focus, +a.badge-dark:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.badge-cyan { + color: #212529; + background-color: #4fc3f7; +} + +a.badge-cyan:focus, +a.badge-cyan:hover { + color: #212529; + background-color: #1eb2f5; +} + +a.badge-cyan.focus, +a.badge-cyan:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(79, 195, 247, 0.5); +} + +.badge-orange { + color: #212529; + background-color: #fb8c00; +} + +a.badge-orange:focus, +a.badge-orange:hover { + color: #212529; + background-color: #c87000; +} + +a.badge-orange.focus, +a.badge-orange:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 140, 0, 0.5); +} + +.badge-purple { + color: #fff; + background-color: #7460ee; +} + +a.badge-purple:focus, +a.badge-purple:hover { + color: #fff; + background-color: #4c32e9; +} + +a.badge-purple.focus, +a.badge-purple:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 2px; +} + +@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: 2px; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 800; +} + +.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: #3c327c; + background-color: #e3dffc; + border-color: #d8d2fa; +} + +.alert-primary hr { + border-top-color: #c4bbf7; +} + +.alert-primary .alert-link { + color: #2a2358; +} + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #1c6356; + background-color: #d7f2ed; + border-color: #c7ede6; +} + +.alert-success hr { + border-top-color: #b4e7dd; +} + +.alert-success .alert-link { + color: #113b33; +} + +.alert-info { + color: #153385; + background-color: #d4e0ff; + border-color: #c3d3ff; +} + +.alert-info hr { + border-top-color: #aac0ff; +} + +.alert-info .alert-link { + color: #0e2259; +} + +.alert-warning { + color: #85621b; + background-color: #fff2d6; + border-color: #ffecc6; +} + +.alert-warning hr { + border-top-color: #ffe4ad; +} + +.alert-warning .alert-link { + color: #5b4312; +} + +.alert-danger { + color: #80172a; + background-color: #fdd5dc; + border-color: #fcc4ce; +} + +.alert-danger hr { + border-top-color: #fbacba; +} + +.alert-danger .alert-link { + color: #550f1c; +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-light hr { + border-top-color: #ececf6; +} + +.alert-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-dark hr { + border-top-color: #b9bbbe; +} + +.alert-dark .alert-link { + color: #040505; +} + +.alert-cyan { + color: #296580; + background-color: #dcf3fd; + border-color: #ceeefd; +} + +.alert-cyan hr { + border-top-color: #b6e6fc; +} + +.alert-cyan .alert-link { + color: #1d4759; +} + +.alert-orange { + color: #834900; + background-color: #fee8cc; + border-color: #fedfb8; +} + +.alert-orange hr { + border-top-color: #fed49f; +} + +.alert-orange .alert-link { + color: #502d00; +} + +.alert-purple { + color: #3c327c; + background-color: #e3dffc; + border-color: #d8d2fa; +} + +.alert-purple hr { + border-top-color: #c4bbf7; +} + +.alert-purple .alert-link { + color: #2a2358; +} + +@keyframes progress-bar-stripes { + from { + background-position: 5px 0; + } + + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 5px; + overflow: hidden; + line-height: 0; + font-size: 0.65625rem; + background-color: #f8f9fa; + border-radius: 2px; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #7460ee; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + 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: 5px 5px; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 2px; +} + +.list-group-item-action { + width: 100%; + color: #4f5467; + text-align: inherit; +} + +.list-group-item-action:focus, +.list-group-item-action:hover { + z-index: 1; + color: #4f5467; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #3e5569; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.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 { + flex-direction: row; +} + +.list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; +} + +.list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: 2px; + 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 { + flex-direction: row; + } + + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: 2px; + 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 { + flex-direction: row; + } + + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + } + + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: 2px; + 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 { + flex-direction: row; + } + + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: 2px; + 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: 1600px) { + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: 2px; + 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 { + border-radius: 0; +} + +.list-group-flush > .list-group-item { + border-width: 0 0 1px; +} + +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #3c327c; + background-color: #d8d2fa; +} + +.list-group-item-primary.list-group-item-action:focus, +.list-group-item-primary.list-group-item-action:hover { + color: #3c327c; + background-color: #c4bbf7; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #3c327c; + border-color: #3c327c; +} + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} + +.list-group-item-secondary.list-group-item-action:focus, +.list-group-item-secondary.list-group-item-action:hover { + color: #383d41; + background-color: #c8cbcf; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; +} + +.list-group-item-success { + color: #1c6356; + background-color: #c7ede6; +} + +.list-group-item-success.list-group-item-action:focus, +.list-group-item-success.list-group-item-action:hover { + color: #1c6356; + background-color: #b4e7dd; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #1c6356; + border-color: #1c6356; +} + +.list-group-item-info { + color: #153385; + background-color: #c3d3ff; +} + +.list-group-item-info.list-group-item-action:focus, +.list-group-item-info.list-group-item-action:hover { + color: #153385; + background-color: #aac0ff; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #153385; + border-color: #153385; +} + +.list-group-item-warning { + color: #85621b; + background-color: #ffecc6; +} + +.list-group-item-warning.list-group-item-action:focus, +.list-group-item-warning.list-group-item-action:hover { + color: #85621b; + background-color: #ffe4ad; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #85621b; + border-color: #85621b; +} + +.list-group-item-danger { + color: #80172a; + background-color: #fcc4ce; +} + +.list-group-item-danger.list-group-item-action:focus, +.list-group-item-danger.list-group-item-action:hover { + color: #80172a; + background-color: #fbacba; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #80172a; + border-color: #80172a; +} + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} + +.list-group-item-light.list-group-item-action:focus, +.list-group-item-light.list-group-item-action:hover { + color: #818182; + background-color: #ececf6; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} + +.list-group-item-dark.list-group-item-action:focus, +.list-group-item-dark.list-group-item-action:hover { + color: #1b1e21; + background-color: #b9bbbe; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} + +.list-group-item-cyan { + color: #296580; + background-color: #ceeefd; +} + +.list-group-item-cyan.list-group-item-action:focus, +.list-group-item-cyan.list-group-item-action:hover { + color: #296580; + background-color: #b6e6fc; +} + +.list-group-item-cyan.list-group-item-action.active { + color: #fff; + background-color: #296580; + border-color: #296580; +} + +.list-group-item-orange { + color: #834900; + background-color: #fedfb8; +} + +.list-group-item-orange.list-group-item-action:focus, +.list-group-item-orange.list-group-item-action:hover { + color: #834900; + background-color: #fed49f; +} + +.list-group-item-orange.list-group-item-action.active { + color: #fff; + background-color: #834900; + border-color: #834900; +} + +.list-group-item-purple { + color: #3c327c; + background-color: #d8d2fa; +} + +.list-group-item-purple.list-group-item-action:focus, +.list-group-item-purple.list-group-item-action:hover { + color: #3c327c; + background-color: #c4bbf7; +} + +.list-group-item-purple.list-group-item-action.active { + color: #fff; + background-color: #3c327c; + border-color: #3c327c; +} + +.close { + float: right; + font-size: 1.3125rem; + font-weight: 800; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.5; +} + +.close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):focus, +.close:not(:disabled):not(.disabled):hover { + opacity: 0.75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; +} + +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); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + 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: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #6c757d; + 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 { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: none; +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-footer, +.modal-dialog-scrollable .modal-header { + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + height: min-content; + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + 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: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 2px; + 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: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 1px; + border-top-right-radius: 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; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #e9ecef; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 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); + height: min-content; + } + + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1600px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Nunito Sans", 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.76563rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.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-auto[x-placement^="top"], +.bs-tooltip-top { + padding: 0.4rem 0; +} + +.bs-tooltip-auto[x-placement^="top"] .arrow, +.bs-tooltip-top .arrow { + bottom: 0; +} + +.bs-tooltip-auto[x-placement^="top"] .arrow::before, +.bs-tooltip-top .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-auto[x-placement^="right"], +.bs-tooltip-right { + padding: 0 0.4rem; +} + +.bs-tooltip-auto[x-placement^="right"] .arrow, +.bs-tooltip-right .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-auto[x-placement^="right"] .arrow::before, +.bs-tooltip-right .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-auto[x-placement^="bottom"], +.bs-tooltip-bottom { + padding: 0.4rem 0; +} + +.bs-tooltip-auto[x-placement^="bottom"] .arrow, +.bs-tooltip-bottom .arrow { + top: 0; +} + +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, +.bs-tooltip-bottom .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-auto[x-placement^="left"], +.bs-tooltip-left { + padding: 0 0.4rem; +} + +.bs-tooltip-auto[x-placement^="left"] .arrow, +.bs-tooltip-left .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-auto[x-placement^="left"] .arrow::before, +.bs-tooltip-left .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 2px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Nunito Sans", 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.76563rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 2px; +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 2px; +} + +.popover .arrow::after, +.popover .arrow::before { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-auto[x-placement^="top"], +.bs-popover-top { + margin-bottom: 0.5rem; +} + +.bs-popover-auto[x-placement^="top"] > .arrow, +.bs-popover-top > .arrow { + bottom: calc(-0.5rem - 1px); +} + +.bs-popover-auto[x-placement^="top"] > .arrow::before, +.bs-popover-top > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-auto[x-placement^="top"] > .arrow::after, +.bs-popover-top > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; +} + +.bs-popover-auto[x-placement^="right"], +.bs-popover-right { + margin-left: 0.5rem; +} + +.bs-popover-auto[x-placement^="right"] > .arrow, +.bs-popover-right > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 2px 0; +} + +.bs-popover-auto[x-placement^="right"] > .arrow::before, +.bs-popover-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-auto[x-placement^="right"] > .arrow::after, +.bs-popover-right > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; +} + +.bs-popover-auto[x-placement^="bottom"], +.bs-popover-bottom { + margin-top: 0.5rem; +} + +.bs-popover-auto[x-placement^="bottom"] > .arrow, +.bs-popover-bottom > .arrow { + top: calc(-0.5rem - 1px); +} + +.bs-popover-auto[x-placement^="bottom"] > .arrow::before, +.bs-popover-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-auto[x-placement^="bottom"] > .arrow::after, +.bs-popover-bottom > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; +} + +.bs-popover-auto[x-placement^="bottom"] .popover-header::before, +.bs-popover-bottom .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-auto[x-placement^="left"], +.bs-popover-left { + margin-right: 0.5rem; +} + +.bs-popover-auto[x-placement^="left"] > .arrow, +.bs-popover-left > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 2px 0; +} + +.bs-popover-auto[x-placement^="left"] > .arrow::before, +.bs-popover-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-auto[x-placement^="left"] > .arrow::after, +.bs-popover-left > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: 1px; + border-top-right-radius: 1px; +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #3e5569; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + 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%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item-next, +.carousel-item-prev, +.carousel-item.active { + display: block; +} + +.active.carousel-item-right, +.carousel-item-next:not(.carousel-item-left) { + transform: translateX(100%); +} + +.active.carousel-item-left, +.carousel-item-prev:not(.carousel-item-right) { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right, +.carousel-fade .carousel-item.active { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-next, +.carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-next, + .carousel-control-prev { + transition: none; + } +} + +.carousel-control-next:focus, +.carousel-control-next:hover, +.carousel-control-prev:focus, +.carousel-control-prev:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-next-icon, +.carousel-control-prev-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: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + box-sizing: content-box; + 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: 0.5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + 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; +} + +@keyframes spinner-border { + to { + 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%; + animation: spinner-border 0.75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + transform: none; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow 0.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: #7460ee !important; +} + +a.bg-primary:focus, +a.bg-primary:hover, +button.bg-primary:focus, +button.bg-primary:hover { + background-color: #4c32e9 !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +a.bg-secondary:focus, +a.bg-secondary:hover, +button.bg-secondary:focus, +button.bg-secondary:hover { + background-color: #545b62 !important; +} + +.bg-success { + background-color: #36bea6 !important; +} + +a.bg-success:focus, +a.bg-success:hover, +button.bg-success:focus, +button.bg-success:hover { + background-color: #2b9683 !important; +} + +.bg-info { + background-color: #2962ff !important; +} + +a.bg-info:focus, +a.bg-info:hover, +button.bg-info:focus, +button.bg-info:hover { + background-color: #0041f5 !important; +} + +.bg-warning { + background-color: #ffbc34 !important; +} + +a.bg-warning:focus, +a.bg-warning:hover, +button.bg-warning:focus, +button.bg-warning:hover { + background-color: #ffab01 !important; +} + +.bg-danger { + background-color: #f62d51 !important; +} + +a.bg-danger:focus, +a.bg-danger:hover, +button.bg-danger:focus, +button.bg-danger:hover { + background-color: #e60a31 !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +a.bg-light:focus, +a.bg-light:hover, +button.bg-light:focus, +button.bg-light:hover { + background-color: #dae0e5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:focus, +a.bg-dark:hover, +button.bg-dark:focus, +button.bg-dark:hover { + background-color: #1d2124 !important; +} + +.bg-cyan { + background-color: #4fc3f7 !important; +} + +a.bg-cyan:focus, +a.bg-cyan:hover, +button.bg-cyan:focus, +button.bg-cyan:hover { + background-color: #1eb2f5 !important; +} + +.bg-orange { + background-color: #fb8c00 !important; +} + +a.bg-orange:focus, +a.bg-orange:hover, +button.bg-orange:focus, +button.bg-orange:hover { + background-color: #c87000 !important; +} + +.bg-purple { + background-color: #7460ee !important; +} + +a.bg-purple:focus, +a.bg-purple:hover, +button.bg-purple:focus, +button.bg-purple:hover { + background-color: #4c32e9 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #e9ecef !important; +} + +.border-top { + border-top: 1px solid #e9ecef !important; +} + +.border-right { + border-right: 1px solid #e9ecef !important; +} + +.border-bottom { + border-bottom: 1px solid #e9ecef !important; +} + +.border-left { + border-left: 1px solid #e9ecef !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: #7460ee !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #36bea6 !important; +} + +.border-info { + border-color: #2962ff !important; +} + +.border-warning { + border-color: #ffbc34 !important; +} + +.border-danger { + border-color: #f62d51 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-cyan { + border-color: #4fc3f7 !important; +} + +.border-orange { + border-color: #fb8c00 !important; +} + +.border-purple { + border-color: #7460ee !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 1px !important; +} + +.rounded { + border-radius: 2px !important; +} + +.rounded-top { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.rounded-right { + border-top-right-radius: 2px !important; + border-bottom-right-radius: 2px !important; +} + +.rounded-bottom { + border-bottom-right-radius: 2px !important; + border-bottom-left-radius: 2px !important; +} + +.rounded-left { + border-top-left-radius: 2px !important; + border-bottom-left-radius: 2px !important; +} + +.rounded-lg { + border-radius: 2px !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: flex !important; +} + +.d-inline-flex { + 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: flex !important; + } + + .d-sm-inline-flex { + 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: flex !important; + } + + .d-md-inline-flex { + 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: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1600px) { + .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: flex !important; + } + + .d-xl-inline-flex { + 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: flex !important; + } + + .d-print-inline-flex { + 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 embed, +.embed-responsive iframe, +.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.85714%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1600px) { + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + 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: 1600px) { + .float-xl-left { + float: left !important; + } + + .float-xl-right { + float: right !important; + } + + .float-xl-none { + float: none !important; + } +} + +.user-select-all { + user-select: all !important; +} + +.user-select-auto { + user-select: auto !important; +} + +.user-select-none { + user-select: 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: 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: sticky) { + .sticky-top { + 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 { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + 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; +} + +.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: 1600px) { + .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; + } +} + +.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); +} + +.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: 1600px) { + .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: 800 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #7460ee !important; +} + +a.text-primary:focus, +a.text-primary:hover { + color: #381be7 !important; +} + +.text-secondary { + color: #6c757d !important; +} + +a.text-secondary:focus, +a.text-secondary:hover { + color: #494f54 !important; +} + +.text-success { + color: #36bea6 !important; +} + +a.text-success:focus, +a.text-success:hover { + color: #258272 !important; +} + +.text-info { + color: #2962ff !important; +} + +a.text-info:focus, +a.text-info:hover { + color: #003adc !important; +} + +.text-warning { + color: #ffbc34 !important; +} + +a.text-warning:focus, +a.text-warning:hover { + color: #e79a00 !important; +} + +.text-danger { + color: #f62d51 !important; +} + +a.text-danger:focus, +a.text-danger:hover { + color: #ce092c !important; +} + +.text-light { + color: #f8f9fa !important; +} + +a.text-light:focus, +a.text-light:hover { + color: #cbd3da !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:focus, +a.text-dark:hover { + color: #121416 !important; +} + +.text-cyan { + color: #4fc3f7 !important; +} + +a.text-cyan:focus, +a.text-cyan:hover { + color: #0ba8ef !important; +} + +.text-orange { + color: #fb8c00 !important; +} + +a.text-orange:focus, +a.text-orange:hover { + color: #af6100 !important; +} + +.text-purple { + color: #7460ee !important; +} + +a.text-purple:focus, +a.text-purple:hover { + color: #381be7 !important; +} + +.text-body { + color: #3e5569 !important; +} + +.text-muted { + color: #a1aab2 !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-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + ::after, + ::before { + text-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; + } + + blockquote, + pre { + border: 1px solid #a1aab2; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + img, + tr { + page-break-inside: avoid; + } + + h2, + h3, + p { + 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 td, + .table-bordered th { + border: 1px solid #dee2e6 !important; + } + + .table-dark { + color: inherit; + } + + .table-dark tbody + tbody, + .table-dark td, + .table-dark th, + .table-dark thead th { + border-color: #e9ecef; + } + + .table .thead-dark th { + color: inherit; + border-color: #e9ecef; + } +} + +html[dir="ltr"] body .m-t-5 { + margin-top: 5px; +} + +html[dir="ltr"] body .m-b-5 { + margin-bottom: 5px; +} + +html[dir="ltr"] body .m-r-5 { + margin-right: 5px; +} + +html[dir="ltr"] body .m-l-5 { + margin-left: 5px; +} + +html[dir="ltr"] body .p-t-5 { + padding-top: 5px; +} + +html[dir="ltr"] body .p-b-5 { + padding-bottom: 5px; +} + +html[dir="ltr"] body .p-r-5 { + padding-right: 5px; +} + +html[dir="ltr"] body .p-l-5 { + padding-left: 5px; +} + +html[dir="ltr"] body .p-5 { + padding: 5px; +} + +html[dir="ltr"] body .m-5 { + margin: 5px; +} + +html[dir="ltr"] body .m-t-10 { + margin-top: 10px; +} + +html[dir="ltr"] body .m-b-10 { + margin-bottom: 10px; +} + +html[dir="ltr"] body .m-r-10 { + margin-right: 10px; +} + +html[dir="ltr"] body .m-l-10 { + margin-left: 10px; +} + +html[dir="ltr"] body .p-t-10 { + padding-top: 10px; +} + +html[dir="ltr"] body .p-b-10 { + padding-bottom: 10px; +} + +html[dir="ltr"] body .p-r-10 { + padding-right: 10px; +} + +html[dir="ltr"] body .p-l-10 { + padding-left: 10px; +} + +html[dir="ltr"] body .p-10 { + padding: 10px; +} + +html[dir="ltr"] body .m-10 { + margin: 10px; +} + +html[dir="ltr"] body .m-t-15 { + margin-top: 15px; +} + +html[dir="ltr"] body .m-b-15 { + margin-bottom: 15px; +} + +html[dir="ltr"] body .m-r-15 { + margin-right: 15px; +} + +html[dir="ltr"] body .m-l-15 { + margin-left: 15px; +} + +html[dir="ltr"] body .p-t-15 { + padding-top: 15px; +} + +html[dir="ltr"] body .p-b-15 { + padding-bottom: 15px; +} + +html[dir="ltr"] body .p-r-15 { + padding-right: 15px; +} + +html[dir="ltr"] body .p-l-15 { + padding-left: 15px; +} + +html[dir="ltr"] body .p-15 { + padding: 15px; +} + +html[dir="ltr"] body .m-15 { + margin: 15px; +} + +html[dir="ltr"] body .m-t-20 { + margin-top: 20px; +} + +html[dir="ltr"] body .m-b-20 { + margin-bottom: 20px; +} + +html[dir="ltr"] body .m-r-20 { + margin-right: 20px; +} + +html[dir="ltr"] body .m-l-20 { + margin-left: 20px; +} + +html[dir="ltr"] body .p-t-20 { + padding-top: 20px; +} + +html[dir="ltr"] body .p-b-20 { + padding-bottom: 20px; +} + +html[dir="ltr"] body .p-r-20 { + padding-right: 20px; +} + +html[dir="ltr"] body .p-l-20 { + padding-left: 20px; +} + +html[dir="ltr"] body .p-20 { + padding: 20px; +} + +html[dir="ltr"] body .m-20 { + margin: 20px; +} + +html[dir="ltr"] body .m-t-25 { + margin-top: 25px; +} + +html[dir="ltr"] body .m-b-25 { + margin-bottom: 25px; +} + +html[dir="ltr"] body .m-r-25 { + margin-right: 25px; +} + +html[dir="ltr"] body .m-l-25 { + margin-left: 25px; +} + +html[dir="ltr"] body .p-t-25 { + padding-top: 25px; +} + +html[dir="ltr"] body .p-b-25 { + padding-bottom: 25px; +} + +html[dir="ltr"] body .p-r-25 { + padding-right: 25px; +} + +html[dir="ltr"] body .p-l-25 { + padding-left: 25px; +} + +html[dir="ltr"] body .p-25 { + padding: 25px; +} + +html[dir="ltr"] body .m-25 { + margin: 25px; +} + +html[dir="ltr"] body .m-t-30 { + margin-top: 30px; +} + +html[dir="ltr"] body .m-b-30 { + margin-bottom: 30px; +} + +html[dir="ltr"] body .m-r-30 { + margin-right: 30px; +} + +html[dir="ltr"] body .m-l-30 { + margin-left: 30px; +} + +html[dir="ltr"] body .p-t-30 { + padding-top: 30px; +} + +html[dir="ltr"] body .p-b-30 { + padding-bottom: 30px; +} + +html[dir="ltr"] body .p-r-30 { + padding-right: 30px; +} + +html[dir="ltr"] body .p-l-30 { + padding-left: 30px; +} + +html[dir="ltr"] body .p-30 { + padding: 30px; +} + +html[dir="ltr"] body .m-30 { + margin: 30px; +} + +html[dir="ltr"] body .m-t-40 { + margin-top: 40px; +} + +html[dir="ltr"] body .m-b-40 { + margin-bottom: 40px; +} + +html[dir="ltr"] body .m-r-40 { + margin-right: 40px; +} + +html[dir="ltr"] body .m-l-40 { + margin-left: 40px; +} + +html[dir="ltr"] body .p-t-40 { + padding-top: 40px; +} + +html[dir="ltr"] body .p-b-40 { + padding-bottom: 40px; +} + +html[dir="ltr"] body .p-r-40 { + padding-right: 40px; +} + +html[dir="ltr"] body .p-l-40 { + padding-left: 40px; +} + +html[dir="ltr"] body .p-40 { + padding: 40px; +} + +html[dir="ltr"] body .m-40 { + margin: 40px; +} + +html[dir="ltr"] body .m-0-0 { + margin: 0; +} + +html[dir="ltr"] body .m-t-0 { + margin-top: 0; +} + +html[dir="ltr"] body .m-r-0 { + margin-right: 0; +} + +html[dir="ltr"] body .m-b-0 { + margin-bottom: 0; +} + +html[dir="ltr"] body .m-l-0 { + margin-left: 0; +} + +html[dir="ltr"] body .p-0-0 { + padding: 0; +} + +html[dir="ltr"] body .p-t-0 { + padding-top: 0; +} + +html[dir="ltr"] body .p-r-0 { + padding-right: 0; +} + +html[dir="ltr"] body .p-b-0 { + padding-bottom: 0; +} + +html[dir="ltr"] body .p-l-0 { + padding-left: 0; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin1"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin1"] { + background: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin2"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin2"] { + background: #fe5419; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin3"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin3"] { + background: #00b0ff; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin4"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin4"] { + background: #6659f7; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin5"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin5"] { + background: #414755; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"], +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] { + background: #fff; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .navbar-brand + .dark-logo, +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .navbar-brand + .dark-logo { + display: inline; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .navbar-brand + .light-logo, +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .navbar-brand + .light-logo { + display: none; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .nav-toggler, +#main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .topbartoggler, +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .nav-toggler, +#main-wrapper[data-layout="vertical"] + .topbar + .top-navbar + .navbar-header[data-logobg="skin6"] + .topbartoggler { + color: #3e5569; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin1"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin1"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin1"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin1"] { + background: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin2"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin2"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin2"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin2"] { + background: #fe5419; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin3"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin3"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin3"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin3"] { + background: #00b0ff; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin4"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin4"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin4"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin4"] { + background: #6659f7; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin5"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin5"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin5"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin5"] { + background: #414755; +} + +#main-wrapper[data-layout="horizontal"] + .topbar + .navbar-collapse[data-navbarbg="skin6"], +#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin6"], +#main-wrapper[data-layout="vertical"] + .topbar + .navbar-collapse[data-navbarbg="skin6"], +#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin6"] { + background: #fff; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin1"], +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin1"] + ul, +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin1"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin1"] ul { + background: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin1"] + .create-btn, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin1"] + ul + .create-btn, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin1"] + .create-btn, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin1"] + ul + .create-btn { + background: #4fc3f7; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin2"], +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin2"] + ul, +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin2"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin2"] ul { + background: #fe5419; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin2"] + ul::after, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin2"]::after, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin2"] + ul::after, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin2"]::after { + background: url(/images/background/sidebarbg.png) no-repeat; + position: absolute; + top: 0; + content: ""; + width: 100%; + height: 100%; + opacity: 0.1; + z-index: -1; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin3"], +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin3"] + ul, +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin3"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin3"] ul { + background: #00b0ff; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin4"], +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin4"] + ul, +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin4"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin4"] ul { + background: #6659f7; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin5"], +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin5"] + ul, +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin5"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin5"] ul { + background: #414755; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin5"] + .create-btn, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin5"] + ul + .create-btn, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin5"] + .create-btn, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin5"] + ul + .create-btn { + background: #4fc3f7; +} + +#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"], +#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] { + background: #fff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul { + background: #fff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link { + color: #212529; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + .feather, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + .feather { + fill: rgba(41, 98, 255, 0.1); +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link:hover + .feather, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link:hover + .feather { + color: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + .feather, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + i, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + .feather, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + i { + color: #4f5467; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active { + color: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active + .feather, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active + i, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active + .feather, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link.active + i { + color: #2962ff; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .nav-small-cap, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + ul + .nav-small-cap { + color: #212529; + opacity: 0.7; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .has-arrow::after, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .has-arrow::after { + border-color: #212529; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-content, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-email, +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-name, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-content, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-email, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .sidebar-nav + .user-name { + color: #212529; +} + +#main-wrapper[data-layout="horizontal"] + .left-sidebar[data-sidebarbg="skin6"] + .create-btn, +#main-wrapper[data-layout="vertical"] + .left-sidebar[data-sidebarbg="skin6"] + .create-btn { + background: #4fc3f7; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +#main-wrapper { + width: 100%; + overflow: hidden; +} + +.page-wrapper { + background: #eef5f9; + position: relative; + transition: 0.2s ease-in; + display: none; +} + +.page-wrapper > .container-fluid, +.page-wrapper > .container-lg, +.page-wrapper > .container-md, +.page-wrapper > .container-sm, +.page-wrapper > .container-xl { + padding: 20px; + min-height: calc(100vh - 180px); +} + +.footer { + padding: 15px 20px; +} + +.left-part { + height: 100%; + width: 260px; + position: absolute; + border-right: 1px solid #e9ecef; +} + +.left-part.fixed-left-part { + position: fixed; + top: 0; + padding-top: 10px; +} + +.left-part .show-left-part { + position: absolute; + top: 45%; + right: -41px; +} + +.right-part { + width: calc(100% - 260px); + height: calc(100vh - 115px); + margin-left: 260px; +} + +.reverse-mode .left-part { + right: 0; + border-left: 1px solid #e9ecef; +} + +.reverse-mode .show-left-part { + right: auto; + left: -41px; +} + +.reverse-mode .right-part { + margin-left: 0; + margin-right: 260px; +} + +#main-wrapper[data-layout="vertical"] .topbar .top-navbar .navbar-header { + transition: 0.2s ease-in; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper { + margin-left: 250px; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .page-wrapper { + margin-left: 180px; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .left-sidebar, +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .sidebar-nav + ul + .sidebar-item, +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .topbar + .top-navbar + .navbar-header { + width: 180px; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link { + display: block; + text-align: center; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + .feather, +#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] + .sidebar-nav + ul + .sidebar-item + .sidebar-link + i { + display: block; + width: auto; + margin: 0 auto; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="overlay"] + .topbar + .top-navbar + .navbar-header { + width: 250px; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="overlay"] + .left-sidebar { + left: -250px; +} + +#main-wrapper[data-layout="vertical"][data-sidebartype="overlay"].show-sidebar + .left-sidebar { + left: 0; +} + +#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] + .topbar + .top-navbar + .navbar-header { + position: fixed; + z-index: 10; +} + +#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] + .left-sidebar { + position: fixed; +} + +#main-wrapper[data-layout="vertical"][data-header-position="fixed"] .topbar { + position: fixed; + width: 100%; +} + +#main-wrapper[data-layout="vertical"][data-header-position="fixed"] + .page-wrapper { + padding-top: 64px; +} + +#main-wrapper[data-layout="vertical"][data-boxed-layout="boxed"] { + max-width: 1200px; + margin: 0 auto; + position: relative; + box-shadow: 1px 0 80px rgba(0, 0, 0, 0.2); +} + +#main-wrapper[data-layout="vertical"][data-boxed-layout="boxed"][data-header-position="fixed"] + .topbar { + max-width: 1200px; +} + +@media (min-width: 768px) { + #main-wrapper[data-layout="vertical"][data-sidebartype="full"] + .topbar + .top-navbar + .navbar-header { + width: 250px; + } + + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] + .topbar + .top-navbar + .navbar-collapse, + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="overlay"] + .topbar + .top-navbar + .navbar-collapse { + margin-left: 250px; + } + + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-collapse { + margin-left: 65px; + } + + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="iconbar"] + .topbar + .top-navbar + .navbar-collapse { + margin-left: 180px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-header { + width: 65px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-header + .logo-text { + display: none; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-header.expand-logo { + width: 250px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-header.expand-logo + .logo-text { + display: block; + } + + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-collapse { + margin-left: 65px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .page-wrapper { + margin-left: 65px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .sidebar-nav + .has-arrow:after, + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .sidebar-nav + .hide-menu { + display: none; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .sidebar-nav + .nav-small-cap { + justify-content: center; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .left-sidebar { + width: 65px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .left-sidebar:hover { + width: 250px; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .left-sidebar:hover + .sidebar-nav + .has-arrow:after, + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .left-sidebar:hover + .sidebar-nav + .hide-menu { + display: block; + } + + #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] + .left-sidebar:hover + .sidebar-nav + .nav-small-cap { + justify-content: flex-start; + } +} + +@media (max-width: 766px) { + #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar { + left: -250px; + } + + #main-wrapper.show-sidebar .left-sidebar { + left: 0; + } + + #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] + .topbar + .top-navbar + .navbar-collapse { + position: relative; + top: 64px; + } + + #main-wrapper[data-layout="vertical"][data-header-position="fixed"][data-sidebar-position="fixed"] + .topbar + .top-navbar + .navbar-collapse { + position: relative; + top: 64px; + } + + .left-part { + left: -260px; + background: #eef5f9; + z-index: 1; + position: fixed; + transition: 0.1s ease-in; + } + + .left-part.show-panel { + left: 0; + } + + .reverse-mode .left-part { + right: -260px; + left: auto; + } + + .reverse-mode .left-part.show-panel { + right: 0; + } + + .right-part { + width: 100%; + margin-left: 0; + } +} + +* { + outline: 0; +} + +body { + margin: 0; + overflow-x: hidden; + color: #3e5569; + background: #fff; +} + +html { + position: relative; + min-height: 100%; +} + +a { + color: #2962ff; +} + +a:focus, +a:hover { + text-decoration: none; +} + +a.link { + color: #3e5569; +} + +a.link:focus, +a.link:hover { + color: #2962ff; +} + +.box { + border-radius: 2px; + padding: 10px; +} + +.no-wrap td, +.no-wrap th { + white-space: nowrap; +} + +html body blockquote { + border-left: 5px solid #7460ee; + border: 1px solid #e9ecef; + padding: 15px; +} + +.clear { + clear: both; +} + +ol li { + margin: 5px 0; +} + +.thumb-sm { + height: 32px; + width: 32px; +} + +.thumb-md { + height: 48px; + width: 48px; +} + +.thumb-lg { + height: 88px; + width: 88px; +} + +.hide { + display: none; +} + +.radius { + border-radius: 2px; +} + +.op-5 { + opacity: 0.5; +} + +.op-3 { + opacity: 0.3; +} + +html body .font-bold { + font-weight: 800; +} + +html body .font-normal { + font-weight: 400; +} + +html body .font-light { + font-weight: 300; +} + +html body .font-medium { + font-weight: 600; +} + +html body .font-16 { + font-size: 16px; +} + +html body .font-12 { + font-size: 12px; +} + +html body .font-14 { + font-size: 14px; +} + +html body .font-10 { + font-size: 10px; +} + +html body .font-18 { + font-size: 18px; +} + +html body .font-20 { + font-size: 20px; +} + +html body .font-22 { + font-size: 22px; +} + +html body .font-24 { + font-size: 24px; +} + +html body .display-5 { + font-size: 3rem; +} + +html body .display-6 { + font-size: 2.5rem; +} + +html body .display-7 { + font-size: 2rem; +} + +html body .bg-megna { + background-color: #4fc3f7; +} + +html body .bg-theme { + background-color: #2962ff; +} + +html body .bg-inverse { + background-color: #212529; +} + +html body .bg-purple { + background-color: #7460ee; +} + +html body .bg-light { + background-color: #e9ecef; +} + +html body .bg-white { + background-color: #fff; +} + +.round { + line-height: 48px; + color: #fff; + width: 50px; + height: 50px; + display: inline-block; + font-weight: 400; + text-align: center; + border-radius: 100%; + background: #2962ff; + line-height: 52px; +} + +.round img { + border-radius: 100%; +} + +.round.round-info { + background: #2962ff; +} + +.round.round-warning { + background: #ffbc34; +} + +.round.round-danger { + background: #f62d51; +} + +.round.round-success { + background: #36bea6; +} + +.round.round-primary { + background: #7460ee; +} + +.round-lg { + line-height: 65px; + width: 60px; + height: 60px; + font-size: 30px; +} + +.label-rounded { + border-radius: 60px; +} + +.badge { + font-weight: 300; + line-height: normal; +} + +.badge.badge-pill { + padding: 0.2em 0.6em; +} + +.badge-xs { + font-size: 9px; +} + +.badge-sm, +.badge-xs { + -webkit-transform: translate(0, -2px); + -ms-transform: translate(0, -2px); + -o-transform: translate(0, -2px); + transform: translate(0, -2px); +} + +ul.list-style-none { + margin: 0; + padding: 0; +} + +ul.list-style-none li { + list-style: none; +} + +ul.list-style-none li a { + color: #3e5569; + padding: 8px 0; + display: block; + text-decoration: none; +} + +ul.list-style-none li a:hover { + color: #2962ff; +} + +.card { + margin-bottom: 20px; +} + +.card .card-subtitle { + font-weight: 300; + margin-bottom: 10px; + color: #a1aab2; +} + +.card .card-title { + position: relative; + font-weight: 600; + margin-bottom: 10px; +} + +.card .card-actions a { + padding: 0 5px; + cursor: pointer; +} + +.card .card-header .card-title { + margin-bottom: 0; +} + +.card-alt { + margin: 0 -20px; + background: #e4e9ef; +} + +.card-group { + margin-bottom: 20px; +} + +.card-group .card { + border-right: 1px solid #e9ecef; +} + +.card-fullscreen { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 9999; + overflow: auto; +} + +.oh { + overflow: hidden; +} + +.card-hover { + -webkit-transition: all 0.25s ease; + -o-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; +} + +.card-hover:hover { + webkit-transform: translateY(-4px) scale(1.01); + -moz-transform: translateY(-4px) scale(1.01); + -ms-transform: translateY(-4px) scale(1.01); + -o-transform: translateY(-4px) scale(1.01); + transform: translateY(-4px) scale(1.01); + -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1); + box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1); +} + +.draggable-cards .card-header { + cursor: move; +} + +.card-moved .card { + background: #2962ff; + color: #fff; +} + +.label { + padding: 3px 10px; + line-height: 13px; + color: #fff; + font-weight: 400; + border-radius: 2px; + font-size: 75%; +} + +.label-rounded { + border-radius: 60px; +} + +.label-custom { + background-color: #4fc3f7; +} + +.label-success { + background-color: #36bea6; +} + +.label-info { + background-color: #2962ff; +} + +.label-warning { + background-color: #ffbc34; +} + +.label-danger { + background-color: #f62d51; +} + +.label-megna { + background-color: #4fc3f7; +} + +.label-primary { + background-color: #7460ee; +} + +.label-purple { + background-color: #7460ee; +} + +.label-red { + background-color: #f62d51; +} + +.label-inverse { + background-color: #343a40; +} + +.label-default { + background-color: #f8f9fa; +} + +.preloader { + width: 100%; + height: 100%; + top: 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.lds-ripple { + display: inline-block; + position: relative; + width: 64px; + height: 64px; + position: absolute; + top: calc(50% - 3.5px); + left: calc(50% - 3.5px); +} + +.lds-ripple .lds-pos { + position: absolute; + border: 2px solid #2962ff; + opacity: 1; + border-radius: 50%; + animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite; +} + +.lds-ripple .lds-pos:nth-child(2) { + animation-delay: -0.5s; +} + +@keyframes lds-ripple { + 0% { + top: 28px; + left: 28px; + width: 0; + height: 0; + opacity: 0; + } + + 5% { + top: 28px; + left: 28px; + width: 0; + height: 0; + opacity: 1; + } + + 100% { + top: -1px; + left: -1px; + width: 58px; + height: 58px; + opacity: 0; + } +} + +.notify { + position: relative; + top: -18px; + right: -11px; +} + +.notify .heartbit { + position: absolute; + top: -20px; + right: -4px; + height: 25px; + width: 25px; + z-index: 10; + border: 5px solid #f62d51; + border-radius: 70px; + -moz-animation: heartbit 1s ease-out; + -moz-animation-iteration-count: infinite; + -o-animation: heartbit 1s ease-out; + -o-animation-iteration-count: infinite; + -webkit-animation: heartbit 1s ease-out; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.notify .point { + width: 6px; + height: 6px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background-color: #f62d51; + position: absolute; + right: 6px; + top: -10px; +} + +@-moz-keyframes heartbit { + 0% { + -moz-transform: scale(0); + opacity: 0; + } + + 25% { + -moz-transform: scale(0.1); + opacity: 0.1; + } + + 50% { + -moz-transform: scale(0.5); + opacity: 0.3; + } + + 75% { + -moz-transform: scale(0.8); + opacity: 0.5; + } + + 100% { + -moz-transform: scale(1); + opacity: 0; + } +} + +@-webkit-keyframes heartbit { + 0% { + -webkit-transform: scale(0); + opacity: 0; + } + + 25% { + -webkit-transform: scale(0.1); + opacity: 0.1; + } + + 50% { + -webkit-transform: scale(0.5); + opacity: 0.3; + } + + 75% { + -webkit-transform: scale(0.8); + opacity: 0.5; + } + + 100% { + -webkit-transform: scale(1); + opacity: 0; + } +} + +.topbar { + position: relative; + z-index: 50; + transition: 0.2s ease-in; + box-shadow: 1px 0 7px rgba(0, 0, 0, 0.05); + background: #fff; + height: 64px; +} + +.topbar .navbar-collapse { + padding: 0 10px 0 0; +} + +.topbar .top-navbar { + min-height: 64px; + padding: 0; +} + +.topbar .top-navbar .dropdown-toggle::after { + display: none; +} + +.topbar .top-navbar .navbar-header { + line-height: 64px; +} + +.topbar .top-navbar .navbar-header .navbar-brand { + display: flex; + align-items: center; + margin: 0; + padding: 0 10px 0 10px; +} + +.topbar .top-navbar .navbar-header .navbar-brand .dark-logo { + display: none; +} + +.topbar .top-navbar .navbar-header .navbar-brand .logo-icon { + margin-right: 5px; +} + +.topbar .top-navbar .navbar-nav > .nav-item > .nav-link { + padding: 0 15px; + font-size: 0.875rem; + line-height: 64px; + height: 64px; +} + +.topbar .top-navbar .navbar-nav > .nav-item { + transition: 0.2s ease-in; +} + +.topbar .top-navbar .navbar-nav > .nav-item:hover { + background: rgba(0, 0, 0, 0.05); +} + +.topbar .mailbox, +.topbar .user-dd { + min-width: 280px; +} + +.topbar .nav-toggler, +.topbar .topbartoggler { + color: #fff; + padding: 0 15px; +} + +.search-box .app-search { + z-index: 110; + width: 100%; + top: -1px; + box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); + display: none; + left: 0; +} + +.search-box .app-search .form-control { + padding: 23px 40px 20px 23px; + transition: 0.2s ease-in; + height: 65px; +} + +.search-box .app-search .form-control:focus { + border-color: transparent; +} + +.search-box .app-search .srh-btn { + position: absolute; + top: 23px; + cursor: pointer; + right: 20px; +} + +.topbar .mega-dropdown { + position: static; +} + +.topbar .mega-dropdown .dropdown-menu { + padding: 30px; + width: 100%; + max-height: 480px; + overflow: auto; +} + +.topbar .dropdown-menu { + padding-top: 0; + border: 0; + box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); +} + +.topbar .dropdown-menu .with-arrow { + position: absolute; + height: 10px; + overflow: hidden; + width: 40px; + top: -10px; +} + +.topbar .dropdown-menu .with-arrow > span { + background-color: #fff; + width: 15px; + height: 15px; + top: 3px; + left: 15px; + position: absolute; + content: ""; + -moz-border-radius: 6px 0 0 0; + border-radius: 6px 0 0 0; +} + +.topbar .dropdown-menu.dropdown-menu-right .with-arrow { + right: 0; +} + +.topbar .dropdown-menu.dropdown-menu-right .with-arrow > span { + right: 20px; + left: auto; +} + +@media (max-width: 767px) { + .topbar .top-navbar .navbar-collapse.collapsing, + .topbar .top-navbar .navbar-collapse.show { + display: flex; + width: 100%; + border-top: 1px solid #e9ecef; + } + + .topbar .top-navbar .navbar-nav { + flex-direction: row; + } + + .topbar .top-navbar .navbar-nav .dropdown { + position: static; + } + + .topbar .top-navbar .navbar-nav > .nav-item > .nav-link { + padding: 0 10px; + } + + .topbar .top-navbar .navbar-header { + display: flex; + align-items: center; + width: 100%; + justify-content: space-between; + } + + .topbar .top-navbar .dropdown-menu { + position: absolute; + width: 100%; + } + + .topbar .top-navbar .dropdown-menu .with-arrow { + display: none; + } +} + +@media only screen and (max-width: 767px) and (orientation: landscape) { + .mailbox .message-center { + height: 110px !important; + } + + .user-dd .profile-dis { + height: 110px; + } +} + +.table-box { + display: table; + width: 100%; +} + +.cell { + display: table-cell; + vertical-align: middle; +} + +.table th, +.table thead th { + font-weight: 500; +} + +.nowrap { + white-space: nowrap; +} + +.lite-padding td { + padding: 5px; +} + +.v-middle td, +.v-middle th { + vertical-align: middle; +} + +.vm.table td, +.vm.table th { + vertical-align: middle; +} + +.no-th-brd.table th { + border: 0; +} + +.table.no-border tbody td { + border: 0; +} + +.jsgrid-pager-current-page, +.jsgrid-pager-nav-button a, +.jsgrid-pager-page a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + min-width: 1.5em; + padding: 0.5em 1em; + text-align: center; + text-decoration: none; + cursor: pointer; + color: #67757c; + border: 1px solid #ddd; +} + +.jsgrid-pager-nav-button a:hover, +.jsgrid-pager-page a:hover { + background-color: #2962ff; + color: #fff; +} + +.jsgrid-pager-current-page { + background-color: #2962ff; + color: #fff; +} + +.jsgrid-pager-nav-button, +.jsgrid-pager-page { + padding: 0; +} + +.jsgrid-pager-page.jsgrid-pager-current-page { + padding: 0.5em 1em !important; +} + +.page-breadcrumb { + padding: 20px 20px 0 20px; +} + +.page-breadcrumb .page-title { + margin-bottom: 0; +} + +.page-breadcrumb .breadcrumb { + padding: 0; + margin: 0; + background: 0 0; + font-size: 12px; +} + +.page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { + content: "\e649"; + font-family: themify; + color: #ced4da; + font-size: 11px; +} + +.left-sidebar { + position: absolute; + width: 250px; + height: 100%; + top: 0; + z-index: 10; + padding-top: 64px; + background: #fff; + box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); + transition: 0.2s ease-in; +} + +.scroll-sidebar { + height: calc(100% - 20px); + position: relative; +} + +.sidebar-nav ul .sidebar-item { + width: 250px; +} + +.sidebar-nav ul .sidebar-item .sidebar-link { + color: #fff; + padding: 12px 15px; + display: flex; + white-space: nowrap; + align-items: center; + line-height: 25px; + opacity: 0.6; +} + +.sidebar-nav ul .sidebar-item .sidebar-link .feather { + height: 18px; + width: 18px; + margin: 0 8px 0 5px; + fill: rgba(255, 255, 255, 0.2); + color: #fff; +} + +.sidebar-nav ul .sidebar-item .sidebar-link i { + font-style: normal; + width: 35px; + line-height: 25px; + font-size: 23px; + color: #fff; + display: inline-block; + text-align: center; +} + +.sidebar-nav ul .sidebar-item .sidebar-link.active, +.sidebar-nav ul .sidebar-item .sidebar-link:hover { + opacity: 1; +} + +.sidebar-nav ul .sidebar-item .sidebar-link.active .feather, +.sidebar-nav ul .sidebar-item .sidebar-link:hover .feather { + color: #fff; +} + +.sidebar-nav ul .sidebar-item.selected > .sidebar-link { + opacity: 1; +} + +.sidebar-nav ul .sidebar-item .first-level { + padding: 0 0 10px 0; +} + +.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link { + opacity: 1; +} + +.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link { + padding: 10px 15px; +} + +.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i { + font-size: 14px; +} + +.sidebar-nav ul .nav-small-cap { + font-size: 12px; + padding: 12px 15px; + white-space: nowrap; + display: flex; + align-items: center; + line-height: 30px; + margin-top: 10px; + color: #fff; + opacity: 1; + text-transform: uppercase; +} + +.sidebar-nav ul .nav-small-cap i { + line-height: 30px; + margin: 0 5px; +} + +.sidebar-nav ul { + margin: 0; + padding: 0; +} + +.sidebar-nav ul li { + list-style: none; +} + +.collapse.in { + display: block; +} + +.sidebar-nav .has-arrow { + position: relative; +} + +.sidebar-nav .has-arrow::after { + position: absolute; + content: ""; + width: 7px; + height: 7px; + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #fff; + margin-left: 10px; + -webkit-transform: rotate(135deg) translate(0, -50%); + -ms-transform: rotate(135deg) translate(0, -50%); + -o-transform: rotate(135deg) translate(0, -50%); + transform: rotate(135deg) translate(0, -50%); + -webkit-transform-origin: top; + -ms-transform-origin: top; + -o-transform-origin: top; + transform-origin: top; + top: 26px; + right: 15px; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} + +.sidebar-nav .has-arrow[aria-expanded="true"]::after, +.sidebar-nav li.active > .has-arrow::after, +.sidebar-nav li > .has-arrow.active::after { + -webkit-transform: rotate(-135deg) translate(0, -50%); + -ms-transform: rotate(-135deg) translate(0, -50%); + -o-transform: rotate(-135deg) translate(0, -50%); + transform: rotate(-135deg) translate(0, -50%); +} + +.user-profile { + padding: 15px; +} + +.user-profile .user-content, +.user-profile .user-email, +.user-profile .user-name { + color: #fff; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.create-btn { + height: 40px; + background: #343a40; +} + +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + vertical-align: middle; + z-index: 1; + will-change: opacity, transform; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + -o-transition: all 0.1s ease-out; + -ms-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; +} + +.waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + -webkit-transition: all 0.7s ease-out; + -moz-transition: all 0.7s ease-out; + -o-transition: all 0.7s ease-out; + -ms-transition: all 0.7s ease-out; + transition: all 0.7s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + pointer-events: none; +} + +.waves-effect.waves-light .waves-ripple { + background-color: rgba(255, 255, 255, 0.45); +} + +.waves-effect.waves-red .waves-ripple { + background-color: rgba(244, 67, 54, 0.7); +} + +.waves-effect.waves-yellow .waves-ripple { + background-color: rgba(255, 235, 59, 0.7); +} + +.waves-effect.waves-orange .waves-ripple { + background-color: rgba(255, 152, 0, 0.7); +} + +.waves-effect.waves-purple .waves-ripple { + background-color: rgba(156, 39, 176, 0.7); +} + +.waves-effect.waves-green .waves-ripple { + background-color: rgba(76, 175, 80, 0.7); +} + +.waves-effect.waves-teal .waves-ripple { + background-color: rgba(0, 150, 136, 0.7); +} + +html body .waves-notransition { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + -ms-transition: none; + transition: none; +} + +.waves-circle { + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; + -webkit-mask-image: none; +} + +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom; +} + +.waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1; +} + +.waves-block { + display: block; +} + +.btn-circle { + border-radius: 100%; + width: 40px; + height: 40px; + padding: 5px; + line-height: 30px; +} + +.btn-circle.btn-sm, +.btn-group-sm > .btn-circle.btn { + width: 35px; + height: 35px; + padding: 8px 10px; + font-size: 14px; +} + +.btn-circle.btn-lg, +.btn-group-lg > .btn-circle.btn { + width: 50px; + height: 50px; + padding: 14px 10px; + font-size: 18px; + line-height: 23px; +} + +.btn-circle.btn-xl { + width: 70px; + height: 70px; + padding: 14px 15px; + font-size: 24px; +} + +.btn-xs { + padding: 0.25rem 0.5rem; + font-size: 10px; +} + +.btn-rounded { + border-radius: 60px; + padding: 7px 18px; +} + +.btn-group-lg > .btn-rounded.btn, +.btn-rounded.btn-lg { + padding: 0.75rem 1.5rem; +} + +.btn-group-sm > .btn-rounded.btn, +.btn-rounded.btn-sm { + padding: 0.25rem 0.5rem; + font-size: 12px; +} + +.btn-rounded.btn-xs { + padding: 0.25rem 0.5rem; + font-size: 10px; +} + +.btn-rounded.btn-md { + padding: 12px 35px; + font-size: 16px; +} + +.btn-default, +.btn-outline-primary:hover, +.btn-outline-warning:hover, +.btn-primary, +.btn-warning { + color: #fff; +} + +.btn-default:hover, +.btn-outline-primary:hover:hover, +.btn-outline-warning:hover:hover, +.btn-primary:hover, +.btn-warning:hover { + color: #fff; +} + +.btn-default { + background-color: #2962ff; +} + +.btn-facebook { + color: #fff; + background-color: #3b5998; +} + +.btn-facebook:hover { + color: #fff; +} + +.btn-twitter { + color: #fff; + background-color: #55acee; +} + +.btn-twitter:hover { + color: #fff; +} + +.btn-linkedin { + color: #fff; + background-color: #007bb6; +} + +.btn-linkedin:hover { + color: #fff; +} + +.btn-dribbble { + color: #fff; + background-color: #ea4c89; +} + +.btn-dribbble:hover { + color: #fff; +} + +.btn-googleplus { + color: #fff; + background-color: #dd4b39; +} + +.btn-googleplus:hover { + color: #fff; +} + +.btn-instagram { + color: #fff; + background-color: #3f729b; +} + +.btn-pinterest { + color: #fff; + background-color: #cb2027; +} + +.btn-dropbox { + color: #fff; + background-color: #007ee5; +} + +.btn-flickr { + color: #fff; + background-color: #ff0084; +} + +.btn-tumblr { + color: #fff; + background-color: #32506d; +} + +.btn-skype { + color: #fff; + background-color: #00aff0; +} + +.btn-youtube { + color: #fff; + background-color: #b00; +} + +.btn-github { + color: #fff; + background-color: #171515; +} + +.button-group .btn { + margin-bottom: 5px; + margin-right: 5px; +} + +.no-button-group .btn { + margin-bottom: 5px; + margin-right: 0; +} + +.btn .text-active { + display: none; +} + +.btn.active .text-active { + display: inline-block; +} + +.btn.active .text { + display: none; +} + +.customizer { + background: #fff; + position: fixed; + height: 100%; + width: 280px; + top: 0; + right: -280px; + z-index: 100; + box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); + transition: 0.3s ease-in; +} + +.customizer .service-panel-toggle { + background: #f62d51; + padding: 12px 20px; + color: #fff; + position: absolute; + top: 30%; + left: -54px; +} + +.customizer.show-service-panel { + right: 0; +} + +.customizer .customizer-body { + position: relative; + height: 100%; +} + +.customizer .customizer-tab { + display: flex; +} + +.customizer .customizer-tab .nav-item { + width: 33.33%; + text-align: center; +} + +.customizer .customizer-tab .nav-item .nav-link { + padding: 15px 12px; + color: #3e5569; + border-bottom: 3px solid transparent; +} + +.customizer .customizer-tab .nav-item .nav-link.active, +.customizer .customizer-tab .nav-item .nav-link:hover { + border-bottom: 3px solid #2962ff; + color: #2962ff; +} + +.custom-control-label::after, +.custom-control-label::before { + top: 0.15rem; +} + +.theme-color { + padding: 0; + margin: 0; + list-style: none; +} + +.theme-color .theme-item { + list-style: none; + display: inline-block; + margin-right: 5px; +} + +.theme-color .theme-item .theme-link { + border-radius: 100%; + width: 20px; + height: 20px; + display: block; +} + +.theme-color .theme-item .theme-link[data-logobg="skin1"], +.theme-color .theme-item .theme-link[data-navbarbg="skin1"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin1"] { + background: #2962ff; +} + +.theme-color .theme-item .theme-link[data-logobg="skin2"], +.theme-color .theme-item .theme-link[data-navbarbg="skin2"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin2"] { + background: #fe5419; +} + +.theme-color .theme-item .theme-link[data-logobg="skin3"], +.theme-color .theme-item .theme-link[data-navbarbg="skin3"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin3"] { + background: #00b0ff; +} + +.theme-color .theme-item .theme-link[data-logobg="skin4"], +.theme-color .theme-item .theme-link[data-navbarbg="skin4"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin4"] { + background: #6659f7; +} + +.theme-color .theme-item .theme-link[data-logobg="skin5"], +.theme-color .theme-item .theme-link[data-navbarbg="skin5"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin5"] { + background: #414755; +} + +.theme-color .theme-item .theme-link[data-logobg="skin6"], +.theme-color .theme-item .theme-link[data-navbarbg="skin6"], +.theme-color .theme-item .theme-link[data-sidebarbg="skin6"] { + background: #e9ecef; +} + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut, +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; +} + +@-webkit-keyframes bounce { + 20%, + 53%, + 80%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +@keyframes bounce { + 20%, + 53%, + 80%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 50%, + from, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + 50%, + from, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + 11.1%, + from, + to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); + } + + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); + } +} + +@keyframes jello { + 11.1%, + from, + to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); + } + + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes bounceIn { + 20%, + 40%, + 60%, + 80%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 20%, + 40%, + 60%, + 80%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 60%, + 75%, + 90%, + from, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier( + 0.55, + 0.055, + 0.675, + 0.19 + ); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.ps-container { + -ms-touch-action: auto; + touch-action: auto; + overflow: hidden !important; + -ms-overflow-style: none; +} + +@supports (-ms-overflow-style: none) { + .ps-container { + overflow: auto !important; + } +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .ps-container { + overflow: auto !important; + } +} + +.ps-container.ps-active-x > .ps-scrollbar-x-rail, +.ps-container.ps-active-y > .ps-scrollbar-y-rail { + display: block; + background-color: transparent; +} + +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: transparent; + opacity: 0.9; +} + +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { + background-color: rgba(0, 0, 0, 0.2); + height: 11px; +} + +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: transparent; + opacity: 0.9; +} + +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: rgba(0, 0, 0, 0.2); + width: 11px; +} + +.ps-container > .ps-scrollbar-x-rail { + display: none; + position: absolute; + opacity: 0; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + -o-transition: background-color 0.2s linear, opacity 0.2s linear; + -moz-transition: background-color 0.2s linear, opacity 0.2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + bottom: 0; + height: 15px; +} + +.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + -o-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + -moz-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -webkit-border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + bottom: 2px; + height: 6px; +} + +.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, +.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { + height: 6px; +} + +.ps-container > .ps-scrollbar-y-rail { + display: none; + position: absolute; + opacity: 0; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + -o-transition: background-color 0.2s linear, opacity 0.2s linear; + -moz-transition: background-color 0.2s linear, opacity 0.2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + right: 0; + width: 15px; +} + +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + -o-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + -moz-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -webkit-border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + right: 2px; + width: 6px; +} + +.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, +.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { + width: 6px; +} + +.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: transparent; + opacity: 0.9; +} + +.ps-container:hover.ps-in-scrolling.ps-x + > .ps-scrollbar-x-rail + > .ps-scrollbar-x { + background-color: rgba(0, 0, 0, 0.2); + height: 6px; +} + +.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: transparent; + opacity: 0.9; +} + +.ps-container:hover.ps-in-scrolling.ps-y + > .ps-scrollbar-y-rail + > .ps-scrollbar-y { + background-color: rgba(0, 0, 0, 0.2); + width: 6px; +} + +.ps-container:hover > .ps-scrollbar-x-rail, +.ps-container:hover > .ps-scrollbar-y-rail { + opacity: 0.6; +} + +.ps-container:hover > .ps-scrollbar-x-rail:hover { + background-color: transparent; + opacity: 0.9; +} + +.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { + background-color: rgba(0, 0, 0, 0.2); +} + +.ps-container:hover > .ps-scrollbar-y-rail:hover { + background-color: transparent; + opacity: 0.9; +} + +.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { + background-color: rgba(0, 0, 0, 0.2); +} + +.ps-container .ps-scrollbar-y-rail { + position: absolute; + right: 3px; + width: 8px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + opacity: 0; + -o-transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + -moz-transition: background-color 0.2s linear, opacity 0.2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; +} + +html body .flotTip, +html body .jqstooltip { + width: auto !important; + height: auto !important; + background: #212529; + color: #fff; + padding: 5px 10px; +} + +body .jqstooltip { + border-color: transparent; + border-radius: 60px; +} + +.chartist-tooltip { + position: absolute; + display: inline-block; + opacity: 0; + border-radius: 2px; + padding: 10px 20px; + background: #2962ff; + color: #fff; + ext-align: center; + pointer-events: none; + z-index: 1; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} + +.chartist-tooltip:before { + content: ""; + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border: 5px solid transparent; + border-top-color: #2962ff; +} + +.chartist-tooltip.tooltip-show { + opacity: 1; +} + +.ct-area, +.ct-line { + pointer-events: none; +} + +.c3-chart-arcs-title { + fill: #a1aab2; +} + +.c3 line, +.c3 path { + stroke: rgba(0, 0, 0, 0.2); +} + +.c3-chart-arc path { + stroke: transparent; +} + +.popover-item { + margin-left: -15px; +} + +.popover-item:hover { + z-index: 10; + position: relative; +} + +.custom-select { + -moz-appearance: none; + -webkit-appearance: none; + -o-appearance: none; + background-size: auto; +} + +.select2-container--classic .select2-selection--single, +.select2-container--default .select2-selection--multiple, +.select2-container--default .select2-selection--single, +.select2-container--default + .select2-selection--single + .select2-selection__arrow, +.select2-container--default + .select2-selection--single + .select2-selection__rendered { + border-color: #e9ecef; + height: 40px; + color: #3e5569; + line-height: 40px; +} + +.select2-container--default .select2-selection--multiple { + line-height: 27px; +} + +.select2-container--classic + .select2-selection--multiple + .select2-selection__choice, +.select2-container--default + .select2-selection--multiple + .select2-selection__choice, +.select2-container--default + .select2-selection--multiple + .select2-selection__choice__remove { + background-color: #2962ff; + border-color: #2962ff; + color: #fff; +} + +.m-icon { + width: 33%; + display: inline-block; +} + +@media (max-width: 767.98px) { + .m-icon { + width: 100%; + } +} + +.f-icon, +.if-icon, +.m-icon, +.sl-icon, +.t-icon, +.w-icon { + cursor: pointer; + padding: 13px 15px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.f-icon:hover, +.if-icon:hover, +.m-icon:hover, +.sl-icon:hover, +.t-icon:hover, +.w-icon:hover { + background-color: #f8f9fa; +} + +.table.dataTable { + border-collapse: collapse !important; +} + +.dataTables_wrapper { + padding: 0; +} + +.dropzone, +.note-editor.note-frame { + border-color: #e9ecef; +} + +.note-toolbar-wrapper { + height: 33px !important; +} + +.dropzone { + border-style: dotted; +} + +.note-toolbar { + z-index: 1; +} + +.nav-pills.custom-pills .nav-link { + border-radius: 0; + opacity: 0.7; +} + +.nav-pills.custom-pills .nav-link.active { + color: #2962ff; + opacity: 1; + background-color: transparent; + border-bottom: 2px solid #2962ff; +} + +label { + font-weight: 600; +} + +.r-separator .form-group { + border-bottom: 1px solid #e9ecef; +} + +.r-separator .form-group:last-child { + border-bottom: none; +} + +.striped-rows .row:nth-child(odd) { + background-color: #f8f9fa; +} + +.b-form .row { + border-bottom: 1px solid #e9ecef; + margin-bottom: 0; + padding: 15px 0; +} + +.b-form .row:last-child { + border-bottom: none; +} + +.b-label { + display: flex; + align-items: center; + justify-content: flex-end; +} + +.error .form-control { + border-color: #f62d51; +} + +.error .help-block { + color: #f62d51; +} + +.validate .form-control { + border-color: #36bea6; +} + +.validate .help-block { + color: #36bea6; +} + +@media (min-height: 33.875em) { + .picker--opened .picker__frame { + top: 30%; + bottom: auto; + } +} + +.dtp > .dtp-content > .dtp-date-view > header.dtp-header { + background: #1d50de; +} + +.dtp div.dtp-date, +.dtp div.dtp-time, +.dtp table.dtp-picker-days tr > td > a.selected { + background: #2962ff; +} + +.dtp .p10 > a { + color: #fff; +} + +.datepicker .day, +.datepicker .dow { + padding: 5px 10px; +} + +.docs-buttons .btn, +.docs-data .input-group { + margin-bottom: 5px; +} + +.scrollable { + position: relative; +} + +.error-box { + height: 100%; + position: fixed; + background: url(../..//images/background/error-bg.jpg) no-repeat center + center #fff; + width: 100%; +} + +.error-box .error-body { + padding-top: 5%; +} + +.error-box .error-title { + font-size: 210px; + font-weight: 900; + text-shadow: 4px 4px 0 #fff, 6px 6px 0 #343a40; + line-height: 210px; +} + +.price-label { + position: absolute; + top: -10px; + margin: 0 auto; + left: 0; + right: 0; + width: 100px; + padding: 5px 10px; +} + +.price-sign { + position: absolute; + font-size: 15px; + top: 5px; + margin-left: -10px; +} + +.gaugejs-box { + position: relative; + margin: 0 auto; +} + +.gaugejs-box canvas.gaugejs { + width: 100% !important; + height: auto !important; +} + +#demo-foo-accordion .open > .dropdown-menu { + display: block; +} + +#demo-foo-accordion2 .open > .dropdown-menu { + display: block; +} + +#footable-addrow .open > .dropdown-menu { + display: block; +} + +table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox { + padding-left: 0; +} + +table.footable + thead + tr.footable-filtering + th + ul.dropdown-menu + li + a.checkbox + input[type="checkbox"] { + position: relative; + margin-right: 10px; + margin-left: -20px; + left: 0; + opacity: 1; +} + +table.footable + thead + tr.footable-filtering + th + ul.dropdown-menu + li + .checkbox + label::before { + display: none; +} + +.footable .pagination li a { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #0275d8; + background-color: #fff; + border: 1px solid #ddd; +} + +.footable .pagination li.active a { + z-index: 2; + color: #fff; + background-color: #2962ff; + border-color: #2962ff; +} + +.footable .pagination li.disabled a { + color: #e9ecef; + pointer-events: none; + cursor: not-allowed; + background-color: #fff; + border-color: #f8f9fa; +} + +.footable .pagination li:first-child a { + margin-left: 0; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; +} + +.custom-range, +[type="search"], +button.close { + -webkit-appearance: none; +} + +.custom-range::-webkit-slider-thumb { + -webkit-appearance: none; +} + +.custom-range::-moz-range-thumb { + -moz-appearance: none; +} + +html[dir="rtl"] body .m-t-5 { + margin-top: 5px; +} + +html[dir="rtl"] body .m-b-5 { + margin-bottom: 5px; +} + +html[dir="rtl"] body .m-r-5 { + margin-left: 5px; +} + +html[dir="rtl"] body .m-l-5 { + margin-right: 5px; +} + +html[dir="rtl"] body .p-t-5 { + padding-top: 5px; +} + +html[dir="rtl"] body .p-b-5 { + padding-bottom: 5px; +} + +html[dir="rtl"] body .p-r-5 { + padding-left: 5px; +} + +html[dir="rtl"] body .p-l-5 { + padding-right: 5px; +} + +html[dir="rtl"] body .p-5 { + padding: 5px; +} + +html[dir="rtl"] body .m-5 { + margin: 5px; +} + +html[dir="rtl"] body .m-t-10 { + margin-top: 10px; +} + +html[dir="rtl"] body .m-b-10 { + margin-bottom: 10px; +} + +html[dir="rtl"] body .m-r-10 { + margin-left: 10px; +} + +html[dir="rtl"] body .m-l-10 { + margin-right: 10px; +} + +html[dir="rtl"] body .p-t-10 { + padding-top: 10px; +} + +html[dir="rtl"] body .p-b-10 { + padding-bottom: 10px; +} + +html[dir="rtl"] body .p-r-10 { + padding-left: 10px; +} + +html[dir="rtl"] body .p-l-10 { + padding-right: 10px; +} + +html[dir="rtl"] body .p-10 { + padding: 10px; +} + +html[dir="rtl"] body .m-10 { + margin: 10px; +} + +html[dir="rtl"] body .m-t-15 { + margin-top: 15px; +} + +html[dir="rtl"] body .m-b-15 { + margin-bottom: 15px; +} + +html[dir="rtl"] body .m-r-15 { + margin-left: 15px; +} + +html[dir="rtl"] body .m-l-15 { + margin-right: 15px; +} + +html[dir="rtl"] body .p-t-15 { + padding-top: 15px; +} + +html[dir="rtl"] body .p-b-15 { + padding-bottom: 15px; +} + +html[dir="rtl"] body .p-r-15 { + padding-left: 15px; +} + +html[dir="rtl"] body .p-l-15 { + padding-right: 15px; +} + +html[dir="rtl"] body .p-15 { + padding: 15px; +} + +html[dir="rtl"] body .m-15 { + margin: 15px; +} + +html[dir="rtl"] body .m-t-20 { + margin-top: 20px; +} + +html[dir="rtl"] body .m-b-20 { + margin-bottom: 20px; +} + +html[dir="rtl"] body .m-r-20 { + margin-left: 20px; +} + +html[dir="rtl"] body .m-l-20 { + margin-right: 20px; +} + +html[dir="rtl"] body .p-t-20 { + padding-top: 20px; +} + +html[dir="rtl"] body .p-b-20 { + padding-bottom: 20px; +} + +html[dir="rtl"] body .p-r-20 { + padding-left: 20px; +} + +html[dir="rtl"] body .p-l-20 { + padding-right: 20px; +} + +html[dir="rtl"] body .p-20 { + padding: 20px; +} + +html[dir="rtl"] body .m-20 { + margin: 20px; +} + +html[dir="rtl"] body .m-t-25 { + margin-top: 25px; +} + +html[dir="rtl"] body .m-b-25 { + margin-bottom: 25px; +} + +html[dir="rtl"] body .m-r-25 { + margin-left: 25px; +} + +html[dir="rtl"] body .m-l-25 { + margin-right: 25px; +} + +html[dir="rtl"] body .p-t-25 { + padding-top: 25px; +} + +html[dir="rtl"] body .p-b-25 { + padding-bottom: 25px; +} + +html[dir="rtl"] body .p-r-25 { + padding-left: 25px; +} + +html[dir="rtl"] body .p-l-25 { + padding-right: 25px; +} + +html[dir="rtl"] body .p-25 { + padding: 25px; +} + +html[dir="rtl"] body .m-25 { + margin: 25px; +} + +html[dir="rtl"] body .m-t-30 { + margin-top: 30px; +} + +html[dir="rtl"] body .m-b-30 { + margin-bottom: 30px; +} + +html[dir="rtl"] body .m-r-30 { + margin-left: 30px; +} + +html[dir="rtl"] body .m-l-30 { + margin-right: 30px; +} + +html[dir="rtl"] body .p-t-30 { + padding-top: 30px; +} + +html[dir="rtl"] body .p-b-30 { + padding-bottom: 30px; +} + +html[dir="rtl"] body .p-r-30 { + padding-left: 30px; +} + +html[dir="rtl"] body .p-l-30 { + padding-right: 30px; +} + +html[dir="rtl"] body .p-30 { + padding: 30px; +} + +html[dir="rtl"] body .m-30 { + margin: 30px; +} + +html[dir="rtl"] body .m-t-40 { + margin-top: 40px; +} + +html[dir="rtl"] body .m-b-40 { + margin-bottom: 40px; +} + +html[dir="rtl"] body .m-r-40 { + margin-left: 40px; +} + +html[dir="rtl"] body .m-l-40 { + margin-right: 40px; +} + +html[dir="rtl"] body .p-t-40 { + padding-top: 40px; +} + +html[dir="rtl"] body .p-b-40 { + padding-bottom: 40px; +} + +html[dir="rtl"] body .p-r-40 { + padding-left: 40px; +} + +html[dir="rtl"] body .p-l-40 { + padding-right: 40px; +} + +html[dir="rtl"] body .p-40 { + padding: 40px; +} + +html[dir="rtl"] body .m-40 { + margin: 40px; +} + +html[dir="rtl"] body .m-0-0 { + margin: 0; +} + +html[dir="rtl"] body .m-t-0 { + margin-top: 0; +} + +html[dir="rtl"] body .m-r-0 { + margin-left: 0; +} + +html[dir="rtl"] body .m-b-0 { + margin-bottom: 0; +} + +html[dir="rtl"] body .m-l-0 { + margin-right: 0; +} + +html[dir="rtl"] body .p-0-0 { + padding: 0; +} + +html[dir="rtl"] body .p-t-0 { + padding-top: 0; +} + +html[dir="rtl"] body .p-r-0 { + padding-left: 0; +} + +html[dir="rtl"] body .p-b-0 { + padding-bottom: 0; +} + +html[dir="rtl"] body .p-l-0 { + padding-right: 0; +} + +html[dir="rtl"] body { + text-align: right; + direction: rtl; +} + +html[dir="rtl"] + .page-breadcrumb + .breadcrumb + .breadcrumb-item + + .breadcrumb-item { + padding-right: 0.5rem; + padding-left: 0; +} + +html[dir="rtl"] + .page-breadcrumb + .breadcrumb + .breadcrumb-item + + .breadcrumb-item::before { + content: "\e64a"; + padding-right: 0; + padding-left: 0.5rem; +} + +html[dir="rtl"] .custom-select { + padding: 0.375rem 0.75rem 0.375rem 1.75rem; + background: url(/images/custom-select.png) left 0.35rem center no-repeat + #fff; +} + +html[dir="rtl"] .custom-control { + padding-left: 0; + padding-right: 1.5rem; +} + +html[dir="rtl"] .custom-control-label::after, +html[dir="rtl"] .custom-control-label::before { + left: auto; + right: -25px; +} + +html[dir="rtl"] .list-group { + padding: 0; +} + +html[dir="rtl"] .text-left { + text-align: right !important; +} + +html[dir="rtl"] .text-right { + text-align: left !important; +} + +html[dir="rtl"] .modal-footer > :not(:last-child) { + margin-left: 0.25rem; + margin-right: 0; +} + +html[dir="rtl"] .ml-auto { + margin-right: auto !important; + margin-left: 0 !important; +} + +html[dir="rtl"] .mr-auto { + margin-left: auto !important; + margin-right: 0 !important; +} + +html[dir="rtl"] .border-right { + border-right: none !important; + border-left: 1px solid #e9ecef !important; +} + +html[dir="rtl"] .border-left { + border-left: none !important; + border-right: 1px solid #e9ecef !important; +} + +html[dir="rtl"] .alert-dismissible { + padding-left: 3.8125rem; + padding-right: 1.25rem; +} + +html[dir="rtl"] .alert-dismissible .close { + left: 0; + right: auto; +} + +html[dir="rtl"] .custom-file-label { + left: auto; + right: 0; + width: 100%; +} + +html[dir="rtl"] .custom-file-label::after { + right: auto; + left: 0; +} + +html[dir="rtl"] .dropdown-menu-right { + right: auto; + left: 0; +} + +html[dir="rtl"] .dropdown-menu { + text-align: right; +} + +html[dir="rtl"] .topbar .navbar-collapse { + padding: 0 0 0 10px; +} + +html[dir="rtl"] .list-unstyled, +html[dir="rtl"] .nav, +html[dir="rtl"] .navbar-nav, +html[dir="rtl"] .pagination { + padding-right: 0; +} + +html[dir="rtl"] .topbar .top-navbar .navbar-header .navbar-brand .logo-icon { + margin-right: 0; +} + +html[dir="rtl"] .topbar .dropdown-menu.dropdown-menu-right .with-arrow { + left: 0; + right: auto; +} + +html[dir="rtl"] .topbar .dropdown-menu.dropdown-menu-right .with-arrow > span { + left: 20px; + right: auto; +} + +html[dir="rtl"] .search-box .app-search .srh-btn { + right: auto; + left: 20px; +} + +html[dir="rtl"] .mailbox .message-center .message-item .mail-contnet { + padding-right: 10px; + padding-left: 0; +} + +html[dir="rtl"] .customizer { + left: -280px; + right: auto; +} + +html[dir="rtl"] .customizer.show-service-panel { + left: 0; + right: auto; +} + +html[dir="rtl"] .customizer .service-panel-toggle { + right: -54px; + left: auto; +} + +html[dir="rtl"] .sidebar-nav .has-arrow::after { + margin-left: 0; + margin-right: 10px; + right: auto; + left: 15px; +} + +html[dir="rtl"] .left-part { + border-left: 1px solid #e9ecef; + border-right: none; +} + +html[dir="rtl"] .left-part .show-left-part { + left: -41px; + right: auto; +} + +html[dir="rtl"] .right-part { + margin-right: 260px; + margin-left: 0; +} + +html[dir="rtl"] .reverse-mode .left-part { + right: auto; + left: 0; +} + +html[dir="rtl"] .reverse-mode .show-left-part { + left: auto; + right: -41px; +} + +html[dir="rtl"] .reverse-mode .right-part { + margin-right: 0; + margin-left: 260px; +} + +html[dir="rtl"] .profiletimeline { + padding-right: 40px; + padding-left: 0; + margin: 40px 30px 0 10px; + border-right: 1px solid #e9ecef; + border-left: none; +} + +html[dir="rtl"] .profiletimeline .sl-left { + margin-right: -60px; + margin-left: 15px; +} + +html[dir="rtl"] .feed-widget .feed-body .feed-item > .feed-icon { + margin-right: 0; + margin-left: 10px; +} + +html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +html[dir="rtl"] table.table-bordered.dataTable td, +html[dir="rtl"] table.table-bordered.dataTable th { + border-left-width: 1px; +} + +html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter input { + margin-right: 0.5rem; + margin-left: 0; +} + +html[dir="rtl"] + div.table-responsive + > div.dataTables_wrapper + > div.row + > div[class^="col-"]:last-child { + padding-left: 1px; +} + +html[dir="rtl"] .lobilists .lobilist-actions { + right: auto; + left: 8px; +} + +html[dir="rtl"] .lobilists .lobilist-item .todo-actions { + right: auto; + left: 4px; +} + +html[dir="rtl"] .lobilists .lobilist-check { + left: auto; + right: 12px; +} + +html[dir="rtl"] .lobilists .lobilist-item, +html[dir="rtl"] .lobilists .lobilist-item-placeholder { + padding-left: 0; + padding-right: 35px; +} + +html[dir="rtl"] .lobilists .lobilist-item .drag-handler { + left: auto; + right: 0; +} + +html[dir="rtl"] .lobilists .lobilist-placeholder, +html[dir="rtl"] .lobilists .lobilist-wrapper { + margin-left: 16px; + margin-right: 0; +} + +html[dir="rtl"] .datepicker { + direction: rtl; +} + +html[dir="rtl"] .minicolors .minicolors-grid { + right: 22px; + left: auto; +} + +html[dir="rtl"] .wizard > .actions > ul > li, +html[dir="rtl"] .wizard > .steps > ul > li { + float: right; +} + +html[dir="rtl"] .wizard-content .wizard > .steps > ul > li:after { + right: auto; + left: 0; +} + +html[dir="rtl"] .wizard-content .wizard > .steps > ul > li:before { + left: auto; + right: 0; +} + +html[dir="rtl"] .wizard-content .wizard.vertical > .steps { + float: right; +} + +html[dir="rtl"] .css-bar > i { + margin-left: 0; + margin-right: 5px; +} + +html[dir="rtl"] .treeview span.icon { + margin-right: 0; + margin-left: 5px; +} + +html[dir="rtl"] #main-wrapper[data-sidebartype="full"] .page-wrapper { + margin-right: 250px; + margin-left: 0; +} + +html[dir="rtl"] #main-wrapper[data-sidebartype="iconbar"] .page-wrapper { + margin-right: 180px; + margin-left: 0; +} + +html[dir="rtl"] #main-wrapper[data-sidebartype="overlay"] .left-sidebar { + right: -250px; + left: auto; +} + +html[dir="rtl"] + #main-wrapper[data-sidebartype="overlay"].show-sidebar + .left-sidebar { + right: 0; + left: auto; +} + +html[dir="rtl"] .dz-hidden-input { + display: none; +} + +@media (min-width: 768px) { + html[dir="rtl"] + #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="full"] + .topbar + .top-navbar + .navbar-collapse, + html[dir="rtl"] + #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="overlay"] + .topbar + .top-navbar + .navbar-collapse { + margin-right: 250px; + margin-left: 0; + } + + html[dir="rtl"] + #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-collapse { + margin-right: 65px; + margin-left: 0; + } + + html[dir="rtl"] + #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="iconbar"] + .topbar + .top-navbar + .navbar-collapse { + margin-right: 180px; + margin-left: 0; + } + + html[dir="rtl"] + #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] + .topbar + .top-navbar + .navbar-collapse { + margin-right: 65px; + margin-left: 0; + } + + html[dir="rtl"] + #main-wrapper[data-sidebartype="mini-sidebar"] + .page-wrapper { + margin-right: 65px; + margin-left: 0; + } +} + +@media (max-width: 766px) { + html[dir="rtl"] + #main-wrapper[data-sidebartype="mini-sidebar"] + .left-sidebar { + right: -250px; + left: auto; + } + + html[dir="rtl"] #main-wrapper.show-sidebar .left-sidebar { + right: 0; + left: auto; + } + + html[dir="rtl"] .left-part { + right: -260px; + left: auto; + } + + html[dir="rtl"] .left-part.show-panel { + right: 0; + left: auto; + } + + html[dir="rtl"] .right-part { + margin-right: 0; + } +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.campaign { + position: relative; + height: 250px; +} + +.campaign .ct-series-a .ct-area { + fill-opacity: 0.2; + fill: url(#gradient); +} + +.campaign .ct-series-a .ct-line, +.campaign .ct-series-a .ct-point { + stroke: #4fc3f7; + stroke-width: 2px; +} + +.campaign .ct-series-b .ct-area { + fill: #7460ee; + fill-opacity: 0.1; +} + +.campaign .ct-series-b .ct-line, +.campaign .ct-series-b .ct-point { + stroke: #7460ee; + stroke-width: 2px; +} + +.campaign .ct-series-a .ct-point, +.campaign .ct-series-b .ct-point { + stroke-width: 6px; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.earningsbox .c3-line { + stroke-width: 2px; +} + +.product-sales.c3 line, +.product-sales.c3 path { + stroke: #e9ecef; +} + +.product-sales .c3-shape { + stroke: #fff !important; + stroke-width: 3px; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.e-campaign .css-bar .data-text { + margin: 0 auto; + position: absolute; + left: 0; + z-index: 200; + right: 0; + top: 70px; + text-align: center; +} + +.e-campaign .css-bar .data-text .success-rate { + font-size: 60px; +} + +.e-campaign .css-bar .data-text .rate-label { + margin-top: -20px; +} + +.e-campaign .c-cost { + padding: 10px 20px; + border: 1px solid #e9ecef; + border-radius: 5px; +} + +.e-campaign .c-cost i { + font-size: 48px; +} + +.poll-widget .collapsible { + border: none; + box-shadow: none; +} + +.poll-widget .collapsible .collapsible-body, +.poll-widget .collapsible .collapsible-header { + border-bottom: none; + padding: 1rem 0; +} + +#calendar .fc-toolbar { + padding: 0 15px 24px; +} + +.jvectormap-zoomin, +.jvectormap-zoomout { + display: none; +} + +@media (max-width: 767px) { + .e-campaign .c-cost { + margin: 0 auto; + width: 100%; + } + + .e-campaign .stats { + text-align: center; + } +} + +.css-bar-xlg { + width: 223px; + height: 223px; + font-size: 20px; +} + +.css-bar-xlg:after, +.css-bar-xlg > img { + width: 213px; + height: 213px; + margin-left: 5px; + margin-top: 5px; + line-height: 30px; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.gredient-info-bg { + background: linear-gradient(to right, #41a6f6 0, #425be0 100%); +} + +.product-sales .c3-shape { + stroke: transparent !important; + stroke-width: 3px; +} + +.earnings { + position: relative; + height: 250px; +} + +.earnings .ct-series-a .ct-area { + fill-opacity: 0.2; + fill: url(#gradient); +} + +.earnings .ct-series-a .ct-line, +.earnings .ct-series-a .ct-point { + stroke: #2962ff; + stroke-width: 2px; +} + +.earnings .ct-series-b .ct-area { + fill: #4fc3f7; + fill-opacity: 0.1; +} + +.earnings .ct-series-b .ct-line, +.earnings .ct-series-b .ct-point { + stroke: #4fc3f7; + stroke-width: 2px; +} + +.earnings .ct-series-a .ct-point, +.earnings .ct-series-b .ct-point { + stroke-width: 6px; +} + +.ct-grid { + stroke-width: 0.3px; + stroke-dasharray: 0; +} + +.ct-series-a .ct-bar { + stroke: #2962ff; +} + +@media (max-width: 1023px) { + .gredient-info-bg .info { + margin-top: 15px; + } +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.ct-series-a .ct-bar { + stroke: #2962ff; +} + +.ct-series-b .ct-bar { + stroke: #4fc3f7; +} + +@media (max-width: 767px) { + .ct-bar { + stroke-width: 10px !important; + } +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.auth-wrapper { + min-height: 100vh; + position: relative; +} + +.auth-wrapper .auth-box { + background: #fff; + padding: 20px; + box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); + max-width: 400px; + width: 90%; + margin: 10% 0; +} + +.auth-wrapper .auth-box .logo { + text-align: center; +} + +.auth-wrapper .auth-box.on-sidebar { + top: 0; + right: 0; + height: 100%; + margin: 0; + position: absolute; +} + +.auth-wrapper #recoverform { + display: none; +} + +.auth-wrapper .auth-sidebar { + position: fixed; + height: 100%; + right: 0; + overflow: auto; + margin: 0; + top: 0; +} + +@media (max-width: 767px) { + .auth-wrapper .auth-sidebar { + position: relative; + max-width: 100%; + width: 100%; + margin: 40px 0 60px; + } + + .auth-wrapper .demo-text { + margin-top: 30px; + } +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.email-app { + position: relative; +} + +.email-app .list-group .list-group-item { + padding: 0; + background: 0 0; + border: none; +} + +.email-app .list-group .list-group-item .list-group-item-action { + padding: 12px 15px; + display: block; + color: #3e5569; +} + +.email-app .list-group .list-group-item .list-group-item-action .mdi { + font-size: 18px; + vertical-align: middle; + margin-right: 5px; +} + +.email-app .list-group .list-group-item .list-group-item-action.active, +.email-app .list-group .list-group-item .list-group-item-action:hover { + background: rgba(0, 0, 0, 0.03); +} + +.email-app .email-table { + table-layout: fixed; +} + +.email-app .email-table .selected { + background: #fff8e1; +} + +.email-app .email-table .max-texts, +.email-app .email-table .user-name h6 { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.email-app .email-table .max-texts { + padding: 1rem 5px; +} + +.email-app .email-table .chb { + width: 50px; +} + +.email-app .email-table .time { + width: 100px; + text-align: right; +} + +.email-app .email-table .clip, +.email-app .email-table .starred { + width: 25px; + padding: 1rem 5px; +} + +.email-app .email-table .user-image { + width: 45px; + padding: 1rem 5px; +} + +.email-app .email-table .user-name { + width: 130px; + padding: 1rem 5px; +} + +.email-app .email-table .user-name .m-b-0 { + font-weight: 300; +} + +.email-app .email-table .unread .m-b-0, +.email-app .email-table .unread .max-texts { + font-weight: 600; +} + +@media (max-width: 767px) { + .email-table { + min-width: 500px; + } +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.lobilists .lobilist { + box-shadow: none; +} + +.lobilists .lobilist.lobilist-primary { + border-color: #e9ecef; +} + +.lobilists .lobilist.lobilist-primary .lobilist-footer, +.lobilists .lobilist.lobilist-primary .lobilist-form-footer, +.lobilists .lobilist.lobilist-primary .lobilist-header { + border-color: #7460ee; + background-color: #7460ee; +} + +.lobilists .lobilist.lobilist-danger { + border-color: #e9ecef; +} + +.lobilists .lobilist.lobilist-danger .lobilist-footer, +.lobilists .lobilist.lobilist-danger .lobilist-form-footer, +.lobilists .lobilist.lobilist-danger .lobilist-header { + border-color: #f62d51; + background-color: #f62d51; +} + +.lobilists .lobilist.lobilist-info { + border-color: #e9ecef; +} + +.lobilists .lobilist.lobilist-info .lobilist-footer, +.lobilists .lobilist.lobilist-info .lobilist-form-footer, +.lobilists .lobilist.lobilist-info .lobilist-header { + border-color: #2962ff; + background-color: #2962ff; +} + +.lobilists .lobilist.lobilist-success { + border-color: #e9ecef; +} + +.lobilists .lobilist.lobilist-success .lobilist-footer, +.lobilists .lobilist.lobilist-success .lobilist-header { + border-color: #36bea6; + background-color: #36bea6; +} + +.lobilists .lobilist-footer, +.lobilists .lobilist-form-footer { + border-color: #e9ecef !important; + background: rgba(0, 0, 0, 0.02) !important; +} + +.lobilists .btn-link { + background: 0 0; + border: 0; + box-shadow: none; + color: #343a40 !important; +} + +.lobilists.single-line { + height: 500px; +} + +.lobilist, +.lobilists { + position: relative; +} + +.lobilists [type="checkbox"]:checked, +.lobilists [type="checkbox"]:not(:checked) { + opacity: 1; + position: relative; +} + +.lobilists .lobilist-item { + margin-bottom: 16px; + padding-top: 5px; +} + +.lobilists .lobilist-item-title { + color: #343a40; +} + +.lobilists .lobilist-item-description { + font-style: normal; + font-size: 13px; +} + +.lobilists .lobilist-check { + top: 10px; +} + +.lobilists .lobilist-item-duedate { + position: relative; + font-size: 12px; + left: 0; +} + +.lobilists .lobilist-actions { + top: 0; +} + +.lobilist-actions .btn i { + font-size: 15px; + vertical-align: middle; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.twitter-typeahead { + width: 100%; +} + +.twitter-typeahead .tt-menu { + width: 100%; + background: #fff; + border: 1px solid #f8f9fa; + border-radius: 5px; + padding: 0.75rem 0; +} + +.twitter-typeahead .tt-menu .tt-suggestion { + padding: 0.25rem 0.75rem; + cursor: pointer; +} + +.twitter-typeahead .tt-menu .tt-suggestion:hover { + background-color: #7460ee; + color: #fff; +} + +.twitter-typeahead .empty-message { + padding: 5px 10px; + text-align: center; +} + +.twitter-typeahead .rtl-typeahead .tt-menu { + text-align: right; +} + +.twitter-typeahead .league-name { + margin: 0 10px 5px; + padding: 7px 5px 10px; + border-bottom: 1px solid #e9ecef; +} + +.scrollable-dropdown .twitter-typeahead .tt-menu { + max-height: 80px; + overflow-y: auto; +} + +.bootstrap-maxlength { + margin-top: 0.5rem; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.el-element-overlay .white-box { + padding: 0; +} + +.el-element-overlay .el-card-item { + position: relative; + padding-bottom: 20px; +} + +.el-element-overlay .el-card-item .el-card-avatar { + margin-bottom: 20px; +} + +.el-element-overlay .el-card-item .el-card-content { + text-align: center; +} + +.el-element-overlay .el-card-item .el-overlay-1 { + width: 100%; + overflow: hidden; + position: relative; + text-align: center; + cursor: default; +} + +.el-element-overlay .el-card-item .el-overlay-1 img { + display: block; + position: relative; + -webkit-transition: all 0.4s linear; + transition: all 0.4s linear; + width: 100%; + height: auto; +} + +.el-element-overlay .el-card-item .el-overlay-1:hover img { + -ms-transform: scale(1.2) translateZ(0); + -webkit-transform: scale(1.2) translateZ(0); +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info { + text-decoration: none; + display: inline-block; + text-transform: uppercase; + color: #fff; + background-color: transparent; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + padding: 0; + margin: auto; + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%) translateZ(0); + -webkit-transform: translateY(-50%) translateZ(0); + -ms-transform: translateY(-50%) translateZ(0); +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item { + list-style: none; + display: inline-block; + margin: 0 3px; +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link { + border-color: #fff; + color: #fff; + padding: 12px 15px 10px; +} + +.el-element-overlay + .el-card-item + .el-overlay-1 + .el-info + .el-item + .el-link:hover { + background: #2962ff; + border-color: #2962ff; +} + +.el-element-overlay .el-card-item .el-overlay { + width: 100%; + height: 100%; + position: absolute; + overflow: hidden; + top: 0; + left: 0; + opacity: 0; + background-color: rgba(0, 0, 0, 0.7); + -webkit-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} + +.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay { + opacity: 1; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} + +.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn { + top: -100%; +} + +.el-element-overlay .el-card-item .el-overlay-1 .scrl-up { + top: 100%; + height: 0; +} + +.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn { + top: 0; +} + +.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up { + top: 0; + height: 100%; +} + +.search-box .app-search .form-control, +.topbar .mega-dropdown .dropdown-menu { + border-radius: 0; +} + +.topbar .dropdown-menu .with-arrow > span { + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); +} + +.gmaps, +.gmaps-panaroma { + height: 300px; +} + +.gmaps, +.gmaps-panaroma { + height: 300px; + background: #e9ecef; + border-radius: 2px; +} + +.gmaps-overlay { + display: block; + text-align: center; + color: #fff; + font-size: 16px; + line-height: 40px; + background: #2962ff; + border-radius: 4px; + padding: 10px 20px; +} + +.gmaps-overlay_arrow { + left: 50%; + margin-left: -16px; + width: 0; + height: 0; + position: absolute; +} + +.gmaps-overlay_arrow.above { + bottom: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-top: 16px solid #2962ff; +} + +.gmaps-overlay_arrow.below { + top: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-bottom: 16px solid #2962ff; +} + +.jvectormap-zoomin, +.jvectormap-zoomout { + width: 10px; + height: 10px; + line-height: 10px; +} + +.jvectormap-zoomout { + top: 40px; +} + +.timeline { + position: relative; + padding: 20px 0 20px; + list-style: none; + max-width: 1200px; + margin: 0 auto; +} + +.timeline:before { + content: " "; + position: absolute; + top: 0; + bottom: 0; + left: 50%; + width: 3px; + margin-left: -1.5px; + background-color: #e9ecef; +} + +.timeline > .timeline-item { + position: relative; + margin-bottom: 20px; +} + +.timeline > .timeline-item:after, +.timeline > .timeline-item:before { + content: " "; + display: table; +} + +.timeline > .timeline-item:after { + clear: both; +} + +.timeline > .timeline-item > .timeline-panel { + position: relative; + width: 46%; + padding: 20px; + border: 1px solid #e9ecef; + border-radius: 2px; + -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); +} + +.timeline > .timeline-item > .timeline-panel:before { + content: " "; + display: inline-block; + position: absolute; + top: 26px; + right: -8px; + border-top: 8px solid transparent; + border-right: 0 solid #e9ecef; + border-bottom: 8px solid transparent; + border-left: 8px solid #e9ecef; +} + +.timeline > .timeline-item > .timeline-panel:after { + content: " "; + display: inline-block; + position: absolute; + top: 27px; + right: -7px; + border-top: 7px solid transparent; + border-right: 0 solid #fff; + border-bottom: 7px solid transparent; + border-left: 7px solid #fff; +} + +.timeline > .timeline-item > .timeline-badge { + z-index: 10; + position: absolute; + top: 16px; + left: 50%; + width: 50px; + height: 50px; + margin-left: -25px; + border-radius: 50% 50% 50% 50%; + text-align: center; + font-size: 1.4em; + line-height: 50px; + color: #fff; + overflow: hidden; +} + +.timeline > .timeline-item.timeline-inverted > .timeline-panel { + left: 0; + right: 0; + margin-left: auto; +} + +.timeline > .timeline-item.timeline-inverted > .timeline-panel:before { + right: auto; + left: -8px; + border-right-width: 8px; + border-left-width: 0; +} + +.timeline > .timeline-item.timeline-inverted > .timeline-panel:after { + right: auto; + left: -7px; + border-right-width: 7px; + border-left-width: 0; +} + +.timeline-badge.primary { + background-color: #7460ee; +} + +.timeline-badge.success { + background-color: #36bea6; +} + +.timeline-badge.warning { + background-color: #ffbc34; +} + +.timeline-badge.danger { + background-color: #f62d51; +} + +.timeline-badge.info { + background-color: #2962ff; +} + +.timeline-title { + margin-top: 0; + color: inherit; + font-weight: 400; +} + +.timeline-body > p, +.timeline-body > ul { + margin-bottom: 0; +} + +.timeline-left:before { + left: 30px; +} + +.timeline-left > .timeline-item > .timeline-badge { + left: 30px; + top: 9px; +} + +.timeline-left > .timeline-item > .timeline-panel { + width: calc(100% - 80px); + margin-left: 85px; +} + +.timeline-right:before { + right: 30px; + left: auto; +} + +.timeline-right > .timeline-item > .timeline-badge { + right: 5px; + top: 9px; + left: auto; +} + +.timeline-right > .timeline-item > .timeline-panel { + margin-right: 85px; + width: calc(100% - 80px); +} + +.cd-horizontal-timeline .events a { + padding-bottom: 6px; + color: #2962ff; +} + +.cd-horizontal-timeline .events a.selected::after, +.cd-horizontal-timeline .filling-line { + background: #2962ff; +} + +.cd-horizontal-timeline .events a.selected::after { + border-color: #2962ff; +} + +.cd-horizontal-timeline .m-t-40 { + margin-top: 40px !important; +} + +.dd { + position: relative; + display: block; + margin: 0; + padding: 0; + max-width: 600px; + list-style: none; + font-size: 13px; + line-height: 20px; +} + +.dd-list { + display: block; + position: relative; + margin: 0; + padding: 0; + list-style: none; +} + +.dd-list .dd-list { + padding-left: 30px; +} + +.dd-collapsed .dd-list { + display: none; +} + +.dd-empty, +.dd-item, +.dd-placeholder { + display: block; + position: relative; + margin: 0; + padding: 0; + min-height: 20px; + font-size: 13px; + line-height: 20px; +} + +.dd-handle { + display: block; + height: 30px; + margin: 5px 0; + padding: 5px 10px; + cursor: move; + color: #979898; + text-decoration: none; + font-weight: 700; + border: 1px solid #e5e5e5; + background: #fafafa; + box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.dd-handle:hover { + color: #317eeb; + background: #fff; +} + +.dd-item > button { + display: block; + position: absolute; + cursor: pointer; + height: 25px; + margin: 5px; + width: 25px; + margin: 5px 0; + padding: 0; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + border: 0; + background: 0 0; + font-size: 12px; + line-height: 1; + text-align: center; + font-weight: 700; +} + +.dd-item > button:before { + content: "+"; + display: block; + position: absolute; + width: 100%; + text-align: center; + text-indent: 0; +} + +.dd-item > button[data-action="collapse"]:before { + content: "-"; +} + +.dd-empty, +.dd-placeholder { + margin: 5px 0; + padding: 0; + min-height: 30px; + background: #f5f5f5; + border: 1px dashed #b6bcbf; + box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.dd-empty { + border: 1px dashed #bbb; + min-height: 100px; + background-color: #e5e5e5; + background-size: 60px 60px; + background-position: 0 0, 30px 30px; +} + +.dd-dragel { + position: absolute; + pointer-events: none; + z-index: 9999; +} + +.dd-dragel > .dd-item .dd-handle { + margin-top: 0; +} + +.dd-dragel .dd-handle { + -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); + box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); +} + +.dd3-content { + display: block; + height: 30px; + margin: 5px 0; + padding: 5px 10px 5px 40px; + color: #979898; + text-decoration: none; + font-weight: 700; + border: 1px solid #e5e5e5; + background: #fafafa; + box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.dd3-content:hover { + color: #317eeb; + background: #fff; +} + +.dd-dragel > .dd3-item > .dd3-content { + margin: 0; +} + +.dd3-item > button { + margin-left: 30px; +} + +.dd3-handle { + position: absolute; + margin: 0; + left: 0; + top: 0; + cursor: pointer; + width: 30px; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + border: 1px solid #ccc; + background: #d5d5d5; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.dd3-handle:before { + content: "\f0c9"; + font-family: "Font Awesome 5 Free"; + display: block; + position: absolute; + left: 0; + width: 100%; + text-align: center; + text-indent: 0; + font-size: 14px; + font-weight: 900; + color: #67757c; + top: 7px; +} + +.dd3-handle:hover { + background: #404040; + border: 1px solid #404040; +} + +.myadmin-dd .dd-list .dd-item .dd-handle { + background: #fff; + border: 1px solid rgba(120, 130, 140, 0.13); + padding: 8px 16px 8px 30px; + height: auto; + font-family: Montserrat, sans-serif; + font-weight: 400; + border-radius: 0; +} + +.myadmin-dd-empty .dd-list .dd3-content { + height: auto; + border: 1px solid rgba(120, 130, 140, 0.13); + padding: 8px 16px 8px 46px; + background: #fff; + font-weight: 400; +} + +.myadmin-dd-empty .dd-list .dd3-handle { + border: 1px solid rgba(120, 130, 140, 0.13); + border-bottom: 0; + background: #fff; + height: 36px; + width: 36px; +} + +.dd3-handle:before { + color: #67757c; + top: 7px; +} + +.mailbox .drop-title { + font-weight: 600; + padding: 11px 20px 15px; + border-radius: 2px 2px 0 0; + position: relative; +} + +.mailbox .drop-title:after { + content: ""; + position: absolute; + background: url(/images/background/img5.png) no-repeat; + opacity: 0.2; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-size: cover; +} + +.mailbox .nav-link { + border-top: 1px solid #e9ecef; + padding-top: 15px; + color: #3e5569; +} + +.mailbox .message-center { + height: 317px; + overflow: auto; + position: relative; +} + +.mailbox .message-center .message-item { + border-bottom: 1px solid #e9ecef; + display: block; + text-decoration: none; + padding: 9px 15px; +} + +.mailbox .message-center .message-item.active, +.mailbox .message-center .message-item:hover { + background: #f8f9fa; +} + +.mailbox .message-center .message-item .message-title { + color: #212529; +} + +.mailbox .message-center .message-item .user-img { + width: 40px; + position: relative; + display: inline-block; + margin: 0 0 15px 0; +} + +.mailbox .message-center .message-item .user-img img { + width: 100%; +} + +.mailbox .message-center .message-item .user-img .profile-status { + border: 2px solid #fff; + border-radius: 50%; + display: inline-block; + height: 10px; + left: 30px; + position: absolute; + top: 1px; + width: 10px; +} + +.mailbox .message-center .message-item .user-img .online { + background: #36bea6; +} + +.mailbox .message-center .message-item .user-img .busy { + background: #f62d51; +} + +.mailbox .message-center .message-item .user-img .away { + background: #ffbc34; +} + +.mailbox .message-center .message-item .user-img .offline { + background: #ffbc34; +} + +.mailbox .message-center .message-item .mail-contnet { + display: inline-block; + width: 75%; + padding-left: 10px; + vertical-align: middle; +} + +.mailbox .message-center .message-item .mail-contnet .message-title { + margin: 5px 0 0; +} + +.mailbox .message-center .message-item .mail-contnet .mail-desc, +.mailbox .message-center .message-item .mail-contnet .time { + font-size: 12px; + display: block; + margin: 1px 0; + text-overflow: ellipsis; + overflow: hidden; + color: #a1aab2; + white-space: nowrap; +} + +.comment-widgets { + position: relative; + margin-bottom: 10px; +} + +.comment-widgets .comment-row { + border-bottom: 1px solid transparent; + padding: 14px; + display: flex; + margin: 10px 0; +} + +.comment-widgets .comment-row:last-child { + border-bottom: 0; +} + +.comment-widgets .comment-row.active, +.comment-widgets .comment-row:hover { + background: rgba(0, 0, 0, 0.05); +} + +.comment-text { + padding-left: 15px; + width: 100%; +} + +.comment-text.active .comment-footer .action-icons, +.comment-text:hover .comment-footer .action-icons { + visibility: visible; +} + +.comment-text p { + max-height: 65px; + width: 100%; + overflow: hidden; +} + +.comment-footer .action-icons { + visibility: hidden; +} + +.comment-footer .action-icons a { + padding-left: 7px; + vertical-align: middle; + color: #a1aab2; +} + +.comment-footer .action-icons a.active, +.comment-footer .action-icons a:hover { + color: #2962ff; +} + +.chat-box { + overflow: auto; +} + +.right-part.chat-container, +.right-part.invoice-box { + display: flex; + align-items: center; + justify-content: center; +} + +.right-part.chat-container .chat-box-inner-part, +.right-part.invoice-box .chat-box-inner-part { + width: 100%; +} + +.left-part.list-of-user, +.left-part.user-chat-box { + height: 100vh; +} + +.chatting-box, +.invoiceing-box { + display: none; +} + +.chat-list { + margin: 0; + padding: 0; +} + +.chat-list .chat-item { + list-style: none; + margin-top: 30px; +} + +.chat-list .chat-item .chat-img { + display: inline-block; + width: 45px; + vertical-align: top; +} + +.chat-list .chat-item .chat-img img { + width: 45px; + border-radius: 100%; +} + +.chat-list .chat-item .chat-content { + width: calc(100% - 50px); + display: inline-block; + padding-left: 15px; +} + +.chat-list .chat-item .chat-content .box { + display: inline-block; + padding: 10px; + margin-bottom: 3px; + color: #343a40; + background: #f8f9fa; +} + +.chat-list .chat-item .chat-time { + display: block; + font-size: 10px; + color: #4f5467; + margin: 5px 0 15px 65px; +} + +.chat-list .chat-item.odd .chat-content { + text-align: right; + width: calc(100% - 0px); +} + +.chat-list .chat-item.odd .chat-time { + text-align: right; +} + +.chat-list .chat-item.odd .box { + clear: both; + color: #fff; + background: #2962ff; +} + +.chat-list .chat-item.odd + .odd { + margin-top: 0; +} + +.chat-list .chat-item.reverse { + text-align: right; +} + +.chat-list .chat-item.reverse .chat-time { + text-align: left; +} + +.chat-list .chat-item.reverse .chat-content { + padding-left: 0; + padding-right: 15px; +} + +.chat-box .chat { + display: none; +} + +.chat-box .chat.active-chat { + display: block; +} + +.chat-windows { + position: fixed; + bottom: 0; + right: 300px; + height: 350px; + max-height: 350px; + z-index: 9999; + transition: 0.6s; +} + +.chat-windows.show-chat { + bottom: 0; +} + +.chat-windows.hide-chat { + bottom: -350px; +} + +.chat-windows .user-chat { + min-width: 300px; + min-height: 350px; + background-color: #fff; + box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); + margin: 0 2px 0 0; +} + +.chat-windows .user-chat.mini-chat { + min-width: 40px; + min-height: 40px; + bottom: 0; + top: 310px; + position: relative; +} + +.chat-windows .user-chat.mini-chat .chat-body, +.chat-windows .user-chat.mini-chat .chat-footer, +.chat-windows .user-chat.mini-chat .chat-head .name, +.chat-windows .user-chat.mini-chat .chat-head i { + display: none; +} + +.chat-windows .user-chat.mini-chat .chat-head img { + margin: 0; +} + +.chat-windows .user-chat.mini-chat .chat-head .status { + left: 28px; + top: 10px; +} + +.chat-windows .user-chat .chat-head { + height: 40px; + padding: 10px; + background-color: #2962ff; + color: #fff; + position: relative; + display: flex; +} + +.chat-windows .user-chat .chat-head img { + border-radius: 50%; + height: 25px; + width: 25px; + vertical-align: middle; + margin: -4px 8px 0 0; + display: inline-block; + cursor: pointer; +} + +.chat-windows .user-chat .chat-head .status { + border: 1px solid #fff; + border-radius: 50%; + position: absolute; + height: 8px; + width: 8px; + left: 28px; + top: 7px; +} + +.chat-windows .user-chat .chat-head .online { + background-color: #36bea6; +} + +.chat-windows .user-chat .chat-head .busy { + background-color: #f62d51; +} + +.chat-windows .user-chat .chat-head .away { + background-color: #fb8c00; +} + +.chat-windows .user-chat .chat-head .offline { + background-color: #ffbc34; +} + +.chat-windows .user-chat .chat-head i { + font-size: 14px; + color: #fff; + margin: 3px 0 0 5px; + cursor: pointer; +} + +.chat-windows .user-chat .chat-head .opts { + margin-left: auto; +} + +.chat-windows .user-chat .chat-footer { + padding: 0; + border-top: 1px solid #e9ecef; +} + +.chat-windows .user-chat .chat-footer .form-control { + background-color: transparent; + color: #3e5569; + font-size: 14px; + border: 0; + width: 100%; + height: 40px; +} + +.chat-windows .user-chat .chat-footer .form-control:focus, +.chat-windows .user-chat .chat-footer .form-control:hover { + border: 0; +} + +.chat-windows .user-chat .chat-body { + height: 270px; + padding: 15px 15px 0; + background-color: #eef5f9; + overflow: hidden; + max-width: 300px; + position: relative; +} + +.chat-list { + margin: 0; + padding: 0; +} + +.chat-list .msg_receive, +.chat-list .msg_sent { + list-style: none; + margin-top: 30px; +} + +.chat-list .msg_receive .chat-img, +.chat-list .msg_sent .chat-img { + display: inline-block; + width: 45px; + vertical-align: top; +} + +.chat-list .msg_receive .chat-img img, +.chat-list .msg_sent .chat-img img { + width: 100%; + border-radius: 100%; +} + +.chat-list .msg_receive .chat-content, +.chat-list .msg_sent .chat-content { + width: calc(100% - 50px); + display: inline-block; + padding-left: 15px; +} + +.chat-list .msg_receive .chat-content .box, +.chat-list .msg_sent .chat-content .box { + display: inline-block; + padding: 10px; + margin-bottom: 3px; + background: #fff; +} + +.chat-list .msg_receive .chat-time, +.chat-list .msg_sent .chat-time { + display: block; + font-size: 10px; + color: #a1aab2; + margin: 5px 0 15px 15px; +} + +.chat-list .msg_receive.odd .chat-content, +.chat-list .msg_sent.odd .chat-content { + text-align: right; + width: calc(100% - 0px); +} + +.chat-list .msg_receive.odd .chat-content .box, +.chat-list .msg_sent.odd .chat-content .box { + clear: both; + color: #fff; + background: #2962ff; +} + +.chat-list .msg_receive .reverse, +.chat-list .msg_receive.odd .chat-time, +.chat-list .msg_sent .reverse, +.chat-list .msg_sent.odd .chat-time { + text-align: right; +} + +.chat-list .msg_receive.odd + .odd, +.chat-list .msg_sent.odd + .odd { + margin-top: 0; +} + +.chat-list .msg_receive.reverse .chat-content, +.chat-list .msg_sent.reverse .chat-content { + padding-left: 0; + padding-right: 15px; +} + +.chat-list .msg_receive.reverse .chat-time, +.chat-list .msg_sent.reverse .chat-time { + text-align: left; +} + +.mailbox .chat-scroll { + height: calc(100vh - 100px); +} + +.steamline { + position: relative; + border-left: 1px solid #e9ecef; + margin-left: 20px; +} + +.steamline .sl-left { + margin-left: -20px; + z-index: 1; + width: 40px; + line-height: 40px; + text-align: center; + height: 40px; + border-radius: 100%; + color: #fff; + margin-right: 15px; +} + +.steamline .sl-left img { + max-width: 40px; +} + +.steamline .sl-right .desc, +.steamline .sl-right .inline-photos { + margin-bottom: 21px; +} + +.steamline .sl-item { + border-bottom: 1px solid #e9ecef; + margin: 20px 0; + display: flex; +} + +.steamline .sl-item:last-child { + border-bottom: none; +} + +.sl-date { + font-size: 10px; + color: #a1aab2; +} + +.time-item { + border-color: #e9ecef; + padding-bottom: 1px; + position: relative; +} + +.time-item:before { + content: " "; + display: table; +} + +.time-item:after { + background-color: #fff; + border-color: #e9ecef; + border-radius: 10px; + border-style: solid; + border-width: 2px; + bottom: 0; + content: ""; + height: 14px; + left: 0; + margin-left: -8px; + position: absolute; + top: 5px; + width: 14px; +} + +.time-item-item:after { + content: " "; + display: table; +} + +.item-info { + margin-bottom: 15px; + margin-left: 15px; +} + +.item-info p { + margin-bottom: 10px !important; +} + +.feed-widget .feed-body .feed-item { + padding: 12px 0; + display: flex; + align-items: center; +} + +.feed-widget .feed-body .feed-item:hover { + background: #f8f9fa; +} + +.feed-widget .feed-body .feed-item > .feed-icon { + width: 40px; + height: 40px; + margin-right: 10px; + display: inline-block; + text-align: center; + vertical-align: middle; + border-radius: 100%; + color: #fff; +} + +.feed-widget .feed-body .feed-item > .feed-icon i { + line-height: 40px; +} + +.todo-widget .todo-list .todo-item { + border: 0; + margin-bottom: 0; + padding: 20px 15px 15px 0; +} + +.todo-widget .todo-list .todo-item .custom-checkbox { + width: 100%; +} + +.todo-widget .todo-list .todo-item .custom-checkbox .todo-label { + font-weight: 400; + width: 100%; +} + +.todo-widget .todo-list .todo-item .assignedto { + padding: 0 0 0 25px; + margin: 0; +} + +.todo-widget .todo-list .todo-item .assignedto .assignee { + padding: 0; + display: inline-block; + border: 0; + margin-right: 2px; +} + +.todo-widget .todo-list .todo-item .assignedto .assignee .assignee-img { + width: 30px; + border-radius: 100%; +} + +.todo-widget .todo-list .todo-item .item-date { + padding-left: 25px; + font-size: 12px; + margin-top: 5px; + display: inline-block; + color: #a1aab2; +} + +.list-task .task-done .badge, +.list-task .task-done .todo-desc { + text-decoration: line-through; +} + +.todo-listing .todo-item .inner-item.done-todo .todo-subtext, +.todo-listing .todo-item .inner-item.done-todo .todo-time, +.todo-listing .todo-item .inner-item.done-todo label { + text-decoration: line-through; +} + +.todo-listing .todo-item .todo-action-dropdown.dropdown-toggle::after { + display: none; +} + +.todo-listing .todo-item.current-task-done .todo-header, +.todo-listing .todo-item.current-task-done .todo-subtext, +.todo-listing .todo-item.current-task-done .todo-time { + text-decoration: line-through; +} + +.todo-listing + .todo-item.all-todo-list + .todo-action-dropdown + .dropdown-item.permanent-delete, +.todo-listing + .todo-item.all-todo-list + .todo-action-dropdown + .dropdown-item.revive { + display: none; +} + +.todo-listing .todo-item.current-todo-delete { + display: none; +} + +.todo-listing + .todo-item.current-todo-delete + .todo-action-dropdown + .dropdown-item.permanent-delete, +.todo-listing + .todo-item.current-todo-delete + .todo-action-dropdown + .dropdown-item.revive { + display: block; +} + +.todo-listing + .todo-item.current-todo-delete + .todo-action-dropdown + .dropdown-item.edit, +.todo-listing + .todo-item.current-todo-delete + .todo-action-dropdown + .dropdown-item.important, +.todo-listing + .todo-item.current-todo-delete + .todo-action-dropdown + .dropdown-item.remove { + display: none; +} + +.note-has-grid .nav-link { + padding: 0.5rem; +} + +.note-has-grid .single-note-item .card { + border-radius: 10px; +} + +.note-has-grid .single-note-item .favourite-note { + cursor: pointer; +} + +.note-has-grid .single-note-item .side-stick { + position: absolute; + width: 3px; + height: 35px; + left: 0; + background-color: rgba(79, 84, 103, 0.5); +} + +.note-has-grid .single-note-item .category-dropdown.dropdown-toggle:after { + display: none; +} + +.note-has-grid .single-note-item .category [class*="category-"] { + height: 15px; + width: 15px; + display: none; +} + +.note-has-grid .single-note-item .category [class*="category-"]::after { + content: "\F143"; + font: normal normal normal 24px/1 "Material Design Icons"; + font-size: 12px; + color: #fff; + position: absolute; +} + +.note-has-grid .single-note-item .category .category-business { + background-color: rgba(54, 190, 166, 0.5); + border: 2px solid #36bea6; +} + +.note-has-grid .single-note-item .category .category-social { + background-color: rgba(41, 98, 255, 0.5); + border: 2px solid #2962ff; +} + +.note-has-grid .single-note-item .category .category-important { + background-color: rgba(246, 45, 81, 0.5); + border: 2px solid #f62d51; +} + +.note-has-grid .single-note-item.all-category .point { + color: rgba(79, 84, 103, 0.5); +} + +.note-has-grid .single-note-item.note-business .point { + color: rgba(54, 190, 166, 0.5); +} + +.note-has-grid .single-note-item.note-business .side-stick { + background-color: rgba(54, 190, 166, 0.5); +} + +.note-has-grid .single-note-item.note-business .category .category-business { + display: inline-block; +} + +.note-has-grid .single-note-item.note-favourite .favourite-note { + color: #ffbc34; +} + +.note-has-grid .single-note-item.note-social .point { + color: rgba(41, 98, 255, 0.5); +} + +.note-has-grid .single-note-item.note-social .side-stick { + background-color: rgba(41, 98, 255, 0.5); +} + +.note-has-grid .single-note-item.note-social .category .category-social { + display: inline-block; +} + +.note-has-grid .single-note-item.note-important .point { + color: rgba(246, 45, 81, 0.5); +} + +.note-has-grid .single-note-item.note-important .side-stick { + background-color: rgba(246, 45, 81, 0.5); +} + +.note-has-grid .single-note-item.note-important .category .category-important { + display: inline-block; +} + +.note-has-grid .single-note-item.all-category .more-options, +.note-has-grid .single-note-item.all-category.note-favourite .more-options { + display: block; +} + +.note-has-grid .single-note-item.all-category.note-business .more-options, +.note-has-grid + .single-note-item.all-category.note-favourite.note-business + .more-options, +.note-has-grid + .single-note-item.all-category.note-favourite.note-important + .more-options, +.note-has-grid + .single-note-item.all-category.note-favourite.note-social + .more-options, +.note-has-grid .single-note-item.all-category.note-important .more-options, +.note-has-grid .single-note-item.all-category.note-social .more-options { + display: none; +} + +@media (max-width: 767.98px) { + .note-has-grid .single-note-item { + max-width: 100%; + } +} + +@media (max-width: 991.98px) { + .note-has-grid .single-note-item { + max-width: 311px; + } +} + +.profiletimeline { + position: relative; + padding-left: 40px; + margin: 40px 10px 0 30px; + border-left: 1px solid #e9ecef; +} + +.profiletimeline .sl-left { + margin-left: -60px; + z-index: 1; + margin-right: 15px; +} + +.profiletimeline .sl-left img { + max-width: 40px; +} + +.profiletimeline .sl-item { + margin-top: 8px; + margin-bottom: 30px; + display: flex; +} + +.profiletimeline .sl-date { + font-size: 12px; + color: #a1aab2; +} + +.searchable-container .switch { + text-align: right; +} + +.searchable-container .modal-content { + border: none; + border-radius: 10px; +} + +.searchable-container + .add-contact-box + .add-contact-content + .contact-email + .validation-text, +.searchable-container + .add-contact-box + .add-contact-content + .contact-location + .validation-text, +.searchable-container + .add-contact-box + .add-contact-content + .contact-name + .validation-text, +.searchable-container + .add-contact-box + .add-contact-content + .contact-occupation + .validation-text, +.searchable-container + .add-contact-box + .add-contact-content + .contact-phone + .validation-text { + display: none; + color: #f62d51; + font-weight: 600; + text-align: left; + margin-top: 6px; + font-size: 12px; + letter-spacing: 1px; +} + +.searchable-container + .add-contact-box + .add-contact-content + .contact-email + #c-email::-moz-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-email + #c-email::-ms-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-email + #c-email::-webkit-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-location + #c-location::-moz-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-location + #c-location::-ms-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-location + #c-location::-webkit-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-name + #c-name::-moz-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-name + #c-name::-ms-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-name + #c-name::-webkit-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-occupation + #c-occupation::-moz-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-occupation + #c-occupation::-ms-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-occupation + #c-occupation::-webkit-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-phone + #c-phone::-moz-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-phone + #c-phone::-ms-input-placeholder, +.searchable-container + .add-contact-box + .add-contact-content + .contact-phone + #c-phone::-webkit-input-placeholder { + color: #343a40; + font-weight: 600; +} + +.searchable-container .add-contact-box .add-contact-content .contact-email, +.searchable-container .add-contact-box .add-contact-content .contact-name, +.searchable-container .add-contact-box .add-contact-content .contact-occupation, +.searchable-container .add-contact-box .add-contact-content .contact-phone { + padding-top: 20px; +} + +.searchable-container .add-contact-box .add-contact-content .contact-location { + padding-top: 20px; +} + +.searchable-container + .add-contact-box + .add-contact-content + .contact-location + #c-location { + resize: none; +} + +.searchable-container .modal-footer { + border: none; + padding: 0 15px 14px 15px; +} + +.searchable-container .modal-footer .btn#btn-add, +.searchable-container .modal-footer .btn#btn-edit, +.searchable-container .modal-footer .btn[data-dismiss="modal"] { + padding: 10px 25px; +} + +.searchable-container .searchable-items.list .items.items-header-section h4 { + display: inline-block; + font-size: 16px; + font-weight: 700; + margin-bottom: 0; + margin-left: 39px; + color: #343a40; +} + +.searchable-container + .searchable-items.list + .items.items-header-section + .n-chk { + display: inline-block; +} + +.searchable-container .searchable-items.list .items .item-content { + position: relative; + display: inline-flex; + min-width: 767px; + transition: all 0.35s ease; +} + +.searchable-container .searchable-items.list .items .user-profile { + display: flex; +} + +.searchable-container .searchable-items.list .items .user-profile img { + width: 43px; + height: 43px; + border-radius: 5px; + margin-right: 11px; + margin-left: 18px; +} + +.searchable-container .searchable-items.list .items .user-meta-info .user-name { + margin-bottom: 0; + color: #3e5569; + font-weight: 600; + font-size: 15px; +} + +.searchable-container .searchable-items.list .items .user-meta-info .user-work { + margin-bottom: 0; + color: #a1aab2; + font-weight: 500; + font-size: 13px; +} + +.searchable-container .searchable-items.list .items .user-email p { + margin-bottom: 0; + font-weight: 600; +} + +.searchable-container .searchable-items.list .items .user-email .info-title { + display: none; +} + +.searchable-container .searchable-items.list .items .user-location p { + font-size: 13px; + font-weight: 600; + margin-bottom: 0; +} + +.searchable-container .searchable-items.list .items .user-location .info-title { + display: none; +} + +.searchable-container .searchable-items.list .items .user-phone p { + margin-bottom: 0; + font-weight: 600; + font-size: 13px; +} + +.searchable-container .searchable-items.list .items .user-phone .info-title { + display: none; +} + +.searchable-container .searchable-items.list .items .action-btn { + font-weight: 600; + color: #343a40; +} + +.searchable-container + .searchable-items.list + .items + .action-btn + .delete-multiple { + margin-right: 5px; + cursor: pointer; +} + +.searchable-container .searchable-items.list .items .action-btn .delete, +.searchable-container .searchable-items.list .items .action-btn .edit { + cursor: pointer; +} + +.searchable-items.grid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.searchable-container .searchable-items.grid .items { + margin-bottom: 30px; + border-radius: 6px; + width: 100%; + transition: all 0.35s ease; + width: 33%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.searchable-container .searchable-items.grid .items .item-content { + background-color: #f8f9fa; + padding: 13px 18px; + -webkit-box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12); + box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12); + border-radius: 6px; +} + +.searchable-container .searchable-items.grid .items.items-header-section { + display: none; +} + +.searchable-container .searchable-items.grid .items .user-profile { + text-align: center; + margin-top: 20px; +} + +.searchable-container .searchable-items.grid .items .user-profile .n-chk { + display: none; +} + +.searchable-container .searchable-items.grid .items .user-profile img { + width: 85px; + height: 85px; +} + +.searchable-container .searchable-items.grid .items .user-meta-info { + margin-top: 10px; +} + +.searchable-container .searchable-items.grid .items .user-meta-info .user-name { + font-size: 18px; + font-weight: 600; + margin-bottom: 0; + color: #212529; +} + +.searchable-container .searchable-items.grid .items .user-meta-info .user-work { + font-size: 13px; + color: #a1aab2; +} + +.searchable-container .searchable-items.grid .items .user-email { + display: flex; + justify-content: space-between; + margin-top: 24px; + padding-top: 11px; + border-top: 1px solid #e9ecef; +} + +.searchable-container .searchable-items.grid .items .user-email .info-title { + font-size: 14px; + font-weight: 700; + color: #3e5569; + margin-bottom: 11px; +} + +.searchable-container .searchable-items.grid .items .user-email p { + color: #a1aab2; + font-size: 13px; + margin-bottom: 11px; +} + +.searchable-container .searchable-items.grid .items .user-location { + padding-top: 11px; + border-top: 1px solid #e9ecef; + display: flex; + justify-content: space-between; +} + +.searchable-container .searchable-items.grid .items .user-location .info-title { + font-size: 14px; + font-weight: 700; + color: #3e5569; + margin-bottom: 11px; + margin-right: 10px; +} + +.searchable-container .searchable-items.grid .items .user-location p { + color: #a1aab2; + font-size: 13px; + margin-bottom: 11px; +} + +.searchable-container .searchable-items.grid .items .user-phone { + padding-top: 11px; + border-top: 1px solid #e9ecef; + display: flex; + justify-content: space-between; +} + +.searchable-container .searchable-items.grid .items .user-phone .info-title { + font-size: 14px; + font-weight: 700; + color: #3e5569; + margin-bottom: 11px; +} + +.searchable-container .searchable-items.grid .items .user-phone p { + color: #a1aab2; + font-size: 13px; + margin-bottom: 11px; +} + +.searchable-container .searchable-items.grid .items .action-btn { + font-weight: 600; + color: #343a40; + text-align: center; + margin: 20px 0; +} + +.searchable-container .searchable-items.grid .items .action-btn .delete, +.searchable-container .searchable-items.grid .items .action-btn .edit { + cursor: pointer; +} + +@media (max-width: 991.98px) { + .searchable-items.list { + overflow-x: scroll; + } +} + +@media (max-width: 991.98px) { + .searchable-container .searchable-items.grid .items { + flex: 0 0 100%; + max-width: 100%; + } +} + +#main-wrapper[data-layout="horizontal"] .right-part { + height: calc(100vh - 180px); +} + +#main-wrapper[data-layout="horizontal"] .chat-container .chat-box { + height: calc(100vh - 365px) !important; +} + +#main-wrapper[data-layout="horizontal"][data-header-position="fixed"] .topbar { + position: fixed; + width: 100%; +} + +#main-wrapper[data-layout="horizontal"][data-header-position="fixed"] + .left-sidebar { + padding-top: 64px; +} + +#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .topbar { + position: fixed; + width: 100%; +} + +#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] + .left-sidebar { + padding-top: 64px; + position: fixed; +} + +#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] + .page-wrapper { + padding-top: 78px; +} + +@media (min-width: 992px) { + #main-wrapper[data-layout="horizontal"] { + background: #eef5f9; + } + + #main-wrapper[data-layout="horizontal"] .mega-dropdown .first-level { + max-height: 400px; + overflow: auto; + } + + #main-wrapper[data-layout="horizontal"] .topbar { + transition: 0s; + } + + #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] + .page-wrapper, + #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] + .scroll-sidebar, + #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] + .top-navbar { + max-width: 1200px; + margin: 0 auto; + position: relative; + } + + #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] + .sidebar-nav + #sidebarnav { + flex-wrap: wrap; + } + + #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] + .sidebar-nav + #sidebarnav + > .sidebar-item + > .has-arrow:after { + display: block; + } + + #main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] + .page-wrapper { + padding-top: 128px; + } + + #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header { + width: 200px; + border-right: 1px solid rgba(0, 0, 0, 0.1); + } + + #main-wrapper[data-layout="horizontal"] .topbar .sidebartoggler { + display: none; + } + + #main-wrapper[data-layout="horizontal"] .left-sidebar { + width: 100%; + height: auto; + position: relative; + padding-top: 0; + z-index: 45; + transition: 0s; + } + + #main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar { + height: 54px; + } + + #main-wrapper[data-layout="horizontal"] .sidebar-nav ul { + display: flex; + } + + #main-wrapper[data-layout="horizontal"] .scroll-sidebar { + height: auto; + } + + #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav { + display: flex; + width: 100%; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + .sidebar-item { + position: relative; + width: auto; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + .sidebar-item + .sidebar-link { + line-height: 30px; + padding: 12px 30px 12px 15px; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item { + border-right: 1px solid rgba(0, 0, 0, 0.1); + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + > .has-arrow:after { + transform: rotate(-135deg) translate(0, -50%); + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:last-child + > .first-level { + right: 0; + left: auto; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + > .two-column + + .first-level { + width: 400px; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + > .two-column + + .first-level + > .sidebar-item { + float: left; + width: 50%; + vertical-align: top; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + ul { + position: absolute; + left: 0; + top: auto; + width: 220px; + padding-bottom: 0; + z-index: 100; + display: none; + box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1); + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .mega-dropdown { + position: static; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .mega-dropdown + .first-level { + width: 100%; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .mega-dropdown + .first-level + > li { + width: 25%; + float: left; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:hover { + background: rgba(0, 0, 0, 0.035); + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:hover + ul.first-level, + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:hover + ul.first-level.collapse { + display: block; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:hover + ul.first-level.collapse + > li, + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:hover + ul.first-level + > li { + background: rgba(0, 0, 0, 0.035); + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + ul.second-level { + left: 220px; + top: 0; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item + .first-level + .right-side-dd + ul.second-level, + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item:last-child + > .first-level + ul.second-level { + right: 220px; + top: 0; + left: auto; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + ul.first-level + > .sidebar-item:hover + ul.second-level { + display: block; + } + + #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .badge, + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + .nav-small-cap, + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + .sidebar-footer, + #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .user-pro { + display: none; + } +} + +@media (min-width: 768px) and (max-width: 1023px) { + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + > ul + > .sidebar-item + > .sidebar-link + i { + display: none; + } + + #main-wrapper[data-layout="horizontal"] + .sidebar-nav + #sidebarnav + > .sidebar-item { + flex: auto; + } + + [data-sidebar-position="fixed"] .left-sidebar { + overflow: auto; + } +} + +@media (max-width: 1599.98px) { + #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] + .left-sidebar, + #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] + .left-sidebar + .sidebar-footer { + left: -250px; + } + + #main-wrapper[data-layout="horizontal"].show-sidebar .left-sidebar, + #main-wrapper[data-layout="horizontal"].show-sidebar + .left-sidebar + .sidebar-footer { + left: 0; + } + + #main-wrapper[data-layout="horizontal"][data-layout="vertical"][data-header-position="fixed"][data-sidebar-position="fixed"] + .topbar + .top-navbar + .navbar-collapse, + #main-wrapper[data-layout="horizontal"][data-layout="vertical"][data-sidebar-position="fixed"] + .topbar + .top-navbar + .navbar-collapse { + position: relative; + top: 64px; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + #main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-collapse.collapsing, + #main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-collapse.show { + display: block; + width: 100%; + border-top: 1px solid #e9ecef; + } + + #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-nav { + flex-direction: row; + } + + #main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-nav + .dropdown { + position: static; + } + + #main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .navbar-nav + > .nav-item + > .nav-link { + padding: 0 10px; + } + + #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } + + #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .dropdown-menu { + position: absolute; + width: 100%; + } + + #main-wrapper[data-layout="horizontal"] + .topbar + .top-navbar + .dropdown-menu + .with-arrow { + display: none; + } +} + +@media (min-width: 768px) { + .bc-content { + justify-content: flex-end; + } +} + +@media (max-width: 991.98px) { + .do-block { + display: block !important; + } +} diff --git a/dss-web/public/site.webmanifest b/dss-web/public/site.webmanifest new file mode 100644 index 0000000..d65ddfb --- /dev/null +++ b/dss-web/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "Deep South Sounds", + "short_name": "dss-web", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/dss-web/src/App.scss b/dss-web/src/App.scss new file mode 100644 index 0000000..74b5e05 --- /dev/null +++ b/dss-web/src/App.scss @@ -0,0 +1,38 @@ +.App { + text-align: center; +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} + +@keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/dss-web/src/App.test.tsx b/dss-web/src/App.test.tsx new file mode 100644 index 0000000..4db7ebc --- /dev/null +++ b/dss-web/src/App.test.tsx @@ -0,0 +1,9 @@ +import React from 'react'; +import { render } from '@testing-library/react'; +import App from './App'; + +test('renders learn react link', () => { + const { getByText } = render(); + const linkElement = getByText(/learn react/i); + expect(linkElement).toBeInTheDocument(); +}); diff --git a/dss-web/src/App.tsx b/dss-web/src/App.tsx new file mode 100644 index 0000000..b4fa5cc --- /dev/null +++ b/dss-web/src/App.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import "./App.scss"; +import { Navbar } from "./components"; +import { Sidebar } from "./components"; +import { Content } from "./components"; + +function App() { + return ( +
+
+ + + +
+
+ ); +} + +export default App; diff --git a/dss-web/src/components/Content.tsx b/dss-web/src/components/Content.tsx new file mode 100644 index 0000000..1571f54 --- /dev/null +++ b/dss-web/src/components/Content.tsx @@ -0,0 +1,17 @@ +import React from "react"; + +const Content = () => { + return ( +
+
+
+
+
+
+
+
+
+ ); +}; + +export default Content; diff --git a/dss-web/src/components/Navbar.tsx b/dss-web/src/components/Navbar.tsx new file mode 100644 index 0000000..e3597bd --- /dev/null +++ b/dss-web/src/components/Navbar.tsx @@ -0,0 +1,783 @@ +import React from "react"; + +const Navbar = () => { + return ( +
+