From cc5210bed23c882bd83dcc0c2a49531c43ce1268 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 7 Aug 2024 10:59:05 -0400 Subject: [PATCH 1/8] Update strings: Bucket (Name) -> Bucket name --- Duplicati/Library/Backend/AliyunOSS/Strings.cs | 2 +- Duplicati/Library/Backend/TencentCOS/Strings.cs | 4 ++-- .../webroot/ngax/scripts/services/EditUriBuiltins.js | 12 ++++++------ .../webroot/ngax/templates/backends/aliyunoss.html | 4 ++-- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/Duplicati/Library/Backend/AliyunOSS/Strings.cs b/Duplicati/Library/Backend/AliyunOSS/Strings.cs index 4cb53f5e1..a94469c89 100644 --- a/Duplicati/Library/Backend/AliyunOSS/Strings.cs +++ b/Duplicati/Library/Backend/AliyunOSS/Strings.cs @@ -11,7 +11,7 @@ namespace Duplicati.Library.Backend.Strings public static string OSSAccessKeySecretDescriptionLong { get { return LC.L(@"Access Key Secret is the key used by the user to encrypt signature strings and by OSS to verify these signature strings."); } } public static string OSSAccessKeySecretDescriptionShort { get { return LC.L(@"Access Key Secret"); } } public static string OSSBucketNameDescriptionLong { get { return LC.L(@"A storage space is a container used to store objects (Object), and all objects must belong to a specific storage space."); } } - public static string OSSBucketNameDescriptionShort { get { return LC.L(@"Bucket Name"); } } + public static string OSSBucketNameDescriptionShort { get { return LC.L(@"Bucket name"); } } public static string OSSRegionDescriptionLong { get { return LC.L(@"Region indicates the physical location of the OSS data center."); } } public static string OSSRegionDescriptionShort { get { return LC.L(@"Region"); } } public static string OSSEndpointDescriptionLong { get { return LC.L(@"Endpoint refers to the domain name through which OSS provides external services."); } } diff --git a/Duplicati/Library/Backend/TencentCOS/Strings.cs b/Duplicati/Library/Backend/TencentCOS/Strings.cs index e8a1b0615..13777b5c4 100644 --- a/Duplicati/Library/Backend/TencentCOS/Strings.cs +++ b/Duplicati/Library/Backend/TencentCOS/Strings.cs @@ -32,8 +32,8 @@ namespace Duplicati.Library.Backend.Strings public static string COSAPISecretIdDescriptionShort { get { return LC.L(@"Secret ID"); } } public static string COSAPISecretKeyDescriptionLong { get { return LC.L(@"Cloud API Secret Key."); } } public static string COSAPISecretKeyDescriptionShort { get { return LC.L(@"Secret Key"); } } - public static string COSBucketDescriptionLong { get { return LC.L(@"Bucket, format: BucketName-APPID"); } } - public static string COSBucketDescriptionShort { get { return LC.L(@"Bucket"); } } + public static string COSBucketDescriptionLong { get { return LC.L(@"Bucket name, format: BucketName-APPID"); } } + public static string COSBucketDescriptionShort { get { return LC.L(@"Bucket name"); } } public static string COSLocationDescriptionLong { get { return LC.L(@"Region is the distribution area of ​​the Tencent cloud hosting machine room. The object storage COS data is stored in the storage buckets of these regions. https://intl.cloud.tencent.com/document/product/436/6224."); } } public static string COSLocationDescriptionShort { get { return LC.L(@"Specifies COS location constraints"); } } public static string COSStorageClassDescriptionLong { get { return LC.L(@"Storage class of the object; check enumerated values at https://intl.cloud.tencent.com/document/product/436/30925."); } } diff --git a/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js b/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js index 91d10399c..ed05fa9dd 100644 --- a/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js +++ b/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js @@ -997,7 +997,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, EditUriBackendConfig.validaters['openstack'] = function (scope, continuation) { var res = EditUriBackendConfig.require_field(scope, 'Username', gettextCatalog.getString('Username')) && - EditUriBackendConfig.require_field(scope, 'Path', gettextCatalog.getString('Bucket Name')); + EditUriBackendConfig.require_field(scope, 'Path', gettextCatalog.getString('Bucket name')); if (res && (scope['openstack_server'] || '').trim().length == 0 && (scope['openstack_server_custom'] || '').trim().length == 0) res = EditUriBackendConfig.show_error_dialog(gettextCatalog.getString('You must select or fill in the AuthURI')); @@ -1037,7 +1037,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, EditUriBackendConfig.validaters['s3'] = function (scope, continuation) { var res = - EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket Name')) && + EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket name')) && EditUriBackendConfig.require_field(scope, 'Username', gettextCatalog.getString('AWS Access ID')) && EditUriBackendConfig.require_field(scope, 'Password', gettextCatalog.getString('AWS Access Key')); @@ -1083,7 +1083,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, EditUriBackendConfig.validaters['b2'] = function (scope, continuation) { var res = - EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket Name')) && + EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket name')) && EditUriBackendConfig.require_field(scope, 'Username', gettextCatalog.getString('B2 Cloud Storage Account ID')) && EditUriBackendConfig.require_field(scope, 'Password', gettextCatalog.getString('B2 Cloud Storage Application Key')); @@ -1097,7 +1097,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, value: bucketname[ix].charCodeAt(), pos: ix, character: bucketname[ix], - fieldname: gettextCatalog.getString('Bucket Name') + fieldname: gettextCatalog.getString('Bucket name') })); res = false; } @@ -1223,7 +1223,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, var res = EditUriBackendConfig.require_field(scope, 'Username', gettextCatalog.getString('IDrive e2 Access Key ID')) && EditUriBackendConfig.require_field(scope, 'Password', gettextCatalog.getString('IDrive e2 Access Key Secret')) && - EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket Name')); + EditUriBackendConfig.require_field(scope, 'Server', gettextCatalog.getString('Bucket name')); if (res) { var re = new RegExp('[^A-Za-z0-9-]'); @@ -1235,7 +1235,7 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, value: bucketname[ix].charCodeAt(), pos: ix, character: bucketname[ix], - fieldname: gettextCatalog.getString('Bucket Name') + fieldname: gettextCatalog.getString('Bucket name') })); res = false; } diff --git a/Duplicati/Server/webroot/ngax/templates/backends/aliyunoss.html b/Duplicati/Server/webroot/ngax/templates/backends/aliyunoss.html index 889b29727..4a67549e1 100644 --- a/Duplicati/Server/webroot/ngax/templates/backends/aliyunoss.html +++ b/Duplicati/Server/webroot/ngax/templates/backends/aliyunoss.html @@ -22,8 +22,8 @@
- - + +
From b8648fe692c889b54878b6b8cc354ebef7616d67 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 7 Aug 2024 11:22:38 -0400 Subject: [PATCH 2/8] Update strings for Storj DCS backend --- Duplicati/Library/Backend/Storj/Strings.cs | 4 ++-- .../Server/webroot/ngax/scripts/services/EditUriBuiltins.js | 4 ++-- Duplicati/Server/webroot/ngax/templates/backends/storj.html | 6 +++--- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/Duplicati/Library/Backend/Storj/Strings.cs b/Duplicati/Library/Backend/Storj/Strings.cs index 56c656add..8b905c6fa 100644 --- a/Duplicati/Library/Backend/Storj/Strings.cs +++ b/Duplicati/Library/Backend/Storj/Strings.cs @@ -37,9 +37,9 @@ namespace Duplicati.Library.Backend.Strings public static string StorjSecretDescriptionShort { get { return LC.L(@"The encryption passphrase"); } } public static string StorjSharedAccessDescriptionLong { get { return LC.L(@"An access grant contains all information in one encrypted string. You may use it instead of a satellite, API key and secret."); } } public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"The access grant"); } } - public static string StorjBucketDescriptionLong { get { return LC.L(@"The bucket where the backup will reside in."); } } + public static string StorjBucketDescriptionLong { get { return LC.L(@"Use this option to specify the bucket for storing the backup."); } } public static string StorjBucketDescriptionShort { get { return LC.L(@"The bucket"); } } - public static string StorjFolderDescriptionLong { get { return LC.L(@"The folder within the bucket where the backup will reside in."); } } + public static string StorjFolderDescriptionLong { get { return LC.L(@"Use this option to specify the folder in the bucket for storing the backup."); } } public static string StorjFolderDescriptionShort { get { return LC.L(@"The folder"); } } } } diff --git a/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js b/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js index ed05fa9dd..e687b48b5 100644 --- a/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js +++ b/Duplicati/Server/webroot/ngax/scripts/services/EditUriBuiltins.js @@ -1160,13 +1160,13 @@ backupApp.service('EditUriBuiltins', function (AppService, AppUtils, SystemInfo, if(res && scope['storj_auth_method'] == 'Access grant'){ res = EditUriBackendConfig.require_field(scope, 'storj_shared_access', gettextCatalog.getString('storj_shared_access')) && - EditUriBackendConfig.require_field(scope, 'storj_bucket', gettextCatalog.getString('Bucket')); + EditUriBackendConfig.require_field(scope, 'storj_bucket', gettextCatalog.getString('Bucket name')); } if(res && scope['storj_auth_method'] == 'API key'){ res = EditUriBackendConfig.require_field(scope, 'storj_api_key', gettextCatalog.getString('API key')) && EditUriBackendConfig.require_field(scope, 'storj_secret', gettextCatalog.getString('Encryption passphrase')) && - EditUriBackendConfig.require_field(scope, 'storj_bucket', gettextCatalog.getString('Bucket')); + EditUriBackendConfig.require_field(scope, 'storj_bucket', gettextCatalog.getString('Bucket name')); } if(res && scope['storj_auth_method'] == 'API key' && !scope['storj_satellite']){ diff --git a/Duplicati/Server/webroot/ngax/templates/backends/storj.html b/Duplicati/Server/webroot/ngax/templates/backends/storj.html index 22c2510f6..c9b53c408 100644 --- a/Duplicati/Server/webroot/ngax/templates/backends/storj.html +++ b/Duplicati/Server/webroot/ngax/templates/backends/storj.html @@ -34,10 +34,10 @@
- - + +
- +
From 318448d96201b28eacedb4a0beac0564dac5dac5 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Tue, 13 Aug 2024 02:31:10 -0400 Subject: [PATCH 3/8] Remove 'the' from strings on Storj/Strings.cs --- Duplicati/Library/Backend/Storj/Strings.cs | 24 +++++++++++----------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/Duplicati/Library/Backend/Storj/Strings.cs b/Duplicati/Library/Backend/Storj/Strings.cs index 8b905c6fa..02b2da28c 100644 --- a/Duplicati/Library/Backend/Storj/Strings.cs +++ b/Duplicati/Library/Backend/Storj/Strings.cs @@ -26,20 +26,20 @@ namespace Duplicati.Library.Backend.Strings { public static string Description { get { return LC.L(@"This backend can read and write data to the Storj DCS."); } } public static string DisplayName { get { return LC.L(@"Storj DCS (Decentralized Cloud Storage)"); } } - public static string TestConnectionFailed { get { return LC.L(@"The connection-test failed."); } } - public static string StorjAuthMethodDescriptionLong { get { return LC.L(@"The authentication method describes which way to use to connect to the network - either via API key or via an access grant."); } } - public static string StorjAuthMethodDescriptionShort { get { return LC.L(@"The authentication method"); } } - public static string StorjSatelliteDescriptionLong { get { return LC.L(@"The satellite that keeps track of all metadata. Use a Storj DCS server for high-performance SLA-backed connectivity or use a community server. Or even host your own."); } } - public static string StorjSatelliteDescriptionShort { get { return LC.L(@"The satellite"); } } - public static string StorjAPIKeyDescriptionLong { get { return LC.L(@"The API key grants access to a specific project on your chosen satellite. Head over to the dashboard of your satellite to create one if you do not already have an API key."); } } - public static string StorjAPIKeyDescriptionShort { get { return LC.L(@"The API key"); } } - public static string StorjSecretDescriptionLong { get { return LC.L(@"The encryption passphrase is used to encrypt your data before sending it to the Storj network. This passphrase can be the only secret to provide - for Storj you do not necessary need any additional encryption (from Duplicati) in place."); } } - public static string StorjSecretDescriptionShort { get { return LC.L(@"The encryption passphrase"); } } + public static string TestConnectionFailed { get { return LC.L(@"connection-test failed."); } } + public static string StorjAuthMethodDescriptionLong { get { return LC.L(@"authentication method describes which way to use to connect to the network - either via API key or via an access grant."); } } + public static string StorjAuthMethodDescriptionShort { get { return LC.L(@"Authentication method"); } } + public static string StorjSatelliteDescriptionLong { get { return LC.L(@"satellite that keeps track of all metadata. Use a Storj DCS server for high-performance SLA-backed connectivity or use a community server. Or even host your own."); } } + public static string StorjSatelliteDescriptionShort { get { return LC.L(@"satellite"); } } + public static string StorjAPIKeyDescriptionLong { get { return LC.L(@"API key grants access to a specific project on your chosen satellite. Head over to the dashboard of your satellite to create one if you do not already have an API key."); } } + public static string StorjAPIKeyDescriptionShort { get { return LC.L(@"API key"); } } + public static string StorjSecretDescriptionLong { get { return LC.L(@"encryption passphrase is used to encrypt your data before sending it to the Storj network. This passphrase can be the only secret to provide - for Storj you do not necessary need any additional encryption (from Duplicati) in place."); } } + public static string StorjSecretDescriptionShort { get { return LC.L(@"encryption passphrase"); } } public static string StorjSharedAccessDescriptionLong { get { return LC.L(@"An access grant contains all information in one encrypted string. You may use it instead of a satellite, API key and secret."); } } - public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"The access grant"); } } + public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"access grant"); } } public static string StorjBucketDescriptionLong { get { return LC.L(@"Use this option to specify the bucket for storing the backup."); } } - public static string StorjBucketDescriptionShort { get { return LC.L(@"The bucket"); } } + public static string StorjBucketDescriptionShort { get { return LC.L(@"bucket"); } } public static string StorjFolderDescriptionLong { get { return LC.L(@"Use this option to specify the folder in the bucket for storing the backup."); } } - public static string StorjFolderDescriptionShort { get { return LC.L(@"The folder"); } } + public static string StorjFolderDescriptionShort { get { return LC.L(@"folder"); } } } } From 810d62ac23a64b0f4bd085a302b8f991d23c59b7 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Tue, 13 Aug 2024 02:33:04 -0400 Subject: [PATCH 4/8] Add verbs to the strings on Storj/Strings.cs --- Duplicati/Library/Backend/Storj/Strings.cs | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/Duplicati/Library/Backend/Storj/Strings.cs b/Duplicati/Library/Backend/Storj/Strings.cs index 02b2da28c..84e8a5a6f 100644 --- a/Duplicati/Library/Backend/Storj/Strings.cs +++ b/Duplicati/Library/Backend/Storj/Strings.cs @@ -26,20 +26,20 @@ namespace Duplicati.Library.Backend.Strings { public static string Description { get { return LC.L(@"This backend can read and write data to the Storj DCS."); } } public static string DisplayName { get { return LC.L(@"Storj DCS (Decentralized Cloud Storage)"); } } - public static string TestConnectionFailed { get { return LC.L(@"connection-test failed."); } } - public static string StorjAuthMethodDescriptionLong { get { return LC.L(@"authentication method describes which way to use to connect to the network - either via API key or via an access grant."); } } + public static string TestConnectionFailed { get { return LC.L(@"Connection-test failed."); } } + public static string StorjAuthMethodDescriptionLong { get { return LC.L(@"Specify the authentication method which describes which way to use to connect to the network - either via API key or via an access grant."); } } public static string StorjAuthMethodDescriptionShort { get { return LC.L(@"Authentication method"); } } - public static string StorjSatelliteDescriptionLong { get { return LC.L(@"satellite that keeps track of all metadata. Use a Storj DCS server for high-performance SLA-backed connectivity or use a community server. Or even host your own."); } } - public static string StorjSatelliteDescriptionShort { get { return LC.L(@"satellite"); } } - public static string StorjAPIKeyDescriptionLong { get { return LC.L(@"API key grants access to a specific project on your chosen satellite. Head over to the dashboard of your satellite to create one if you do not already have an API key."); } } + public static string StorjSatelliteDescriptionLong { get { return LC.L(@"Specify the satellite that keeps track of all metadata. Use a Storj DCS server for high-performance SLA-backed connectivity or use a community server. Or even host your own."); } } + public static string StorjSatelliteDescriptionShort { get { return LC.L(@"Satellite"); } } + public static string StorjAPIKeyDescriptionLong { get { return LC.L(@"Supply the API key which grants access to a specific project on your chosen satellite. Head over to the dashboard of your satellite to create one if you do not already have an API key."); } } public static string StorjAPIKeyDescriptionShort { get { return LC.L(@"API key"); } } - public static string StorjSecretDescriptionLong { get { return LC.L(@"encryption passphrase is used to encrypt your data before sending it to the Storj network. This passphrase can be the only secret to provide - for Storj you do not necessary need any additional encryption (from Duplicati) in place."); } } - public static string StorjSecretDescriptionShort { get { return LC.L(@"encryption passphrase"); } } - public static string StorjSharedAccessDescriptionLong { get { return LC.L(@"An access grant contains all information in one encrypted string. You may use it instead of a satellite, API key and secret."); } } - public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"access grant"); } } + public static string StorjSecretDescriptionLong { get { return LC.L(@"Supply the encryption passphrase used to encrypt your data before sending it to the Storj network. This passphrase can be the only secret to provide - for Storj you do not necessary need any additional encryption (from Duplicati) in place."); } } + public static string StorjSecretDescriptionShort { get { return LC.L(@"Encryption passphrase"); } } + public static string StorjSharedAccessDescriptionLong { get { return LC.L(@"Supply the access grant which contains all information in one encrypted string. You may use it instead of a satellite, API key and secret."); } } + public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"Access grant"); } } public static string StorjBucketDescriptionLong { get { return LC.L(@"Use this option to specify the bucket for storing the backup."); } } - public static string StorjBucketDescriptionShort { get { return LC.L(@"bucket"); } } + public static string StorjBucketDescriptionShort { get { return LC.L(@"Bucket"); } } public static string StorjFolderDescriptionLong { get { return LC.L(@"Use this option to specify the folder in the bucket for storing the backup."); } } - public static string StorjFolderDescriptionShort { get { return LC.L(@"folder"); } } + public static string StorjFolderDescriptionShort { get { return LC.L(@"Folder"); } } } } From f53e920d82748ae51f0e1f492f7ff26fb20d6ad9 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Tue, 13 Aug 2024 03:08:48 -0400 Subject: [PATCH 5/8] Remove 'Use this option to' for consistency --- Duplicati/Library/Backend/Storj/Strings.cs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Duplicati/Library/Backend/Storj/Strings.cs b/Duplicati/Library/Backend/Storj/Strings.cs index 84e8a5a6f..d053d1ac9 100644 --- a/Duplicati/Library/Backend/Storj/Strings.cs +++ b/Duplicati/Library/Backend/Storj/Strings.cs @@ -37,9 +37,9 @@ namespace Duplicati.Library.Backend.Strings public static string StorjSecretDescriptionShort { get { return LC.L(@"Encryption passphrase"); } } public static string StorjSharedAccessDescriptionLong { get { return LC.L(@"Supply the access grant which contains all information in one encrypted string. You may use it instead of a satellite, API key and secret."); } } public static string StorjSharedAccessDescriptionShort { get { return LC.L(@"Access grant"); } } - public static string StorjBucketDescriptionLong { get { return LC.L(@"Use this option to specify the bucket for storing the backup."); } } + public static string StorjBucketDescriptionLong { get { return LC.L(@"Specify the bucket for storing the backup."); } } public static string StorjBucketDescriptionShort { get { return LC.L(@"Bucket"); } } - public static string StorjFolderDescriptionLong { get { return LC.L(@"Use this option to specify the folder in the bucket for storing the backup."); } } + public static string StorjFolderDescriptionLong { get { return LC.L(@"Specify the folder in the bucket for storing the backup."); } } public static string StorjFolderDescriptionShort { get { return LC.L(@"Folder"); } } } } From 14c8005ff7908d5a16e9db584e5eb2c4d98414f3 Mon Sep 17 00:00:00 2001 From: Kenneth Skovhede Date: Tue, 13 Aug 2024 12:36:18 +0200 Subject: [PATCH 6/8] Changed the database locator code to also build in debug mode. Moved the single debug build flag into a variable. --- Duplicati/Server/Program.cs | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/Duplicati/Server/Program.cs b/Duplicati/Server/Program.cs index 7bd94d8db..8da009c68 100644 --- a/Duplicati/Server/Program.cs +++ b/Duplicati/Server/Program.cs @@ -40,6 +40,12 @@ namespace Duplicati.Server private static readonly List ParameterFileOptionStrings = new List { "parameters-file", "parameterfile" }; +#if DEBUG + private const bool DEBUG_MODE = true; +#else + private const bool DEBUG_MODE = false; +#endif + /// /// The log tag for messages from this class /// @@ -580,13 +586,16 @@ namespace Duplicati.Server if (string.IsNullOrEmpty(serverDataFolder)) { -#if DEBUG - //debug mode uses a lock file located in the app folder - DataFolder = StartupPath; -#else - bool portableMode = commandlineOptions.ContainsKey("portable-mode") ? Library.Utility.Utility.ParseBool(commandlineOptions["portable-mode"], true) : false; + bool portableMode = commandlineOptions.ContainsKey("portable-mode") + ? Library.Utility.Utility.ParseBool(commandlineOptions["portable-mode"], true) + : (DEBUG_MODE ? true : false); // Default to portable mode in debug mode - if (portableMode) + if (DEBUG_MODE && portableMode) + { + //debug mode uses a lock file located in the app folder + DataFolder = StartupPath; + } + else if (portableMode) { //Portable mode uses a data folder in the application home dir DataFolder = System.IO.Path.Combine(StartupPath, "data"); @@ -641,7 +650,6 @@ namespace Duplicati.Server DataFolder = serverDataFolder; } -#endif } else DataFolder = Util.AppendDirSeparator(Environment.ExpandEnvironmentVariables(serverDataFolder).Trim('"')); From 87e01e97d2897ba025d08893813de19563fb4a76 Mon Sep 17 00:00:00 2001 From: Kenneth Skovhede Date: Tue, 13 Aug 2024 12:41:57 +0200 Subject: [PATCH 7/8] Added additional possible fonts for Captcha. This fixes #5363 --- .../WebserverCore/Services/CaptchaService.cs | 36 +++++++++++++------ 1 file changed, 26 insertions(+), 10 deletions(-) diff --git a/Duplicati/WebserverCore/Services/CaptchaService.cs b/Duplicati/WebserverCore/Services/CaptchaService.cs index 13ea57874..a8bee6b46 100644 --- a/Duplicati/WebserverCore/Services/CaptchaService.cs +++ b/Duplicati/WebserverCore/Services/CaptchaService.cs @@ -13,6 +13,15 @@ public class CaptchaService : ICaptchaProvider private readonly object m_lock = new(); private readonly Dictionary m_captchas = []; + /// + /// List of possible system fonts, ordered by preference + /// + private static readonly Dictionary FontNamePreference = new string[] { + "Arial", "Verdana", "FreeSans", "Tahoma", "Helvetica", "Times New Roman", "Courier New", "Andale Mono" + } + .Select((x, i) => new { Key = x, Value = i }) + .ToDictionary(x => x.Key, x => x.Value, StringComparer.OrdinalIgnoreCase); + private class CaptchaEntry { public readonly string Answer; @@ -104,12 +113,10 @@ public class CaptchaService : ICaptchaProvider /// /// Approximate the size in pixels of text drawn at the given fontsize /// - private static int ApproxTextWidth(string text, string fontFamily, float fontSize) - { - var font = SystemFonts.CreateFont(fontFamily, fontSize); - var textSize = TextMeasurer.MeasureSize(text, new TextOptions(font) { KerningMode = KerningMode.Standard }); - return (int)textSize.Width; - } + /// The text to measure + /// The font to use + private static int ApproxTextWidth(string text, Font font) + => (int)TextMeasurer.MeasureSize(text, new TextOptions(font) { KerningMode = KerningMode.Standard }).Width; /// /// Creates a random answer. @@ -138,8 +145,18 @@ public class CaptchaService : ICaptchaProvider /// The size of the font used to create the captcha, in pixels. public static Image CreateCaptcha(string answer, Size size = default(Size), float fontsize = 40) { - var fontfamily = "Arial"; - var text_width = ApproxTextWidth(answer, fontfamily, fontsize); + var fontFamily = SystemFonts.Collection.Families.OrderBy(x => + { + if (FontNamePreference.TryGetValue(x.Name, out var val)) + return val; + return int.MaxValue; + }).FirstOrDefault(); + + if (string.IsNullOrWhiteSpace(fontFamily.Name)) + throw new Exception("No usable font found"); + + var font = fontFamily.CreateFont(fontsize); + var text_width = ApproxTextWidth(answer, font); if (size.Width == 0 || size.Height == 0) size = new Size((int)(text_width * 1.2), (int)(fontsize * 1.2)); @@ -149,7 +166,6 @@ public class CaptchaService : ICaptchaProvider var stray_y = size.Height / 4; var ans_stray_x = (int)fontsize / 3; var ans_stray_y = size.Height / 6; - var font = SystemFonts.CreateFont(fontfamily, fontsize); image.Mutate(ctx => { @@ -158,7 +174,7 @@ public class CaptchaService : ICaptchaProvider // Apply a background string to make it hard to do OCR foreach (var color in new[] { Color.Yellow, Color.LightGreen, Color.GreenYellow }) { - var backgroundFont = SystemFonts.CreateFont(fontfamily, fontsize); + var backgroundFont = font; ctx.DrawText(CreateRandomAnswer(minlength: answer.Length, maxlength: answer.Length), backgroundFont, color, new PointF(rnd.Next(-stray_x, stray_x), rnd.Next(-stray_y, stray_y))); } From d9a7ccf02f8b1a5921c76587a125b608a205644a Mon Sep 17 00:00:00 2001 From: Kenneth Skovhede Date: Tue, 13 Aug 2024 12:43:57 +0200 Subject: [PATCH 8/8] After fixing html/css the hi-res icons now show in their unscaled sizes. --- Duplicati/Server/webroot/ngax/less/base.less | 9 +- Duplicati/Server/webroot/ngax/styles/dark.css | 4911 ++++++++++++++++- .../Server/webroot/ngax/styles/default.css | 4850 +++++++++++++++- 3 files changed, 9764 insertions(+), 6 deletions(-) diff --git a/Duplicati/Server/webroot/ngax/less/base.less b/Duplicati/Server/webroot/ngax/less/base.less index eb28316c8..c5ff8dbe5 100644 --- a/Duplicati/Server/webroot/ngax/less/base.less +++ b/Duplicati/Server/webroot/ngax/less/base.less @@ -719,6 +719,7 @@ body { .stop { background: url('../img/progress-stop.png'); + background-size: 100%; z-index: 10; position: relative; @@ -733,7 +734,8 @@ body { .resume { background: url('../img/progress-resume.png'); - + background-size: 100%; + @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { background-image: url('../img/progress-resume_2x.png'); } @@ -787,6 +789,7 @@ body { > .pause { background: url('../img/pause.png'); + background-size: 100%; @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { background-image: url('../img/pause_2x.png'); @@ -799,6 +802,7 @@ body { > .pause.active { background: url('../img/resume.png'); + background-size: 100%; @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { background-image: url('../img/resume_2x.png'); @@ -811,7 +815,8 @@ body { > .throttle { background: url('../img/throttle.png'); - + background-size: 100%; + @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { background-image: url('../img/throttle_2x.png'); } diff --git a/Duplicati/Server/webroot/ngax/styles/dark.css b/Duplicati/Server/webroot/ngax/styles/dark.css index 0abdf4d9f..9cf745ab7 100644 --- a/Duplicati/Server/webroot/ngax/styles/dark.css +++ b/Duplicati/Server/webroot/ngax/styles/dark.css @@ -1,4 +1,4911 @@ -@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Light-webfont.eot');src:url('../fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Light-webfont.woff') format('woff'),url('../fonts/ClearSans-Light-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Regular-webfont.eot');src:url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Regular-webfont.woff') format('woff'),url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Medium-webfont.eot');src:url('../fonts/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Medium-webfont.woff') format('woff'),url('../fonts/ClearSans-Medium-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg');font-weight:500;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Bold-webfont.eot');src:url('../fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Bold-webfont.woff') format('woff'),url('../fonts/ClearSans-Bold-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');font-weight:700;font-style:normal}form.styled div.leftflush input{width:auto;margin-top:10px}form.styled div.leftflush label{width:auto;min-width:190px}form.styled label{display:block;width:190px;float:left;line-height:37px}form.styled input,form.styled select,form.styled textarea{color:#b0b0b0;font-size:16px;font-weight:300;float:left;display:block;border:1px #d8d8d8 solid;border-radius:2px;width:420px}form.styled input:focus,form.styled select:focus,form.styled textarea:focus{border:1px #a5a5a5 solid}form.styled .input{padding-bottom:18px;overflow:hidden}form.styled .input.password input,form.styled .input.select>select+input,form.styled .input.text input{height:35px;line-height:35px;padding:0 12px}form.styled .input.text.text-browse input{width:375px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}form.styled .input.text.text-browse a.browse{width:45px;display:block;float:left;height:37px;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0;color:#fff;background:#2a89c0;line-height:37px}form.styled .input.text.text-browse a.browse:hover{background:#184d6c}form.styled .input.textarea textarea{height:130px;padding:10px 12px}form.styled .input.select select{--height:38px;width:446px;padding:0 12px;-webkit-appearance:menulist-button;background:#fff;border-radius:2px;height:var(--height);line-height:var(--height)}form.styled .buttons{overflow:hidden;float:right}form.styled .buttons a,form.styled .buttons input{display:block;background:#2a89c0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}form.styled .buttons input{padding:4px 15px}form.styled .buttons a:hover,form.styled .buttons input:hover{background:#133e57}@media (max-width:480px){form.styled input,form.styled select,form.styled textarea{font-size:15px}}/*! +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Light-webfont.eot'); + src: url('../fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Light-webfont.woff') format('woff'), url('../fonts/ClearSans-Light-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg'); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Regular-webfont.eot'); + src: url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Regular-webfont.woff') format('woff'), url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Medium-webfont.eot'); + src: url('../fonts/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Medium-webfont.woff') format('woff'), url('../fonts/ClearSans-Medium-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg'); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Bold-webfont.eot'); + src: url('../fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Bold-webfont.woff') format('woff'), url('../fonts/ClearSans-Bold-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg'); + font-weight: 700; + font-style: normal; +} +form.styled div.leftflush input { + width: auto; + margin-top: 10px; +} +form.styled div.leftflush label { + width: auto; + min-width: 190px; +} +form.styled label { + display: block; + width: 190px; + float: left; + line-height: 37px; +} +form.styled input, +form.styled textarea, +form.styled select { + color: #B0B0B0; + font-size: 16px; + font-weight: 300; + float: left; + display: block; + border: 1px #d8d8d8 solid; + border-radius: 2px; + width: 420px; +} +form.styled input:focus, +form.styled textarea:focus, +form.styled select:focus { + border: 1px #a5a5a5 solid; +} +form.styled .input { + padding-bottom: 18px; + overflow: hidden; +} +form.styled .input.text input, +form.styled .input.password input, +form.styled .input.select > select + input { + /* For input area under select element */ + height: 35px; + line-height: 35px; + padding: 0 12px; +} +form.styled .input.text.text-browse input { + width: 375px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 0; +} +form.styled .input.text.text-browse a.browse { + width: 45px; + display: block; + float: left; + height: 37px; + border-radius: 2px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + color: white; + background: #2A89C0; + line-height: 37px; +} +form.styled .input.text.text-browse a.browse:hover { + background: #184d6c; +} +form.styled .input.textarea textarea { + height: 130px; + padding: 10px 12px; +} +form.styled .input.select select { + --height: 38px; + width: 446px; + padding: 0 12px; + -webkit-appearance: menulist-button; + background: white; + border-radius: 2px; + height: var(--height); + line-height: var(--height); +} +form.styled .buttons { + overflow: hidden; + float: right; +} +form.styled .buttons input, +form.styled .buttons a { + display: block; + background: #2A89C0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +form.styled .buttons input { + padding: 4px 15px; +} +form.styled .buttons input:hover, +form.styled .buttons a:hover { + background: #133e57; +} +@media (max-width: 480px) { + form.styled input, + form.styled textarea, + form.styled select { + font-size: 15px; + } +} +/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:FontAwesome;src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}*{font-family:'Clear Sans',sans-serif}body,html{margin:0;padding:0;height:100%}h1,h2{font-weight:300;color:#609301}h1{margin:10px 0}h3{font-weight:400}a{text-decoration:none}button{border:none}ul{list-style:none;margin:0;padding:0}hr{border:none;border-bottom:1px #ddd solid}textarea{max-width:94%}.external-link-image{display:inline-block;margin-left:8px;margin-right:8px;height:16px;width:16px;background:url('../img/external-link-hover.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.external-link-image{background-image:url('../img/external-link-hover_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.external-link-image{background-image:url('../img/external-link-hover_3x.png')}}a .external-link-image{background:url('../img/external-link.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){a .external-link-image{background-image:url('../img/external-link_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){a .external-link-image{background-image:url('../img/external-link_3x.png')}}.header a:hover .external-link-image{background:url('../img/external-link-hover.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.header a:hover .external-link-image{background-image:url('../img/external-link-hover_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.header a:hover .external-link-image{background-image:url('../img/external-link-hover_3x.png')}}.button{display:block;background:#2a89c0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}.button:hover{background:#216b96}#folder_path_picker,#restore_file_picker,.step3 source-folder-picker{display:block;border:1px solid #d3d3d3;padding:2px;height:100%;overflow:scroll;box-sizing:border-box}.not-clickable{cursor:default!important}.not-clickable div,.not-clickable span,.not-clickable>a{cursor:default!important}.ui-match{font-weight:700;color:#006400}wait-area{min-width:350px;text-align:center;display:block}.prewrapped-text{white-space:pre-wrap}.exceptiontext{background-color:#d3d3d3;color:#000}.backup-result{width:90%;display:grid;grid-template-columns:50% 50%;grid-auto-rows:minmax(50px,auto);margin:0 auto}.backup-result div .horizontal-rule{width:100%;border-bottom:1px solid #d8d8d8;margin:5px 0 5px 0}.backup-result .box{margin:10px;margin-bottom:0}.backup-result .title{color:#3f6001;font-weight:700;font-size:30px}.backup-result .item{display:block}.backup-result .item .key{color:#609301;font-weight:700}.backup-result .item .value{color:#b0b0b0}.backup-result .item .expanded{padding:0 10px 0 18px;margin-bottom:10px}.backup-result .one{border-right:1px solid #d8d8d8;grid-column:1;grid-row:1}.backup-result .two{grid-column:2;grid-row:1}.backup-result .wide{grid-column:span 2;border-top:1px solid #d8d8d8;padding-top:10px}.backup-result .three{grid-row:2}.backup-result .four{grid-row:3;margin-bottom:10px}.backup-result .four .log-expand-copy{display:flex;margin-bottom:6px}.backup-result .four .log-expand-copy a{margin-left:auto}.backup-result .four textarea{width:100%;max-width:99%;min-height:420px;padding:8px 6px;white-space:pre}.success-color{color:#390}.error-color{color:#c00}.warning-color{color:#fc0}.fatal-color{color:#900}ul.tabs{margin-bottom:10px}ul.tabs>li{display:inline;margin-right:10px;border:1px solid #2a89c0;padding:5px}ul.tabs>li.active{background-color:#2a89c0;color:#fff}ul.tabs>li.active>a{background-color:#2a89c0;color:#fff}ul.tabs>li.active.disabled{border:1px solid #d3d3d3;background-color:#d3d3d3;color:grey;cursor:default}ul.tabs>li.active.disabled>a{background-color:#d3d3d3;color:grey;cursor:default}.licenses>ul{list-style:initial;margin:10px;margin-left:20px}.licenses li{margin-bottom:10px}.licenses a.itemlink{font-weight:700}.logpage ul.entries{list-style:initial;margin:10px;margin-left:20px}.logpage .entries div.entryline.clickable{cursor:pointer}.logpage .entries.livedata li.expanded{height:auto}.logpage .button{text-align:center;margin-right:10px;border:1px solid #2a89c0;padding:5px;background-color:#2a89c0;color:#fff;cursor:pointer}.exportpage .checkbox input{width:auto;margin-top:10px}.exportpage .commandline div{background-color:#d3d3d3;color:#000}.themelink{margin-left:20px}ul.notification{position:fixed;bottom:0;left:0;right:0;margin:auto;width:480px}.notification .title{border:1px solid #2a89c0;background-color:#2a89c0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:2px;padding-left:5px;padding-right:5px;font-weight:700;color:#d3d3d3;width:100%;text-align:center;clear:both}.notification .content{background-color:#fff;border:1px solid #2a89c0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:2px;padding-left:5px;padding-right:5px;width:100%}.notification .message{width:100%;color:#000}.notification .button{padding:2px 10px;margin-top:6px}.notification .clear{clear:right;height:1px}.notification .error .title{border-color:red;background-color:red}.notification .error .content{border-color:red}.notification .error .button{border-color:red;background-color:red}.notification .warning .title{background-color:orange;border-color:orange}.notification .warning .button{background-color:orange;border-color:orange}.notification .warning .content{border-color:orange}.filepicker{height:200px}.resizable{margin-bottom:6px;max-width:100%}.advanced-toggle{float:right;margin-right:25px;line-height:37px}.advancedoptions li{clear:both;margin-bottom:10px;padding:10px 0;border-top:1px #d3d3d3 solid}.advancedentry .multiple{display:inline}.advancedentry .shortname{font-weight:700}.advancedentry input[type=text]{width:300px}.advancedentry select{width:300px}.advancedentry input[type=checkbox]{margin-top:13px;width:auto}.advancedentry .delete-item{display:block;background:#2a89c0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}.advancedentry .longdescription{--margin-block:10px;margin-top:var(--margin-block);margin-left:190px;clear:both;font-style:italic;white-space:pre-wrap}.advancedentry .longdescription .longdescription__item{margin-block:0 var(--margin-block)}.advancedentry .longdescription .longdescription__default{margin-block:var(--margin-block) 0}.settings div.sublabel{clear:both;padding:0 31px;font-style:italic}.logo img.mainlogo{height:64px;width:64px;float:left;padding-right:8px;padding-top:2px}.logo div.logotext{float:left}.logo a{float:left;display:block;line-height:normal}.logo div.build-suffix{clear:both;display:inline;float:left;font-size:16px;line-height:16px}.logo div.powered-by{font-size:16px;margin:0;line-height:16px;float:left;padding:0;margin-left:5px}.note p{margin-block:0.5rem}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.fixed-width-font{font-family:monospace}.warning{margin:10px;font-style:italic;color:#f49b42}div.captcha .details{padding-top:10px;margin-left:auto;margin-right:auto;width:180px}.centered-text{text-align:center}body{color:#b0b0b0}body .container{min-height:100%;position:relative}body .container .header{line-height:70px;background:#ededed;overflow:hidden;height:70px;position:fixed;top:0;left:0;right:0;z-index:100}body .container .header a{color:#2a89c0}body .container .header a.active,body .container .header a:hover{color:#707070}body .container .header button{width:26px;height:26px;background-size:26px;cursor:pointer}body .container .header .logo{font-size:30px;font-weight:700;float:left;padding-left:40px}body .container .header .statepadding{padding-right:90px;margin-left:320px}body .container .header .state{float:left;color:#3f6001;width:595px;padding:13px 15px;margin:10px 20px;border:1px #3f6001 solid;font-weight:300;font-size:18px;overflow:hidden;line-height:normal;display:inline-block;background-color:#fff;text-overflow:ellipsis;position:relative;height:25px}body .container .header .state strong{display:inline;margin-right:10px}body .container .header .state span{display:inline}body .container .header .state .button{position:static;margin-top:70px}body .container .header .state .content{position:relative;z-index:10;margin-right:40px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}body .container .header .state .buttons{position:absolute;right:0;top:0;bottom:0;width:26px;margin:13px 15px}body .container .header .state .buttons button{display:block}body .container .header .state .buttons .stop{background:url('../img/progress-stop.png');z-index:10;position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .state .buttons .stop{background-image:url('../img/progress-stop_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .state .buttons .stop{background-image:url('../img/progress-stop_3x.png')}}body .container .header .state .buttons .resume{background:url('../img/progress-resume.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .state .buttons .resume{background-image:url('../img/progress-resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .state .buttons .resume{background-image:url('../img/progress-resume_3x.png')}}body .container .header .state .progress-bar{position:absolute;top:0;bottom:0;left:0;background:rgba(96,147,1,.25);z-index:5}body .container .header .state .task-name{overflow:hidden;text-overflow:ellipsis;cursor:help}body .container .header .state .task-state-info{display:flex}body .container .header .action-icons{display:inline-block;line-height:normal;margin:10px 0;padding:13px 0;float:left}body .container .header .action-icons-small{display:none;float:right;margin-top:21px;line-height:normal}body .container .header .action-icons-small>button,body .container .header .action-icons>button{display:inline-block}body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background:url('../img/pause.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background-image:url('../img/pause_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background-image:url('../img/pause_3x.png')}}body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background:url('../img/resume.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background-image:url('../img/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background-image:url('../img/resume_3x.png')}}body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background:url('../img/throttle.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background-image:url('../img/throttle_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background-image:url('../img/throttle_3x.png')}}body .container .header .action-icons-small>.throttle.inactive,body .container .header .action-icons>.throttle.inactive{opacity:.5}body .container .header .about-header{float:right;padding-right:20px;overflow:hidden}body .container .header .about-header ul{overflow:hidden;list-style:none}body .container .header .about-header ul li{float:right;padding-right:20px}body .container .body{width:100%;overflow:hidden;min-height:500px;padding-top:120px;padding-bottom:70px}body .container .body a{color:#2a89c0}body .container .body .mainmenu{width:260px;padding-left:40px;float:left;position:fixed}body .container .body .mainmenu>ul>li{position:relative}body .container .body .mainmenu>ul>li>a{font-size:22px;font-weight:300;padding:5px 10px 5px 55px;display:block}body .container .body .mainmenu>ul>li>a:hover{color:#fff}body .container .body .mainmenu>ul>li>a.active{color:#fff}body .container .body .mainmenu>ul>li>a.add{background:url('../img/mainmenu/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add{background-image:url('../img/mainmenu/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add{background-image:url('../img/mainmenu/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore{background:url('../img/mainmenu/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore{background-image:url('../img/mainmenu/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore{background-image:url('../img/mainmenu/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume{background:url('../img/mainmenu/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume{background-image:url('../img/mainmenu/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume{background-image:url('../img/mainmenu/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings{background:url('../img/mainmenu/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings{background-image:url('../img/mainmenu/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings{background-image:url('../img/mainmenu/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.logout{background:url('../img/mainmenu/logout.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.logout{background-image:url('../img/mainmenu/logout_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.logout{background-image:url('../img/mainmenu/logout_3x.png')}}body .container .body .mainmenu>ul>li>a.home{background:url('../img/mainmenu/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home{background-image:url('../img/mainmenu/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home{background-image:url('../img/mainmenu/home_3x.png')}}body .container .body .mainmenu>ul>li>a.about{background:url('../img/mainmenu/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about{background-image:url('../img/mainmenu/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about{background-image:url('../img/mainmenu/about_3x.png')}}body .container .body .mainmenu>ul>li>a.home.active{background:#5bacdb url('../img/mainmenu/over/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home.active{background-image:url('../img/mainmenu/over/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home.active{background-image:url('../img/mainmenu/over/home_3x.png')}}body .container .body .mainmenu>ul>li>a.add.active{background:#5bacdb url('../img/mainmenu/over/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add.active{background-image:url('../img/mainmenu/over/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add.active{background-image:url('../img/mainmenu/over/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore.active{background:#5bacdb url('../img/mainmenu/over/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore.active{background-image:url('../img/mainmenu/over/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore.active{background-image:url('../img/mainmenu/over/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume.active{background:#5bacdb url('../img/mainmenu/over/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume.active{background-image:url('../img/mainmenu/over/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume.active{background-image:url('../img/mainmenu/over/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings.active{background:#5bacdb url('../img/mainmenu/over/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings.active{background-image:url('../img/mainmenu/over/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings.active{background-image:url('../img/mainmenu/over/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.about.active{background:#5bacdb url('../img/mainmenu/over/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about.active{background-image:url('../img/mainmenu/over/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about.active{background-image:url('../img/mainmenu/over/about_3x.png')}}body .container .body .mainmenu>ul>li>a.add:hover{background:#2a89c0 url('../img/mainmenu/over/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add:hover{background-image:url('../img/mainmenu/over/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add:hover{background-image:url('../img/mainmenu/over/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore:hover{background:#2a89c0 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore:hover{background-image:url('../img/mainmenu/over/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore:hover{background-image:url('../img/mainmenu/over/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume:hover{background:#2a89c0 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume:hover{background-image:url('../img/mainmenu/over/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume:hover{background-image:url('../img/mainmenu/over/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings:hover{background:#2a89c0 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings:hover{background-image:url('../img/mainmenu/over/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings:hover{background-image:url('../img/mainmenu/over/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.logout:hover{background:#2a89c0 url('../img/mainmenu/over/logout.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.logout:hover{background-image:url('../img/mainmenu/over/logout_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.logout:hover{background-image:url('../img/mainmenu/over/logout_3x.png')}}body .container .body .mainmenu>ul>li>a.home:hover{background:#2a89c0 url('../img/mainmenu/over/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home:hover{background-image:url('../img/mainmenu/over/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home:hover{background-image:url('../img/mainmenu/over/home_3x.png')}}body .container .body .mainmenu>ul>li>a.about:hover{background:#2a89c0 url('../img/mainmenu/over/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about:hover{background-image:url('../img/mainmenu/over/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about:hover{background-image:url('../img/mainmenu/over/about_3x.png')}}body .container .body .mainmenu>ul li.hr-top{padding-top:25px;margin-top:25px;border-top:1px #ededed solid}body .container .body div.contextmenu_container{position:relative}body .container .body .contextmenu{display:none;position:absolute;background:#fff;border:1px #ededed solid;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:200;padding:5px}body .container .body .contextmenu li a{color:#2a89c0;font-size:15px;font-weight:400;padding:0;display:block;min-width:200px;padding:4px 10px;white-space:nowrap;padding-left:45px;overflow:hidden;text-overflow:ellipsis}body .container .body .contextmenu li a:hover{background:#2a89c0;color:#fff}body .container .body .contextmenu.open{display:block}body .container .body .content{float:left;padding-left:350px;padding-bottom:50px;max-width:70%}body .container .body .content ul.tabs>li{display:inline-block}body .container .body .content .tasks .tasklist .task{border-top:1px solid #eee;padding-top:20px;margin-bottom:25px}body .container .body .content .tasks .tasklist .task:last-child{border-bottom:1px solid #eee;padding-bottom:20px}body .container .body .content .tasks .tasklist .task:first-child{padding-top:0;border-top:0 none}body .container .body .content .tasks .tasklist .progress-small{text-align:center;height:18px;background:rgba(164,209,235,.5)}body .container .body .content .tasks .tasklist .progress-small-bg{border:1px #65b1dd solid;width:200px}body .container .body .content .tasks .tasklist a{font-size:30px;font-weight:300;display:inline-block}body .container .body .content .tasks .tasklist a.action-link{font-size:14px;background:0 0;padding-left:0}body .container .body .content .tasks .tasklist dl{padding-left:55px;overflow:hidden;font-size:14px}body .container .body .content .tasks .tasklist dl dd,body .container .body .content .tasks .tasklist dl dt{display:block;float:left}body .container .body .content .tasks .tasklist dl dt{clear:both;font-weight:500;margin-bottom:5px}body .container .body .content .tasks .tasklist dl dd{margin-left:10px}body .container .body .content .tasks .tasklist dl.taskmenu p{display:inline;margin-right:10px;color:#2a89c0;cursor:pointer}body .container .body .content .tasks .tasklist dl.taskmenu dt{float:left;margin-right:10px;margin-bottom:0;padding:5px 8px;color:#b0b0b0;cursor:pointer;clear:none}body .container .body .content .tasks .tasklist dl.taskmenu dd{clear:both;float:none;padding-bottom:8px;border-bottom:1px #ddd solid;margin-bottom:5px}body .container .body .content div.add .steps,body .container .body .content div.restore .steps{width:100%;overflow:hidden}body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{float:left;background:url('../img/steps/line-out.png') no-repeat top left;background-size:485px 24px;color:#c7e5f6}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{background-image:url('../img/steps/line-out_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{background-image:url('../img/steps/line-out_3x.png')}}body .container .body .content div.add .steps .step span,body .container .body .content div.restore .steps .step span{display:block;border:4px #c7e5f6 solid;background:#fff;border-radius:50%;width:35px;height:35px;text-align:center;font-size:22px;line-height:35px;cursor:pointer}body .container .body .content div.add .steps .step.active,body .container .body .content div.restore .steps .step.active{color:#2a89c0}body .container .body .content div.add .steps .step.active span,body .container .body .content div.restore .steps .step.active span{border:4px #2a89c0 solid;background:#2a89c0;color:#fff}body .container .body .content div.add .steps .step.active h2,body .container .body .content div.restore .steps .step.active h2{color:#2a89c0}body .container .body .content div.add .steps-legend,body .container .body .content div.restore .steps-legend{overflow:hidden;padding-bottom:50px;list-style:none;margin:0}body .container .body .content div.add .steps-legend li,body .container .body .content div.restore .steps-legend li{color:#c7e5f6;font-size:18px;text-align:center;float:left;padding-top:10px;cursor:pointer}body .container .body .content div.add .steps-legend li.active,body .container .body .content div.restore .steps-legend li.active{color:#2a89c0}body .container .body .content div.add .steps-boxes,body .container .body .content div.restore .steps-boxes{padding-left:40px}body .container .body .content div.add .steps-boxes .step,body .container .body .content div.restore .steps-boxes .step{display:none}body .container .body .content div.add .steps-boxes .step.active,body .container .body .content div.restore .steps-boxes .step.active{display:block}body .container .body .content div.add .steps-boxes .box.browser .checklinks a,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a{float:left;margin-left:20px;color:#b0b0b0}body .container .body .content div.add .steps-boxes .box.browser .checklinks a i,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a i{border:2px solid;border-color:#b0b0b0;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive{color:#e3e3e3;cursor:default}body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive i,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive i{border-color:#e3e3e3}body .container .body .content div.add .steps-boxes .box.browser .checklinks a:first-child,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a:first-child{margin-left:0}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton{padding-top:10px;max-width:100%}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton input#sourcePath,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton input#sourcePath{width:100%;box-sizing:border-box;height:37px}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton a.button,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton a.button{top:10px}body .container .body .content div.add .steps-boxes .box.filters .input.link a,body .container .body .content div.restore .steps-boxes .box.filters .input.link a{color:#b0b0b0}body .container .body .content div.add .steps-boxes .box.filters .input.link a i,body .container .body .content div.restore .steps-boxes .box.filters .input.link a i{border:2px solid;border-color:#b0b0b0;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist{overflow:hidden;padding-bottom:15px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li{overflow:hidden;clear:both;padding-bottom:25px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li select,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li select{width:200px;margin-right:5px;height:36px;line-height:36px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li input,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li input{width:calc(100% - 280px);padding:5px}body .container .body .content div.add .steps-boxes .step1 li.strength.score-0,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-0{color:red}body .container .body .content div.add .steps-boxes .step1 li.strength.score-1,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-1{color:#f70}body .container .body .content div.add .steps-boxes .step1 li.strength.score-2,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-2{color:#aa0}body .container .body .content div.add .steps-boxes .step1 li.strength.score-3,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-3{color:#070}body .container .body .content div.add .steps-boxes .step1 li.strength.score-4,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-4{color:#427e27}body .container .body .content div.add .steps-boxes .step1 li.strength.score-x,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-x{color:red}body .container .body .content div.add .steps-boxes .step5 div.input.keepBackups input.number,body .container .body .content div.add .steps-boxes .step5 div.input.maxSize input.number,body .container .body .content div.restore .steps-boxes .step5 div.input.keepBackups input.number,body .container .body .content div.restore .steps-boxes .step5 div.input.maxSize input.number{width:60px}body .container .body .content div.add .steps-boxes .step5 .hint,body .container .body .content div.add .steps-boxes .step5 .retention-options,body .container .body .content div.restore .steps-boxes .step5 .hint,body .container .body .content div.restore .steps-boxes .step5 .retention-options{clear:both;margin-left:190px;margin-top:50px;font-style:italic}body .container .body .content div.add .steps-boxes .step5 .retention-options input,body .container .body .content div.restore .steps-boxes .step5 .retention-options input{margin-bottom:10px}body .container .body .content div.add .steps-boxes .step5 .advancedoptions,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions{padding-top:15px;clear:both}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li{border-top:none}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li.advancedentry,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li.advancedentry{border-bottom:1px solid #d3d3d3}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child{padding-top:0}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child select,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child select{max-width:400px}body .container .body .content div.add .steps-boxes .step5 .advancedoptions label,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions label{line-height:normal}body .container .body .content div.add .steps-boxes .step5 .advancedoptions input,body .container .body .content div.add .steps-boxes .step5 .advancedoptions select,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions input,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions select{width:auto;max-width:100%;box-sizing:border-box}body .container .body .content div.add .steps-boxes .step5 .advanced-toggle,body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle{color:#b0b0b0;line-height:normal;margin-top:16px;clear:both;float:left}body .container .body .content div.add .steps-boxes .step5 .advanced-toggle i.fa,body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle i.fa{border:2px solid;border-color:#b0b0b0;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .step5 textarea,body .container .body .content div.restore .steps-boxes .step5 textarea{box-sizing:border-box;clear:both;margin-top:15px;width:100%}body .container .body .content div.add form,body .container .body .content div.restore form{padding-bottom:50px;overflow:hidden}body .container .body .content div.add form .input.password .tools,body .container .body .content div.restore form .input.password .tools{clear:both;padding-left:190px;padding-top:10px}body .container .body .content div.add form .input.password .tools ul,body .container .body .content div.restore form .input.password .tools ul{overflow:hidden}body .container .body .content div.add form .input.password .tools ul li,body .container .body .content div.restore form .input.password .tools ul li{float:left;padding-right:7px}body .container .body .content div.add form .input.password .tools ul li.strength.useless,body .container .body .content div.restore form .input.password .tools ul li.strength.useless{color:red}body .container .body .content div.add form .input.password .tools ul li.strength.average,body .container .body .content div.restore form .input.password .tools ul li.strength.average{color:#ff0}body .container .body .content div.add form .input.password .tools ul li.strength.good,body .container .body .content div.restore form .input.password .tools ul li.strength.good{color:#2a89c0}body .container .body .content div.add form .input.multiple input,body .container .body .content div.add form .input.multiple select,body .container .body .content div.restore form .input.multiple input,body .container .body .content div.restore form .input.multiple select{width:auto;margin-right:5px}body .container .body .content div.add form .input.multiple select,body .container .body .content div.restore form .input.multiple select{--padding-block:5px;padding:var(--padding-block) 12px;line-height:calc(var(--height) - calc(var(--padding-block) * 2))}body .container .body .content div.add form .input.overlayButton,body .container .body .content div.restore form .input.overlayButton{overflow:hidden;position:relative;max-width:446px}body .container .body .content div.add form .input.overlayButton input,body .container .body .content div.restore form .input.overlayButton input{width:347px}body .container .body .content div.add form .input.overlayButton a.button,body .container .body .content div.restore form .input.overlayButton a.button{position:absolute;top:0;right:0;padding:7px 12px 8px}body .container .body .content div.add form .input.checkbox.multiple strong,body .container .body .content div.restore form .input.checkbox.multiple strong{display:block;padding-bottom:5px}body .container .body .content div.add form .input.checkbox.multiple label,body .container .body .content div.restore form .input.checkbox.multiple label{display:inline-block;float:none;width:auto;padding-right:10px}body .container .body .content div.add form .input.checkbox.multiple input,body .container .body .content div.restore form .input.checkbox.multiple input{width:auto;display:inline-block;float:none}body .container .body .content div.add form .buttons,body .container .body .content div.restore form .buttons{float:none;width:635px;padding-top:30px}body .container .body .content div.add .step2 .input.select,body .container .body .content div.restore .step1 .input.select{display:grid;grid-auto-flow:column;justify-content:flex-start;grid-template-areas:"label server" ". custom"}body .container .body .content div.add .step2 .input.select label,body .container .body .content div.restore .step1 .input.select label{grid-area:label}body .container .body .content div.add .step2 .input.select select,body .container .body .content div.restore .step1 .input.select select{grid-area:server}body .container .body .content div.add .step2 .input.select input,body .container .body .content div.restore .step1 .input.select input{grid-area:custom;margin-top:10px}body .container .body .content div.add .step2 .input.text #generic_server,body .container .body .content div.restore .step1 .input.text #generic_server{width:335px}body .container .body .content div.add .step2 .input.text #generic_port,body .container .body .content div.restore .step1 .input.text #generic_port{width:50px;margin-left:10px}body .container .body .content div.add .steps{margin-left:48.5px}body .container .body .content div.add .steps .step{padding-left:97px;padding-right:0}body .container .body .content div.add .steps .step:first-child{padding-inline:0}body .container .body .content div.add .steps-legend{padding-left:0}body .container .body .content div.add .steps-legend li{width:140px}body .container .body .content div.restore .steps{margin-left:153.5px}body .container .body .content div.restore .steps .step{padding-left:307px}body .container .body .content div.restore .steps-legend{padding-left:0}body .container .body .content div.restore .steps-legend li{width:350px}body .container .body .content div.restore.restore-direct .steps{margin-left:66px}body .container .body .content div.restore.restore-direct .steps .step{padding-left:132px}body .container .body .content div.restore.restore-direct .steps-legend{padding-left:0}body .container .body .content div.restore.restore-direct .steps-legend li{width:175px}body .container .body .content div.restore.restore-direct .step:first-child{padding-left:0;background:0 0}body .container .body .content div.restore.restore-direct .steps-legend{padding-left:20px}body .container .body .content div.headerthreedotmenu{margin:20px 0 20px 0}body .container .body .content div.headerthreedotmenu h2{display:inline}body .container .body .content div.headerthreedotmenu .contextmenu_container{float:right}body .container .body .content div.headerthreedotmenu .contextmenu{left:auto;right:0;top:auto}body .container .body .content div.headerthreedotmenu .threedotmenubutton{padding:5px}body .container .body .content .expandable{margin:20px 0 20px 0}body .container .body .content .expandable h2{display:inline}body .container .body .content .expandable img{padding:0 6px}body .container .body .content div.settings .input.checkbox input.checkbox,body .container .body .content div.settings .input.mixed.multiple input.checkbox{width:auto}body .container .body .content div.settings .input.checkbox select,body .container .body .content div.settings .input.mixed.multiple select{width:auto;margin-right:5px}body .container .body .content div.settings .input.checkbox label,body .container .body .content div.settings .input.mixed.multiple label{line-height:normal;padding:0 15px;width:auto}body .container .body .content .logpage ul.tabs{padding:15px 0}body .container .body .content .logpage ul.entries li{padding:10px 0 10px 0;border-bottom:1px solid #d8d8d8}body .container .body .content .logpage ul.backuplog{list-style:none}body .container .body .content .about-general .about-general__block{margin-block:1rem}body .container .body .content .about-general .about-general__block:first-child{margin-top:10px}body .container .body .content .about-general .about-general__block:last-child{margin-bottom:0}body .container .body .content .prewrapped-text{white-space:pre-wrap;overflow-x:auto}body .container .footer{background:#ededed;min-height:70px;line-height:70px;overflow:hidden;position:absolute;bottom:0;width:100%}body .container .footer a{color:#2a89c0}body .container .footer .about-footer{float:left;overflow:hidden;padding-right:20px;display:none}body .container .footer .about-footer span{display:block;float:left;padding-left:20px}body .container .footer .about-footer ul{float:left}body .container .footer .about-footer li{float:left;padding-left:20px}body .container .footer .social{float:right}body .container .footer .social ul{overflow:hidden;float:right;padding-left:20px;padding-right:10px}body .container .footer .social ul li{float:right;margin-right:10px;padding-top:5px}body .container .footer .social ul li img{opacity:.6}body .container .footer .social ul li img:hover{opacity:1}body .container .footer .themelink{float:right;padding-right:20px}body #modal-menu{max-width:400px}body #modal-menu a{color:#2a89c0;font-size:20px;line-height:40px}.remodal{padding:30px;box-shadow:0 2px 7px rgba(0,0,0,.3);background:#fff;display:none}.remodal form .buttons{float:none}.remodal-wrapper .remodal{display:block}span.info{font-size:10px;font-weight:500;display:inline-block;background:#2a89c0;border-radius:50%;width:15px;height:15px;vertical-align:super;color:#fff;line-height:15px;margin-left:5px;text-align:center}.hidden{display:none}.clear{clear:both}.nofloat{float:none!important}div.blocker,div.connection-lost,div.modal-dialog{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}div.blocker{z-index:5000;background-color:#000;opacity:.65}#connection-lost-blocker{z-index:5100}#connection-lost-dialog{z-index:5200}div.connection-lost,div.modal-dialog{z-index:5001;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}div.connection-lost div.info,div.modal-dialog div.info{min-width:310px;max-width:650px;margin:5px}div.connection-lost div.title,div.modal-dialog div.title{border:1px solid #65b1dd;background-color:#65b1dd;border-radius:5px 5px 0 0;padding:10px 20px;font-weight:700;color:#d3d3d3;text-align:center}div.connection-lost div.content,div.modal-dialog div.content{background-color:#fff;border:1px solid #fff;padding:20px}div.connection-lost div.content p:first-child,div.modal-dialog div.content p:first-child{margin-top:0}div.connection-lost div.content p:last-child,div.modal-dialog div.content p:last-child{margin-bottom:0}div.connection-lost .buttons,div.modal-dialog .buttons{border-radius:0 0 5px 5px;padding-top:10px;overflow:auto}div.connection-lost form,div.modal-dialog form{margin-top:15px}div.connection-lost form textarea,div.modal-dialog form textarea{height:130px;width:420px;padding:10px 12px;border:1px #d8d8d8 solid;border-radius:2px;color:#b0b0b0;font-size:16px;font-weight:300}div.connection-lost form input,div.modal-dialog form input{height:35px;line-height:35px;padding:0 12px}div.modal-dialog .content.buttons ul{float:right}div.modal-dialog .content.buttons .tooltipped{position:relative}div.modal-dialog .content.buttons .tooltipped:after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;-webkit-font-smoothing:subpixel-antialiased}div.modal-dialog .content.buttons .tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,.8);pointer-events:none;content:"";border:5px solid transparent}div.modal-dialog .content.buttons .tooltipped:active:after,div.modal-dialog .content.buttons .tooltipped:active:before,div.modal-dialog .content.buttons .tooltipped:focus:after,div.modal-dialog .content.buttons .tooltipped:focus:before,div.modal-dialog .content.buttons .tooltipped:hover:after,div.modal-dialog .content.buttons .tooltipped:hover:before{display:inline-block;text-decoration:none}div.modal-dialog .content.buttons .tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}div.modal-dialog .content.buttons .tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.importpage form.styled input{margin-top:11px;margin-bottom:11px}.addwizard form.styled ul,.restorewizard form.styled ul{margin:20px;margin-left:0}.addwizard form.styled input[type=radio],.restorewizard form.styled input[type=radio]{width:20px;margin-left:5px;margin-right:5px}.addwizard form.styled label,.restorewizard form.styled label{width:auto;line-height:normal}.addwizard form.styled div.subtext,.restorewizard form.styled div.subtext{clear:both;margin-left:30px;padding-top:5px;color:#d6d6d6}.pauseoptions form.styled li{line-height:normal;padding:0}.pauseoptions form.styled li input{height:auto;margin-top:8px;margin-right:8px;width:auto}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress{position:relative;min-height:25px}.progress>span{vertical-align:middle;display:block;width:100%;height:100%;text-align:center;z-index:100;padding-top:2px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress .progress-bar{float:left;width:0;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;height:100%;position:absolute;top:0}.progress .progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.tree-view{list-style-type:none;margin-left:10px;padding-bottom:5px}.tree-view ul{margin-left:16px}.tree-view span.nodeLabel{cursor:pointer}.tree-view span.nodeLabel.selected{border:1px solid #aaa;background-color:#ddd;padding:1px 3px}.tree-view li .node{padding-bottom:5px}.tree-view li div.selected{border-color:#add8e6;background-color:#add8e6}.tree-view li>ul{display:none}.tree-view li>ul.expanded{display:block}.tree-view li a.nav{cursor:pointer;display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:-80px 0;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.nav{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.nav{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.nav.leaf{background:0 0}.tree-view li a.nav.expanded{background-position:-80px -16px}.tree-view li a.type{cursor:auto;display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:0 -16px;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.type{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.type{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.type.invisible{background-position:0 -32px}.tree-view li a.type.loading{cursor:progress;background-image:url(../img/loader-16.gif);background-repeat:no-repeat;background-position:0 0;background-size:16px 16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.type.loading{background-image:url('../img/loader-32.gif')}}.tree-view li a.type.x-tree-icon-drive{background-position:-16px -16px}.tree-view li a.type.x-tree-icon-leaf{background-position:-32px -16px}.tree-view li a.type.x-tree-icon-symlink{background-position:-48px -16px}.tree-view li a.type.x-tree-icon-userdata{background-position:-16px -48px}.tree-view li a.type.x-tree-icon-locked{background-position:-64px -16px}.tree-view li a.type.x-tree-icon-broken{background-position:-64px -16px}.tree-view li a.type.x-tree-icon-computer{background-position:0 -48px}.tree-view li a.type.x-tree-icon-hyperv{background-position:-96px -16px}.tree-view li a.type.x-tree-icon-hypervmachine{background-position:-96px 0}.tree-view li a.type.x-tree-icon-mssql{background-position:-96px -32px}.tree-view li a.type.x-tree-icon-mssqldb{background-position:-80px -32px}.tree-view li a.type.x-tree-icon-mydocuments{background-position:-32px -48px}.tree-view li a.type.x-tree-icon-mymusic{background-position:-48px -48px}.tree-view li a.type.x-tree-icon-mypictures{background-position:-64px -48px}.tree-view li a.type.x-tree-icon-desktop{background-position:-80px -48px}.tree-view li a.type.x-tree-icon-home{background-position:-96px -48px}.tree-view li a.type.x-tree-icon-drive.invisible{background-position:-16px -32px}.tree-view li a.type.x-tree-icon-leaf.invisible{background-position:-32px -32px}.tree-view li a.type.x-tree-icon-symlink.invisible{cursor:auto;background-position:-48px -32px}.tree-view li a.type.x-tree-icon-locked.invisible{background-position:-64px -32px}.tree-view li a.check{height:16px;width:16px;display:inline-block;cursor:pointer;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:0 0;vertical-align:middle;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.check{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.check{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.partial{background-position:-32px 0}.tree-view li a.include{background-position:-16px 0}.tree-view li a.exclude{background-position:-48px 0}.tree-view li a.root{background:0 0;display:none}.throttlesettings div.multiple select{width:auto;margin-right:5px}.throttlesettings div.multiple input{width:100px}.throttlesettings div.multiple input.checkbox{width:auto}.throttlesettings div.multiple label{line-height:35px;padding:0 15px;width:auto;min-width:150px}.throttlesettings .disabled{color:#f0f0f0}.throttlesettings .disabled input,.throttlesettings .disabled select{color:#f0f0f0}@media (max-width:1150px){body .container .header{height:140px}body .container .header .statepadding{padding-right:90px;margin-left:0}body .container .header .state{width:100%;margin:10px 40px;clear:left;float:left}body .container .header .action-icons{display:none}body .container .header .action-icons-small{display:inline-block}body .container .header .menubutton{display:block;font-size:18px;padding-right:50px;margin-top:5px;margin-right:15px;background:url('../img/menu.png') no-repeat right top;background-size:39px 39px;position:relative;height:40px;line-height:40px;color:#b0b0b0;float:right;top:10px;padding-left:20px;text-transform:uppercase;text-align:right}body .container .header .menubutton.active{background-image:url('../img/menu_active.png');background-size:39px 39px;color:#2a89c0}body .container .body{position:relative;padding-top:140px}body .container .body .mainmenu{display:none;position:fixed;background:none repeat scroll 0 0 #fff;box-shadow:0 4px 8px rgba(0,0,0,.3);left:10px;padding:20px;top:60px}body .container .body .mainmenu.mobile-open{display:block;left:auto;right:0;top:0;z-index:1000}body .container .body .contextmenu{left:0;top:auto}body .container .body .content{float:none;padding:20px 20px;margin:0 auto 30px auto}body .container .body .content .state{width:auto}body .container .mobileOpen{display:block!important}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:1.25),(max-width:1150px) and (min-resolution:192dpi),(max-width:1150px) and (min-resolution:1.25dppx){body .container .header .menubutton{background-image:url('../img/menu_2x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:2.25),(max-width:1150px) and (min-resolution:288dpi),(max-width:1150px) and (min-resolution:2.25dppx){body .container .header .menubutton{background-image:url('../img/menu_3x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:1.25),(max-width:1150px) and (min-resolution:192dpi),(max-width:1150px) and (min-resolution:1.25dppx){body .container .header .menubutton.active{background-image:url('../img/menu_active_2x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:2.25),(max-width:1150px) and (min-resolution:288dpi),(max-width:1150px) and (min-resolution:2.25dppx){body .container .header .menubutton.active{background-image:url('../img/menu_active_3x.png')}}@media (max-width:768px){body .container .body .content .tasks .tasklist a{font-size:20px;background-size:24px;background-position:0 4px;padding-left:35px}body .container .body .content .tasks .tasklist dl{padding-left:35px}body .container .header .logo{padding-left:10px}body .container .header .statepadding{padding-right:50px}body .container .header .state{margin-left:10px}body .container .header .menubutton{margin-right:5px}body .container .body .content div.add .steps,body .container .body .content div.restore .steps,body .container .body .content div.settings .steps{display:none}body .container .body .content div.add .steps-legend,body .container .body .content div.restore .steps-legend,body .container .body .content div.settings .steps-legend{list-style:decimal;padding-left:20px;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}body .container .body .content div.add .steps-legend li,body .container .body .content div.restore .steps-legend li,body .container .body .content div.settings .steps-legend li{float:none;font-weight:500;width:auto!important;padding-right:0!important}body .container .body .content div.add .steps-boxes,body .container .body .content div.restore .steps-boxes,body .container .body .content div.settings .steps-boxes{padding-left:0}body .container .body .content div.add form.styled .input input,body .container .body .content div.add form.styled .input select,body .container .body .content div.add form.styled .input textarea,body .container .body .content div.restore form.styled .input input,body .container .body .content div.restore form.styled .input select,body .container .body .content div.restore form.styled .input textarea,body .container .body .content div.settings form.styled .input input,body .container .body .content div.settings form.styled .input select,body .container .body .content div.settings form.styled .input textarea{max-width:100%;box-sizing:border-box}body .container .body .content div.add form.styled .input.select select,body .container .body .content div.restore form.styled .input.select select,body .container .body .content div.settings form.styled .input.select select{width:420px}body .container .body .content div.add form.styled .buttons,body .container .body .content div.restore form.styled .buttons,body .container .body .content div.settings form.styled .buttons{max-width:100%;width:auto}body .container .body .content div.add form.styled .tools,body .container .body .content div.restore form.styled .tools,body .container .body .content div.settings form.styled .tools{padding-left:0!important}body .container .body .content div.add form.styled .input.checkbox.multiple,body .container .body .content div.restore form.styled .input.checkbox.multiple,body .container .body .content div.settings form.styled .input.checkbox.multiple{padding-bottom:5px}body .container .body .content div.add form.styled .input.checkbox.multiple input,body .container .body .content div.add form.styled .input.checkbox.multiple label,body .container .body .content div.restore form.styled .input.checkbox.multiple input,body .container .body .content div.restore form.styled .input.checkbox.multiple label,body .container .body .content div.settings form.styled .input.checkbox.multiple input,body .container .body .content div.settings form.styled .input.checkbox.multiple label{display:block!important;float:left!important;line-height:normal}body .container .body .content div.add form.styled .input.checkbox.multiple input,body .container .body .content div.restore form.styled .input.checkbox.multiple input,body .container .body .content div.settings form.styled .input.checkbox.multiple input{clear:both}body .container .body .content div.add form.styled .input.text.multiple input,body .container .body .content div.restore form.styled .input.text.multiple input,body .container .body .content div.settings form.styled .input.text.multiple input{max-width:48%!important}}@media (max-width:640px){body h2{font-size:20px;text-align:center}body .container .body{padding-bottom:10px}body .container .body .content{margin:0 auto}body .container .body .content div.add form .input.overlayButton,body .container .body .content div.restore form .input.overlayButton{padding-top:8px;padding-bottom:30px;margin-bottom:10px}body .container .body .content div.add form .input.overlayButton a.button,body .container .body .content div.restore form .input.overlayButton a.button{padding:7px 10px;right:1px;top:9px}body .container .body .content div.add form .input.checkbox.multiple div,body .container .body .content div.restore form .input.checkbox.multiple div{display:block}body .container .body .content div.add form .input.select.multiple input#exclude-larger-than-number,body .container .body .content div.restore form .input.select.multiple input#exclude-larger-than-number{width:75px}body .container .body .content div.add form .input.select.multiple select#exclude-larger-than-multiplier,body .container .body .content div.restore form .input.select.multiple select#exclude-larger-than-multiplier{width:140px}body .container .body .content div.add form .filters .input.textarea,body .container .body .content div.restore form .filters .input.textarea{padding-bottom:10px}body .container .body .content div.add form .filters h3,body .container .body .content div.restore form .filters h3{margin:5px 0}body .container .body .content div.add form .input.text.select.multiple.repeat label,body .container .body .content div.restore form .input.text.select.multiple.repeat label{float:none}body .container .body .content div.add form .input.text.select.multiple.repeat input#repeatRunNumber,body .container .body .content div.restore form .input.text.select.multiple.repeat input#repeatRunNumber{width:70px}body .container .body .content div.add form .input.text.select.multiple.repeat select#repeatRunMultiplier,body .container .body .content div.restore form .input.text.select.multiple.repeat select#repeatRunMultiplier{width:100px}body .container .body .content div.add form .input.multiple.text.select.maxSize input,body .container .body .content div.restore form .input.multiple.text.select.maxSize input{width:70px}body .container .body .content div.add form .input.multiple.text.select.maxSize select,body .container .body .content div.restore form .input.multiple.text.select.maxSize select{width:100px}body .container .body .content div.add form .input.multiple.text.select.keepBackups select,body .container .body .content div.restore form .input.multiple.text.select.keepBackups select{width:85px;padding:4px 6px}body .container .body .content div.add form .input.multiple.text.select.keepBackups input,body .container .body .content div.restore form .input.multiple.text.select.keepBackups input{width:60px}body .container .footer{position:static;padding:15px;line-height:normal;text-align:left;box-sizing:border-box}body .container .footer *{float:none!important;text-align:center;box-sizing:border-box}body .container .footer .about-footer{padding-right:0;display:block}body .container .footer .about-footer span{padding-left:0;padding-bottom:5px}body .container .footer .about-footer li{padding-left:0;float:none;display:inline-block;height:32px;width:32px;background-size:28px!important;border-bottom:none}body .container .footer .about-footer li:first-child{padding-bottom:0}body .container .footer .about-footer li:last-child{padding-bottom:20px}body .container .footer .about-footer,body .container .footer .social,body .container .footer li{padding:8px 0;border-bottom:1px #ddd solid}body .container .footer .social li{display:inline-block;border:none}body .container .footer .themelink{padding:8px 0}}@media (max-width:580px){.advancedentry .longdescription{margin-left:0}}@media (max-width:492px){ul.notification{width:auto}}@media (max-width:480px){body{font-size:15px}body .container .header .logo{padding-left:5px}body .container .header .menubutton{margin-right:5px}body .container .header .state{margin-left:5px}body .container .header .statepadding{padding-right:40px}body .container .header .menubutton{padding-left:10px}body .container .body .mainmenu{width:280px;box-sizing:border-box}body .container .body .mainmenu ul li a{font-size:22px}body .container .body .content{padding:15px}body .container .body .content div.add form .input.password .tools ul li,body .container .body .content div.restore form .input.password .tools ul li{font-size:14px}body .container .body .content div.add form .buttons a,body .container .body .content div.restore form .buttons a{float:none;text-align:center;margin-bottom:5px}body .container .body .content div.add .steps-boxes .box.browser .checklinks a,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a{float:none;margin-bottom:8px;display:block}}@media (max-width:400px){body{font-size:15px}body .container .header .menubutton{margin-right:0;padding-left:0;padding-right:40px}body .container .header .menubutton span{display:none}}@media (max-width:325px){body{font-size:15px}body .container .header .logo div{display:none}}@media (max-width:200px){body{font-size:15px}body .container .header .menubutton{position:static;margin-top:0}body .container .header .action-icons-small{clear:right;margin-top:0}}body{background-color:#1a1a1a!important;color:#b0b0b0}body .footer{background-color:#333!important}body .header{background-color:#333!important}body #mainmenu{background:#1a1a1a}body .header a.active,body .header a.hover{color:#f0f0f0}body .container .header .state{color:#81c601;border:1px #81c601 solid}body .state{background-color:#1a1a1a!important}body form.styled .buttons a,body form.styled .buttons input{background:#4a5879}body form.styled .buttons a:hover,body form.styled .buttons input:hover{background:#6089b5}body .button{background:#4a5879}body .button:hover{background:#6089b5}body .container .body .mainmenu>ul>li>a.active{color:#000}body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{color:#2780b3}body #folder_path_picker,body #restore_file_picker,body .step3 source-folder-picker{background-color:#fff}.addwizard form.styled div.subtext,.restorewizard{color:#8a8a8a}body form.styled .input.select select,body form.styled input,body form.styled select,body form.styled textarea{color:#b0b0b0;background-color:#1a1a1a} \ No newline at end of file + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: 0.2em 0.25em 0.15em; + border: solid 0.08em #eee; + border-radius: 0.1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: 0.3em; +} +.fa.fa-pull-right { + margin-left: 0.3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: 0.3em; +} +.fa.pull-right { + margin-left: 0.3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #fff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +* { + font-family: 'Clear Sans', sans-serif; +} +html, +body { + margin: 0; + padding: 0; + height: 100%; +} +h1, +h2 { + font-weight: 300; + color: #609301; +} +h1 { + margin: 10px 0; +} +h3 { + font-weight: 400; +} +a { + text-decoration: none; +} +button { + border: none; + /* Remove default border */ +} +ul { + list-style: none; + margin: 0; + padding: 0; +} +hr { + border: none; + border-bottom: 1px #ddd solid; +} +textarea { + max-width: 94%; +} +.external-link-image { + display: inline-block; + margin-left: 8px; + margin-right: 8px; + height: 16px; + width: 16px; + background: url('../img/external-link-hover.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .external-link-image { + background-image: url('../img/external-link-hover_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .external-link-image { + background-image: url('../img/external-link-hover_3x.png'); + } +} +a .external-link-image { + background: url('../img/external-link.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + a .external-link-image { + background-image: url('../img/external-link_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + a .external-link-image { + background-image: url('../img/external-link_3x.png'); + } +} +.header a:hover .external-link-image { + background: url('../img/external-link-hover.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .header a:hover .external-link-image { + background-image: url('../img/external-link-hover_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .header a:hover .external-link-image { + background-image: url('../img/external-link-hover_3x.png'); + } +} +.button { + display: block; + background: #2A89C0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +.button:hover { + background: #216b96; +} +.step3 source-folder-picker, +#folder_path_picker, +#restore_file_picker { + display: block; + border: 1px solid lightgray; + padding: 2px; + height: 100%; + overflow: scroll; + box-sizing: border-box; +} +.not-clickable { + cursor: default !important; +} +.not-clickable > a, +.not-clickable span, +.not-clickable div { + cursor: default !important; +} +.ui-match { + font-weight: bold; + color: darkgreen; +} +wait-area { + min-width: 350px; + text-align: center; + display: block; +} +.prewrapped-text { + white-space: pre-wrap; +} +.exceptiontext { + background-color: lightgray; + color: black; +} +.backup-result { + width: 90%; + display: grid; + grid-template-columns: 50% 50%; + grid-auto-rows: minmax(50px, auto); + margin: 0 auto; +} +.backup-result div .horizontal-rule { + width: 100%; + border-bottom: 1px solid #d8d8d8; + margin: 5px 0 5px 0; +} +.backup-result .box { + margin: 10px; + margin-bottom: 0px; +} +.backup-result .title { + color: #3f6001; + font-weight: bold; + font-size: 30px; +} +.backup-result .item { + display: block; +} +.backup-result .item .key { + color: #609301; + font-weight: bold; +} +.backup-result .item .value { + color: #B0B0B0; +} +.backup-result .item .expanded { + padding: 0 10px 0 18px; + margin-bottom: 10px; +} +.backup-result .one { + border-right: 1px solid #d8d8d8; + grid-column: 1; + grid-row: 1; +} +.backup-result .two { + grid-column: 2; + grid-row: 1; +} +.backup-result .wide { + grid-column: span 2; + border-top: 1px solid #d8d8d8; + padding-top: 10px; +} +.backup-result .three { + grid-row: 2; +} +.backup-result .four { + grid-row: 3; + margin-bottom: 10px; +} +.backup-result .four .log-expand-copy { + display: flex; + margin-bottom: 6px; +} +.backup-result .four .log-expand-copy a { + margin-left: auto; +} +.backup-result .four textarea { + width: 100%; + max-width: 99%; + min-height: 420px; + padding: 8px 6px; + white-space: pre; +} +.success-color { + color: #339900; +} +.error-color { + color: #cc0000; +} +.warning-color { + color: #ffcc00; +} +.fatal-color { + color: #990000; +} +ul.tabs { + margin-bottom: 10px; +} +ul.tabs > li { + display: inline; + margin-right: 10px; + border: 1px solid #2A89C0; + padding: 5px; +} +ul.tabs > li.active { + background-color: #2A89C0; + color: white; +} +ul.tabs > li.active > a { + background-color: #2A89C0; + color: white; +} +ul.tabs > li.active.disabled { + border: 1px solid lightgray; + background-color: lightgray; + color: grey; + cursor: default; +} +ul.tabs > li.active.disabled > a { + background-color: lightgray; + color: grey; + cursor: default; +} +.licenses > ul { + list-style: initial; + margin: 10px; + margin-left: 20px; +} +.licenses li { + margin-bottom: 10px; +} +.licenses a.itemlink { + font-weight: bold; +} +.logpage ul.entries { + list-style: initial; + margin: 10px; + margin-left: 20px; +} +.logpage .entries div.entryline.clickable { + cursor: pointer; +} +.logpage .entries.livedata li.expanded { + height: auto; +} +.logpage .button { + text-align: center; + margin-right: 10px; + border: 1px solid #2A89C0; + padding: 5px; + background-color: #2A89C0; + color: white; + cursor: pointer; +} +.exportpage .checkbox input { + width: auto; + margin-top: 10px; +} +.exportpage .commandline div { + background-color: lightgray; + color: black; +} +.themelink { + margin-left: 20px; +} +ul.notification { + position: fixed; + bottom: 0px; + left: 0px; + right: 0px; + margin: auto; + width: 480px; +} +.notification .title { + border: 1px solid #2A89C0; + background-color: #2A89C0; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + padding: 2px; + padding-left: 5px; + padding-right: 5px; + font-weight: bold; + color: lightgray; + width: 100%; + text-align: center; + clear: both; +} +.notification .content { + background-color: white; + border: 1px solid #2A89C0; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + padding: 2px; + padding-left: 5px; + padding-right: 5px; + width: 100%; +} +.notification .message { + width: 100%; + color: black; +} +.notification .button { + padding: 2px 10px; + margin-top: 6px; +} +.notification .clear { + clear: right; + height: 1px; +} +.notification .error .title { + border-color: red; + background-color: red; +} +.notification .error .content { + border-color: red; +} +.notification .error .button { + border-color: red; + background-color: red; +} +.notification .warning .title { + background-color: orange; + border-color: orange; +} +.notification .warning .button { + background-color: orange; + border-color: orange; +} +.notification .warning .content { + border-color: orange; +} +.filepicker { + height: 200px; +} +.resizable { + margin-bottom: 6px; + max-width: 100%; +} +.advanced-toggle { + float: right; + margin-right: 25px; + line-height: 37px; +} +.advancedoptions li { + clear: both; + margin-bottom: 10px; + padding: 10px 0; + border-top: 1px lightgray solid; +} +.advancedentry { + /* Anchor link to remove an option */ +} +.advancedentry .multiple { + display: inline; +} +.advancedentry .shortname { + font-weight: bold; +} +.advancedentry input[type="text"] { + width: 300px; +} +.advancedentry select { + width: 300px; +} +.advancedentry input[type="checkbox"] { + margin-top: 13px; + width: auto; +} +.advancedentry .delete-item { + display: block; + background: #2A89C0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +.advancedentry .longdescription { + --margin-block: 10px; + /* Magic number */ + margin-top: var(--margin-block); + margin-left: 190px; + clear: both; + font-style: italic; + white-space: pre-wrap; +} +.advancedentry .longdescription .longdescription__item { + margin-block: 0 var(--margin-block); +} +.advancedentry .longdescription .longdescription__default { + margin-block: var(--margin-block) 0; +} +.settings div.sublabel { + clear: both; + padding: 0 31px; + font-style: italic; +} +.logo img.mainlogo { + height: 64px; + width: 64px; + float: left; + padding-right: 8px; + padding-top: 2px; +} +.logo div.logotext { + float: left; +} +.logo a { + float: left; + display: block; + line-height: normal; +} +.logo div.build-suffix { + clear: both; + display: inline; + float: left; + font-size: 16px; + line-height: 16px; +} +.logo div.powered-by { + font-size: 16px; + margin: 0px; + line-height: 16px; + float: left; + padding: 0px; + margin-left: 5px; +} +.note p { + /* Override default block margin */ + margin-block: 0.5rem; + /* Magic number */ +} +.note p:first-child { + margin-top: 0; +} +.note p:last-child { + margin-bottom: 0; +} +.fixed-width-font { + font-family: monospace; +} +.warning { + margin: 10px; + font-style: italic; + color: #f49b42; +} +div.captcha .details { + padding-top: 10px; + margin-left: auto; + margin-right: auto; + width: 180px; +} +.centered-text { + text-align: center; +} +body { + color: #B0B0B0; +} +body .container { + min-height: 100%; + position: relative; +} +body .container .header { + line-height: 70px; + background: #ededed; + overflow: hidden; + height: 70px; + position: fixed; + top: 0px; + left: 0px; + right: 0px; + z-index: 100; +} +body .container .header a { + color: #2A89C0; +} +body .container .header a:hover, +body .container .header a.active { + color: #707070; +} +body .container .header button { + width: 26px; + height: 26px; + background-size: 26px; + cursor: pointer; +} +body .container .header .logo { + font-size: 30px; + font-weight: 700; + float: left; + padding-left: 40px; +} +body .container .header .statepadding { + padding-right: 90px; + margin-left: 320px; +} +body .container .header .state { + float: left; + color: #3f6001; + width: 595px; + padding: 13px 15px; + margin: 10px 20px; + border: 1px #3f6001 solid; + font-weight: 300; + font-size: 18px; + overflow: hidden; + line-height: normal; + display: inline-block; + background-color: white; + text-overflow: ellipsis; + position: relative; + height: 25px; +} +body .container .header .state strong { + display: inline; + margin-right: 10px; +} +body .container .header .state span { + display: inline; +} +body .container .header .state .button { + position: static; + margin-top: 70px; +} +body .container .header .state .content { + position: relative; + z-index: 10; + margin-right: 40px; + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +body .container .header .state .buttons { + position: absolute; + right: 0px; + top: 0px; + bottom: 0px; + width: 26px; + margin: 13px 15px; +} +body .container .header .state .buttons button { + display: block; +} +body .container .header .state .buttons .stop { + background: url('../img/progress-stop.png'); + background-size: 100%; + z-index: 10; + position: relative; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .state .buttons .stop { + background-image: url('../img/progress-stop_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .state .buttons .stop { + background-image: url('../img/progress-stop_3x.png'); + } +} +body .container .header .state .buttons .resume { + background: url('../img/progress-resume.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .state .buttons .resume { + background-image: url('../img/progress-resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .state .buttons .resume { + background-image: url('../img/progress-resume_3x.png'); + } +} +body .container .header .state .progress-bar { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + background: rgba(96, 147, 1, 0.25); + z-index: 5; +} +body .container .header .state .task-name { + overflow: hidden; + text-overflow: ellipsis; + cursor: help; +} +body .container .header .state .task-state-info { + display: flex; +} +body .container .header .action-icons { + display: inline-block; + line-height: normal; + margin: 10px 0px; + padding: 13px 0px; + float: left; +} +body .container .header .action-icons-small { + display: none; + float: right; + margin-top: 21px; + line-height: normal; +} +body .container .header .action-icons > button, +body .container .header .action-icons-small > button { + display: inline-block; +} +body .container .header .action-icons > .pause, +body .container .header .action-icons-small > .pause { + background: url('../img/pause.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .pause, + body .container .header .action-icons-small > .pause { + background-image: url('../img/pause_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .pause, + body .container .header .action-icons-small > .pause { + background-image: url('../img/pause_3x.png'); + } +} +body .container .header .action-icons > .pause.active, +body .container .header .action-icons-small > .pause.active { + background: url('../img/resume.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .pause.active, + body .container .header .action-icons-small > .pause.active { + background-image: url('../img/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .pause.active, + body .container .header .action-icons-small > .pause.active { + background-image: url('../img/resume_3x.png'); + } +} +body .container .header .action-icons > .throttle, +body .container .header .action-icons-small > .throttle { + background: url('../img/throttle.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .throttle, + body .container .header .action-icons-small > .throttle { + background-image: url('../img/throttle_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .throttle, + body .container .header .action-icons-small > .throttle { + background-image: url('../img/throttle_3x.png'); + } +} +body .container .header .action-icons > .throttle.inactive, +body .container .header .action-icons-small > .throttle.inactive { + opacity: 0.5; +} +body .container .header .about-header { + float: right; + padding-right: 20px; + overflow: hidden; +} +body .container .header .about-header ul { + overflow: hidden; + list-style: none; +} +body .container .header .about-header ul li { + float: right; + padding-right: 20px; +} +body .container .body { + width: 100%; + overflow: hidden; + min-height: 500px; + padding-top: 120px; + padding-bottom: 70px; +} +body .container .body a { + color: #2A89C0; +} +body .container .body .mainmenu { + width: 260px; + padding-left: 40px; + float: left; + position: fixed; +} +body .container .body .mainmenu > ul > li { + position: relative; +} +body .container .body .mainmenu > ul > li > a { + font-size: 22px; + font-weight: 300; + padding: 5px 10px 5px 55px; + display: block; +} +body .container .body .mainmenu > ul > li > a:hover { + color: white; +} +body .container .body .mainmenu > ul > li > a.active { + color: white; +} +body .container .body .mainmenu > ul > li > a.add { + background: url('../img/mainmenu/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add { + background-image: url('../img/mainmenu/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add { + background-image: url('../img/mainmenu/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore { + background: url('../img/mainmenu/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore { + background-image: url('../img/mainmenu/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore { + background-image: url('../img/mainmenu/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume { + background: url('../img/mainmenu/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume { + background-image: url('../img/mainmenu/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume { + background-image: url('../img/mainmenu/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings { + background: url('../img/mainmenu/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings { + background-image: url('../img/mainmenu/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings { + background-image: url('../img/mainmenu/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.logout { + background: url('../img/mainmenu/logout.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.logout { + background-image: url('../img/mainmenu/logout_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.logout { + background-image: url('../img/mainmenu/logout_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home { + background: url('../img/mainmenu/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home { + background-image: url('../img/mainmenu/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home { + background-image: url('../img/mainmenu/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about { + background: url('../img/mainmenu/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about { + background-image: url('../img/mainmenu/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about { + background-image: url('../img/mainmenu/about_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home.active { + background: #5bacdb url('../img/mainmenu/over/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home.active { + background-image: url('../img/mainmenu/over/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home.active { + background-image: url('../img/mainmenu/over/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.add.active { + background: #5bacdb url('../img/mainmenu/over/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add.active { + background-image: url('../img/mainmenu/over/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add.active { + background-image: url('../img/mainmenu/over/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore.active { + background: #5bacdb url('../img/mainmenu/over/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore.active { + background-image: url('../img/mainmenu/over/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore.active { + background-image: url('../img/mainmenu/over/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume.active { + background: #5bacdb url('../img/mainmenu/over/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume.active { + background-image: url('../img/mainmenu/over/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume.active { + background-image: url('../img/mainmenu/over/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings.active { + background: #5bacdb url('../img/mainmenu/over/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings.active { + background-image: url('../img/mainmenu/over/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings.active { + background-image: url('../img/mainmenu/over/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about.active { + background: #5bacdb url('../img/mainmenu/over/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about.active { + background-image: url('../img/mainmenu/over/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about.active { + background-image: url('../img/mainmenu/over/about_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.add:hover { + background: #2A89C0 url('../img/mainmenu/over/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add:hover { + background-image: url('../img/mainmenu/over/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add:hover { + background-image: url('../img/mainmenu/over/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore:hover { + background: #2A89C0 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore:hover { + background-image: url('../img/mainmenu/over/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore:hover { + background-image: url('../img/mainmenu/over/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume:hover { + background: #2A89C0 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume:hover { + background-image: url('../img/mainmenu/over/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume:hover { + background-image: url('../img/mainmenu/over/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings:hover { + background: #2A89C0 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings:hover { + background-image: url('../img/mainmenu/over/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings:hover { + background-image: url('../img/mainmenu/over/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.logout:hover { + background: #2A89C0 url('../img/mainmenu/over/logout.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.logout:hover { + background-image: url('../img/mainmenu/over/logout_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.logout:hover { + background-image: url('../img/mainmenu/over/logout_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home:hover { + background: #2A89C0 url('../img/mainmenu/over/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home:hover { + background-image: url('../img/mainmenu/over/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home:hover { + background-image: url('../img/mainmenu/over/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about:hover { + background: #2A89C0 url('../img/mainmenu/over/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about:hover { + background-image: url('../img/mainmenu/over/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about:hover { + background-image: url('../img/mainmenu/over/about_3x.png'); + } +} +body .container .body .mainmenu > ul li.hr-top { + padding-top: 25px; + margin-top: 25px; + border-top: 1px #ededed solid; +} +body .container .body div.contextmenu_container { + position: relative; +} +body .container .body .contextmenu { + display: none; + position: absolute; + background: white; + border: 1px #ededed solid; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + z-index: 200; + padding: 5px; +} +body .container .body .contextmenu li a { + color: #2A89C0; + font-size: 15px; + font-weight: 400; + padding: 0; + display: block; + min-width: 200px; + padding: 4px 10px; + white-space: nowrap; + padding-left: 45px; + overflow: hidden; + text-overflow: ellipsis; +} +body .container .body .contextmenu li a:hover { + background: #2A89C0; + color: white; +} +body .container .body .contextmenu.open { + display: block; +} +body .container .body .content { + float: left; + padding-left: 350px; + padding-bottom: 50px; + max-width: 70%; +} +body .container .body .content ul.tabs > li { + display: inline-block; +} +body .container .body .content .tasks .tasklist .task { + border-top: 1px solid #eee; + padding-top: 20px; + margin-bottom: 25px; +} +body .container .body .content .tasks .tasklist .task:last-child { + border-bottom: 1px solid #eee; + padding-bottom: 20px; +} +body .container .body .content .tasks .tasklist .task:first-child { + padding-top: 0px; + border-top: 0px none; +} +body .container .body .content .tasks .tasklist .progress-small { + text-align: center; + height: 18px; + background: rgba(164, 209, 235, 0.5); +} +body .container .body .content .tasks .tasklist .progress-small-bg { + border: 1px #65b1dd solid; + width: 200px; +} +body .container .body .content .tasks .tasklist a { + font-size: 30px; + font-weight: 300; + display: inline-block; +} +body .container .body .content .tasks .tasklist a.action-link { + font-size: 14px; + background: none; + padding-left: 0px; +} +body .container .body .content .tasks .tasklist dl { + padding-left: 55px; + overflow: hidden; + font-size: 14px; +} +body .container .body .content .tasks .tasklist dl dt, +body .container .body .content .tasks .tasklist dl dd { + display: block; + float: left; +} +body .container .body .content .tasks .tasklist dl dt { + clear: both; + font-weight: 500; + margin-bottom: 5px; +} +body .container .body .content .tasks .tasklist dl dd { + margin-left: 10px; +} +body .container .body .content .tasks .tasklist dl.taskmenu p { + display: inline; + margin-right: 10px; + color: #2A89C0; + cursor: pointer; +} +body .container .body .content .tasks .tasklist dl.taskmenu dt { + float: left; + margin-right: 10px; + margin-bottom: 0; + padding: 5px 8px; + color: #B0B0B0; + cursor: pointer; + clear: none; +} +body .container .body .content .tasks .tasklist dl.taskmenu dd { + clear: both; + float: none; + padding-bottom: 8px; + border-bottom: 1px #ddd solid; + margin-bottom: 5px; +} +body .container .body .content div.add .steps, +body .container .body .content div.restore .steps { + width: 100%; + overflow: hidden; +} +body .container .body .content div.add .steps .step, +body .container .body .content div.restore .steps .step { + float: left; + background: url('../img/steps/line-out.png') no-repeat top left; + background-size: 485px 24px; + color: #c7e5f6; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .content div.add .steps .step, + body .container .body .content div.restore .steps .step { + background-image: url('../img/steps/line-out_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .content div.add .steps .step, + body .container .body .content div.restore .steps .step { + background-image: url('../img/steps/line-out_3x.png'); + } +} +body .container .body .content div.add .steps .step span, +body .container .body .content div.restore .steps .step span { + display: block; + border: 4px #c7e5f6 solid; + background: white; + border-radius: 50%; + width: 35px; + height: 35px; + text-align: center; + font-size: 22px; + line-height: 35px; + cursor: pointer; +} +body .container .body .content div.add .steps .step.active, +body .container .body .content div.restore .steps .step.active { + color: #2A89C0; +} +body .container .body .content div.add .steps .step.active span, +body .container .body .content div.restore .steps .step.active span { + border: 4px #2A89C0 solid; + background: #2A89C0; + color: white; +} +body .container .body .content div.add .steps .step.active h2, +body .container .body .content div.restore .steps .step.active h2 { + color: #2A89C0; +} +body .container .body .content div.add .steps-legend, +body .container .body .content div.restore .steps-legend { + overflow: hidden; + padding-bottom: 50px; + list-style: none; + margin: 0; +} +body .container .body .content div.add .steps-legend li, +body .container .body .content div.restore .steps-legend li { + color: #c7e5f6; + font-size: 18px; + text-align: center; + float: left; + padding-top: 10px; + cursor: pointer; +} +body .container .body .content div.add .steps-legend li.active, +body .container .body .content div.restore .steps-legend li.active { + color: #2A89C0; +} +body .container .body .content div.add .steps-boxes, +body .container .body .content div.restore .steps-boxes { + padding-left: 40px; +} +body .container .body .content div.add .steps-boxes .step, +body .container .body .content div.restore .steps-boxes .step { + display: none; +} +body .container .body .content div.add .steps-boxes .step.active, +body .container .body .content div.restore .steps-boxes .step.active { + display: block; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a { + float: left; + margin-left: 20px; + color: #B0B0B0; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a i, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a i { + border: 2px solid; + border-color: #B0B0B0; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive { + color: #e3e3e3; + cursor: default; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive i, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive i { + border-color: #e3e3e3; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a:first-child, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a:first-child { + margin-left: 0; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton { + padding-top: 10px; + max-width: 100%; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton input#sourcePath, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton input#sourcePath { + width: 100%; + box-sizing: border-box; + height: 37px; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton a.button, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton a.button { + top: 10px; +} +body .container .body .content div.add .steps-boxes .box.filters .input.link a, +body .container .body .content div.restore .steps-boxes .box.filters .input.link a { + color: #B0B0B0; +} +body .container .body .content div.add .steps-boxes .box.filters .input.link a i, +body .container .body .content div.restore .steps-boxes .box.filters .input.link a i { + border: 2px solid; + border-color: #B0B0B0; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist { + overflow: hidden; + padding-bottom: 15px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li { + overflow: hidden; + clear: both; + padding-bottom: 25px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li select, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li select { + width: 200px; + margin-right: 5px; + height: 36px; + line-height: 36px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li input, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li input { + width: calc(100% - 280px); + padding: 5px; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-0, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-0 { + color: #ff0000; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-1, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-1 { + color: #ff7700; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-2, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-2 { + color: #aaaa00; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-3, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-3 { + color: #007700; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-4, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-4 { + color: #427e27; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-x, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-x { + color: #ff0000; +} +body .container .body .content div.add .steps-boxes .step5 div.input.maxSize input.number, +body .container .body .content div.restore .steps-boxes .step5 div.input.maxSize input.number, +body .container .body .content div.add .steps-boxes .step5 div.input.keepBackups input.number, +body .container .body .content div.restore .steps-boxes .step5 div.input.keepBackups input.number { + width: 60px; +} +body .container .body .content div.add .steps-boxes .step5 .hint, +body .container .body .content div.restore .steps-boxes .step5 .hint, +body .container .body .content div.add .steps-boxes .step5 .retention-options, +body .container .body .content div.restore .steps-boxes .step5 .retention-options { + clear: both; + margin-left: 190px; + margin-top: 50px; + font-style: italic; +} +body .container .body .content div.add .steps-boxes .step5 .retention-options input, +body .container .body .content div.restore .steps-boxes .step5 .retention-options input { + margin-bottom: 10px; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions { + padding-top: 15px; + clear: both; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li { + border-top: none; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li.advancedentry, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li.advancedentry { + border-bottom: 1px solid lightgray; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child { + padding-top: 0; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child select, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child select { + max-width: 400px; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions label, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions label { + line-height: normal; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions input, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions input, +body .container .body .content div.add .steps-boxes .step5 .advancedoptions select, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions select { + width: auto; + max-width: 100%; + box-sizing: border-box; +} +body .container .body .content div.add .steps-boxes .step5 .advanced-toggle, +body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle { + color: #B0B0B0; + line-height: normal; + margin-top: 16px; + clear: both; + float: left; +} +body .container .body .content div.add .steps-boxes .step5 .advanced-toggle i.fa, +body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle i.fa { + border: 2px solid; + border-color: #B0B0B0; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .step5 textarea, +body .container .body .content div.restore .steps-boxes .step5 textarea { + box-sizing: border-box; + clear: both; + margin-top: 15px; + width: 100%; +} +body .container .body .content div.add form, +body .container .body .content div.restore form { + padding-bottom: 50px; + overflow: hidden; +} +body .container .body .content div.add form .input.password .tools, +body .container .body .content div.restore form .input.password .tools { + clear: both; + padding-left: 190px; + padding-top: 10px; +} +body .container .body .content div.add form .input.password .tools ul, +body .container .body .content div.restore form .input.password .tools ul { + overflow: hidden; +} +body .container .body .content div.add form .input.password .tools ul li, +body .container .body .content div.restore form .input.password .tools ul li { + float: left; + padding-right: 7px; +} +body .container .body .content div.add form .input.password .tools ul li.strength.useless, +body .container .body .content div.restore form .input.password .tools ul li.strength.useless { + color: red; +} +body .container .body .content div.add form .input.password .tools ul li.strength.average, +body .container .body .content div.restore form .input.password .tools ul li.strength.average { + color: yellow; +} +body .container .body .content div.add form .input.password .tools ul li.strength.good, +body .container .body .content div.restore form .input.password .tools ul li.strength.good { + color: #2A89C0; +} +body .container .body .content div.add form .input.multiple, +body .container .body .content div.restore form .input.multiple { + /* TODO: investigate if this block can be merged with one on form.less */ +} +body .container .body .content div.add form .input.multiple input, +body .container .body .content div.restore form .input.multiple input, +body .container .body .content div.add form .input.multiple select, +body .container .body .content div.restore form .input.multiple select { + width: auto; + margin-right: 5px; +} +body .container .body .content div.add form .input.multiple select, +body .container .body .content div.restore form .input.multiple select { + --padding-block: 5px; + padding: var(--padding-block) 12px; + line-height: calc(var(--height) - calc(var(--padding-block) * 2)); +} +body .container .body .content div.add form .input.overlayButton, +body .container .body .content div.restore form .input.overlayButton { + overflow: hidden; + position: relative; + max-width: 446px; +} +body .container .body .content div.add form .input.overlayButton input, +body .container .body .content div.restore form .input.overlayButton input { + width: 347px; +} +body .container .body .content div.add form .input.overlayButton a.button, +body .container .body .content div.restore form .input.overlayButton a.button { + position: absolute; + top: 0; + right: 0; + padding: 7px 12px 8px; +} +body .container .body .content div.add form .input.checkbox.multiple strong, +body .container .body .content div.restore form .input.checkbox.multiple strong { + display: block; + padding-bottom: 5px; +} +body .container .body .content div.add form .input.checkbox.multiple label, +body .container .body .content div.restore form .input.checkbox.multiple label { + display: inline-block; + float: none; + width: auto; + padding-right: 10px; +} +body .container .body .content div.add form .input.checkbox.multiple input, +body .container .body .content div.restore form .input.checkbox.multiple input { + width: auto; + display: inline-block; + float: none; +} +body .container .body .content div.add form .buttons, +body .container .body .content div.restore form .buttons { + float: none; + width: 635px; + padding-top: 30px; +} +body .container .body .content div.add .step2, +body .container .body .content div.restore .step1 { + /* .step2: "destination" on adding/editing backup task + .step1: "backup location" on a direct restore task + TODO: integrate with form.less after investigation */ +} +body .container .body .content div.add .step2 .input.select, +body .container .body .content div.restore .step1 .input.select { + display: grid; + grid-auto-flow: column; + justify-content: flex-start; + grid-template-areas: "label server" ". custom"; + /* Adding an empty block ensures the grid area 'server' and 'custom' are aligned. */ +} +body .container .body .content div.add .step2 .input.select label, +body .container .body .content div.restore .step1 .input.select label { + grid-area: label; +} +body .container .body .content div.add .step2 .input.select select, +body .container .body .content div.restore .step1 .input.select select { + grid-area: server; +} +body .container .body .content div.add .step2 .input.select input, +body .container .body .content div.restore .step1 .input.select input { + grid-area: custom; + /* Add gap between this input area and the select element above. + Avoid using the row-gap property as it sets the gap + even if this input area does not exist. */ + margin-top: 10px; + /* Magic number */ +} +body .container .body .content div.add .step2 .input.text #generic_server, +body .container .body .content div.restore .step1 .input.text #generic_server { + width: 335px; +} +body .container .body .content div.add .step2 .input.text #generic_port, +body .container .body .content div.restore .step1 .input.text #generic_port { + width: 50px; + margin-left: 10px; + /* Magic number */ +} +body .container .body .content div.add .steps { + margin-left: 97px / 2 + 0px / 2; +} +body .container .body .content div.add .steps .step { + padding-left: 700px / 5 - 43px; + padding-right: 0; +} +body .container .body .content div.add .steps .step:first-child { + padding-inline: 0; +} +body .container .body .content div.add .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.add .steps-legend li { + width: 700px / 5; +} +body .container .body .content div.restore .steps { + margin-left: 307px / 2 + 0px / 2; +} +body .container .body .content div.restore .steps .step { + padding-left: 700px / 2 - 43px; +} +body .container .body .content div.restore .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.restore .steps-legend li { + width: 700px / 2; +} +body .container .body .content div.restore.restore-direct .steps { + margin-left: 132px / 2 + 0px / 2; +} +body .container .body .content div.restore.restore-direct .steps .step { + padding-left: 700px / 4 - 43px; +} +body .container .body .content div.restore.restore-direct .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.restore.restore-direct .steps-legend li { + width: 700px / 4; +} +body .container .body .content div.restore.restore-direct .step:first-child { + padding-left: 0; + background: transparent; +} +body .container .body .content div.restore.restore-direct .steps-legend { + padding-left: 20px; +} +body .container .body .content div.headerthreedotmenu { + margin: 20px 0 20px 0; +} +body .container .body .content div.headerthreedotmenu h2 { + display: inline; +} +body .container .body .content div.headerthreedotmenu .contextmenu_container { + float: right; +} +body .container .body .content div.headerthreedotmenu .contextmenu { + left: auto; + right: 0; + top: auto; +} +body .container .body .content div.headerthreedotmenu .threedotmenubutton { + padding: 5px; +} +body .container .body .content .expandable { + margin: 20px 0 20px 0; +} +body .container .body .content .expandable h2 { + display: inline; +} +body .container .body .content .expandable img { + padding: 0 6px; +} +body .container .body .content div.settings .input.mixed.multiple input.checkbox, +body .container .body .content div.settings .input.checkbox input.checkbox { + width: auto; +} +body .container .body .content div.settings .input.mixed.multiple select, +body .container .body .content div.settings .input.checkbox select { + width: auto; + margin-right: 5px; +} +body .container .body .content div.settings .input.mixed.multiple label, +body .container .body .content div.settings .input.checkbox label { + line-height: normal; + padding: 0 15px; + width: auto; +} +body .container .body .content .logpage ul.tabs { + padding: 15px 0; +} +body .container .body .content .logpage ul.entries li { + padding: 10px 0 10px 0; + border-bottom: 1px solid #d8d8d8; +} +body .container .body .content .logpage ul.backuplog { + list-style: none; +} +body .container .body .content .about-general .about-general__block { + margin-block: 1rem; +} +body .container .body .content .about-general .about-general__block:first-child { + margin-top: 10px; + /* See: ul.tabs */ +} +body .container .body .content .about-general .about-general__block:last-child { + margin-bottom: 0; +} +body .container .body .content .prewrapped-text { + white-space: pre-wrap; + overflow-x: auto; +} +body .container .footer { + background: #ededed; + min-height: 70px; + line-height: 70px; + overflow: hidden; + position: absolute; + bottom: 0; + width: 100%; +} +body .container .footer a { + color: #2A89C0; +} +body .container .footer .about-footer { + float: left; + overflow: hidden; + padding-right: 20px; + display: none; +} +body .container .footer .about-footer span { + display: block; + float: left; + padding-left: 20px; +} +body .container .footer .about-footer ul { + float: left; +} +body .container .footer .about-footer li { + float: left; + padding-left: 20px; +} +body .container .footer .social { + float: right; +} +body .container .footer .social ul { + overflow: hidden; + float: right; + padding-left: 20px; + padding-right: 10px; +} +body .container .footer .social ul li { + float: right; + margin-right: 10px; + padding-top: 5px; +} +body .container .footer .social ul li img { + opacity: 0.6; +} +body .container .footer .social ul li img:hover { + opacity: 1; +} +body .container .footer .themelink { + float: right; + padding-right: 20px; +} +body #modal-menu { + max-width: 400px; +} +body #modal-menu a { + color: #2A89C0; + font-size: 20px; + line-height: 40px; +} +.remodal { + padding: 30px; + box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3); + background: white; + display: none; +} +.remodal form .buttons { + float: none; +} +.remodal-wrapper .remodal { + display: block; +} +span.info { + font-size: 10px; + font-weight: 500; + display: inline-block; + background: #2A89C0; + border-radius: 50%; + width: 15px; + height: 15px; + vertical-align: super; + color: white; + line-height: 15px; + margin-left: 5px; + text-align: center; +} +.hidden { + display: none; +} +.clear { + clear: both; +} +.nofloat { + float: none !important; +} +div.blocker, +div.connection-lost, +div.modal-dialog { + position: fixed; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + margin: auto; +} +div.blocker { + z-index: 5000; + background-color: #000000; + opacity: 0.65; +} +#connection-lost-blocker { + z-index: 5100; +} +#connection-lost-dialog { + z-index: 5200; +} +div.connection-lost, +div.modal-dialog { + z-index: 5001; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +div.connection-lost div.info, +div.modal-dialog div.info { + min-width: 310px; + max-width: 650px; + margin: 5px; +} +div.connection-lost div.title, +div.modal-dialog div.title { + border: 1px solid #65b1dd; + background-color: #65b1dd; + border-radius: 5px 5px 0 0; + padding: 10px 20px; + font-weight: bold; + color: lightgray; + text-align: center; +} +div.connection-lost div.content, +div.modal-dialog div.content { + background-color: white; + border: 1px solid white; + padding: 20px; + /* Reset default margin */ + /* Reset default margin */ +} +div.connection-lost div.content p:first-child, +div.modal-dialog div.content p:first-child { + margin-top: 0; +} +div.connection-lost div.content p:last-child, +div.modal-dialog div.content p:last-child { + margin-bottom: 0; +} +div.connection-lost .buttons, +div.modal-dialog .buttons { + border-radius: 0 0 5px 5px; + padding-top: 10px; + overflow: auto; +} +div.connection-lost form, +div.modal-dialog form { + margin-top: 15px; +} +div.connection-lost form textarea, +div.modal-dialog form textarea { + height: 130px; + width: 420px; + padding: 10px 12px; + border: 1px #d8d8d8 solid; + border-radius: 2px; + color: #B0B0B0; + font-size: 16px; + font-weight: 300; +} +div.connection-lost form input, +div.modal-dialog form input { + height: 35px; + line-height: 35px; + padding: 0 12px; +} +div.modal-dialog .content.buttons ul { + float: right; +} +div.modal-dialog .content.buttons .tooltipped { + position: relative; +} +div.modal-dialog .content.buttons .tooltipped:after { + position: absolute; + z-index: 1000000; + display: none; + padding: 5px 8px; + font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; + color: #fff; + text-align: center; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-wrap: break-word; + white-space: pre; + pointer-events: none; + content: attr(aria-label); + background: rgba(0, 0, 0, 0.8); + border-radius: 3px; + -webkit-font-smoothing: subpixel-antialiased; +} +div.modal-dialog .content.buttons .tooltipped:before { + position: absolute; + z-index: 1000001; + display: none; + width: 0; + height: 0; + color: rgba(0, 0, 0, 0.8); + pointer-events: none; + content: ""; + border: 5px solid transparent; +} +div.modal-dialog .content.buttons .tooltipped:hover:before, +div.modal-dialog .content.buttons .tooltipped:hover:after, +div.modal-dialog .content.buttons .tooltipped:active:before, +div.modal-dialog .content.buttons .tooltipped:active:after, +div.modal-dialog .content.buttons .tooltipped:focus:before, +div.modal-dialog .content.buttons .tooltipped:focus:after { + display: inline-block; + text-decoration: none; +} +div.modal-dialog .content.buttons .tooltipped-w:after { + right: 100%; + bottom: 50%; + margin-right: 5px; + -webkit-transform: translateY(50%); + -ms-transform: translateY(50%); + transform: translateY(50%); +} +div.modal-dialog .content.buttons .tooltipped-w:before { + top: 50%; + bottom: 50%; + left: -5px; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.8); +} +.importpage form.styled input { + margin-top: 11px; + margin-bottom: 11px; +} +.restorewizard form.styled ul, +.addwizard form.styled ul { + margin: 20px; + margin-left: 0px; +} +.restorewizard form.styled input[type="radio"], +.addwizard form.styled input[type="radio"] { + width: 20px; + margin-left: 5px; + margin-right: 5px; +} +.restorewizard form.styled label, +.addwizard form.styled label { + width: auto; + line-height: normal; +} +.restorewizard form.styled div.subtext, +.addwizard form.styled div.subtext { + clear: both; + margin-left: 30px; + padding-top: 5px; + color: #d6d6d6; +} +.pauseoptions form.styled li { + line-height: normal; + padding: 0px; +} +.pauseoptions form.styled li input { + height: auto; + margin-top: 8px; + margin-right: 8px; + width: auto; +} +/* Progress bar styles from Bootstrap */ +.progress-bar-striped { + background-image: -webkit-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-image: -o-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-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); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress-striped .progress-bar { + background-image: -webkit-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-image: -o-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-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); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress { + position: relative; + min-height: 25px; +} +.progress > span { + vertical-align: middle; + display: block; + width: 100%; + height: 100%; + text-align: center; + z-index: 100; + padding-top: 2px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress .progress-bar { + float: left; + width: 0; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #337ab7; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; + height: 100%; + position: absolute; + top: 0; +} +.progress .progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.tree-view { + list-style-type: none; + margin-left: 10px; + padding-bottom: 5px; +} +.tree-view ul { + margin-left: 16px; +} +.tree-view span.nodeLabel { + cursor: pointer; +} +.tree-view span.nodeLabel.selected { + border: 1px solid #aaa; + background-color: #ddd; + padding: 1px 3px; +} +.tree-view li .node { + padding-bottom: 5px; +} +.tree-view li div.selected { + border-color: lightblue; + background-color: lightblue; +} +.tree-view li > ul { + display: none; +} +.tree-view li > ul.expanded { + display: block; +} +.tree-view li a.nav { + cursor: pointer; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: -80px 0px; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.nav { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.nav { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.nav.leaf { + background: none; +} +.tree-view li a.nav.expanded { + background-position: -80px -16px; +} +.tree-view li a.type { + cursor: auto; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: 0px -16px; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.type { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.type { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.type.invisible { + background-position: 0px -32px; +} +.tree-view li a.type.loading { + cursor: progress; + background-image: url(../img/loader-16.gif); + background-repeat: no-repeat; + background-position: 0px 0px; + background-size: 16px 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.type.loading { + background-image: url('../img/loader-32.gif'); + } +} +.tree-view li a.type.x-tree-icon-drive { + background-position: -16px -16px; +} +.tree-view li a.type.x-tree-icon-leaf { + background-position: -32px -16px; +} +.tree-view li a.type.x-tree-icon-symlink { + background-position: -48px -16px; +} +.tree-view li a.type.x-tree-icon-userdata { + background-position: -16px -48px; +} +.tree-view li a.type.x-tree-icon-locked { + background-position: -64px -16px; +} +.tree-view li a.type.x-tree-icon-broken { + background-position: -64px -16px; +} +.tree-view li a.type.x-tree-icon-computer { + background-position: 0px -48px; +} +.tree-view li a.type.x-tree-icon-hyperv { + background-position: -96px -16px; +} +.tree-view li a.type.x-tree-icon-hypervmachine { + background-position: -96px 0px; +} +.tree-view li a.type.x-tree-icon-mssql { + background-position: -96px -32px; +} +.tree-view li a.type.x-tree-icon-mssqldb { + background-position: -80px -32px; +} +.tree-view li a.type.x-tree-icon-mydocuments { + background-position: -32px -48px; +} +.tree-view li a.type.x-tree-icon-mymusic { + background-position: -48px -48px; +} +.tree-view li a.type.x-tree-icon-mypictures { + background-position: -64px -48px; +} +.tree-view li a.type.x-tree-icon-desktop { + background-position: -80px -48px; +} +.tree-view li a.type.x-tree-icon-home { + background-position: -96px -48px; +} +.tree-view li a.type.x-tree-icon-drive.invisible { + background-position: -16px -32px; +} +.tree-view li a.type.x-tree-icon-leaf.invisible { + background-position: -32px -32px; +} +.tree-view li a.type.x-tree-icon-symlink.invisible { + cursor: auto; + background-position: -48px -32px; +} +.tree-view li a.type.x-tree-icon-locked.invisible { + background-position: -64px -32px; +} +.tree-view li a.check { + height: 16px; + width: 16px; + display: inline-block; + cursor: pointer; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: 0 0; + vertical-align: middle; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.check { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.check { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.partial { + background-position: -32px 0px; +} +.tree-view li a.include { + background-position: -16px 0px; +} +.tree-view li a.exclude { + background-position: -48px 0px; +} +.tree-view li a.root { + background: none; + display: none; +} +.throttlesettings div.multiple select { + width: auto; + margin-right: 5px; +} +.throttlesettings div.multiple input { + width: 100px; +} +.throttlesettings div.multiple input.checkbox { + width: auto; +} +.throttlesettings div.multiple label { + line-height: 35px; + padding: 0 15px; + width: auto; + min-width: 150px; +} +.throttlesettings .disabled { + color: #f0f0f0; +} +.throttlesettings .disabled input, +.throttlesettings .disabled select { + color: #f0f0f0; +} +@media (max-width: 1150px) { + body .container .header { + height: 140px; + } + body .container .header .statepadding { + padding-right: 90px; + margin-left: 0px; + } + body .container .header .state { + width: 100%; + margin: 10px 40px; + clear: left; + float: left; + } + body .container .header .action-icons { + display: none; + } + body .container .header .action-icons-small { + display: inline-block; + } + body .container .header .menubutton { + display: block; + font-size: 18px; + padding-right: 50px; + margin-top: 5px; + margin-right: 15px; + background: url('../img/menu.png') no-repeat right top; + background-size: 39px 39px; + position: relative; + height: 40px; + line-height: 40px; + color: #B0B0B0; + float: right; + top: 10px; + padding-left: 20px; + text-transform: uppercase; + text-align: right; + } + body .container .header .menubutton.active { + background-image: url('../img/menu_active.png'); + background-size: 39px 39px; + color: #2A89C0; + } + body .container .body { + position: relative; + padding-top: 140px; + } + body .container .body .mainmenu { + display: none; + position: fixed; + background: none repeat scroll 0 0 white; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + left: 10px; + padding: 20px; + top: 60px; + } + body .container .body .mainmenu.mobile-open { + display: block; + left: auto; + right: 0; + top: 0; + z-index: 1000; + } + body .container .body .contextmenu { + left: 0; + top: auto; + } + body .container .body .content { + float: none; + padding: 20px 20px; + margin: 0px auto 30px auto; + } + body .container .body .content .state { + width: auto; + } + body .container .mobileOpen { + display: block !important; + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 1150px) and (min-resolution: 192dpi), (max-width: 1150px) and (min-resolution: 1.25dppx) { + body .container .header .menubutton { + background-image: url('../img/menu_2x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 2.25), (max-width: 1150px) and (min-resolution: 288dpi), (max-width: 1150px) and (min-resolution: 2.25dppx) { + body .container .header .menubutton { + background-image: url('../img/menu_3x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 1150px) and (min-resolution: 192dpi), (max-width: 1150px) and (min-resolution: 1.25dppx) { + body .container .header .menubutton.active { + background-image: url('../img/menu_active_2x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 2.25), (max-width: 1150px) and (min-resolution: 288dpi), (max-width: 1150px) and (min-resolution: 2.25dppx) { + body .container .header .menubutton.active { + background-image: url('../img/menu_active_3x.png'); + } +} +@media (max-width: 768px) { + body .container .body .content .tasks .tasklist a { + font-size: 20px; + background-size: 24px; + background-position: 0 4px; + padding-left: 35px; + } + body .container .body .content .tasks .tasklist dl { + padding-left: 35px; + } + body .container .header .logo { + padding-left: 10px; + } + body .container .header .statepadding { + padding-right: 50px; + } + body .container .header .state { + margin-left: 10px; + } + body .container .header .menubutton { + margin-right: 5px; + } + body .container .body .content div.add .steps, + body .container .body .content div.restore .steps, + body .container .body .content div.settings .steps { + display: none; + } + body .container .body .content div.add .steps-legend, + body .container .body .content div.restore .steps-legend, + body .container .body .content div.settings .steps-legend { + list-style: decimal; + padding-left: 20px; + border-bottom: 1px solid #eee; + margin-bottom: 30px; + padding-bottom: 20px; + } + body .container .body .content div.add .steps-legend li, + body .container .body .content div.restore .steps-legend li, + body .container .body .content div.settings .steps-legend li { + float: none; + font-weight: 500; + width: auto !important; + padding-right: 0 !important; + } + body .container .body .content div.add .steps-boxes, + body .container .body .content div.restore .steps-boxes, + body .container .body .content div.settings .steps-boxes { + padding-left: 0; + } + body .container .body .content div.add form.styled .input input, + body .container .body .content div.restore form.styled .input input, + body .container .body .content div.settings form.styled .input input, + body .container .body .content div.add form.styled .input select, + body .container .body .content div.restore form.styled .input select, + body .container .body .content div.settings form.styled .input select, + body .container .body .content div.add form.styled .input textarea, + body .container .body .content div.restore form.styled .input textarea, + body .container .body .content div.settings form.styled .input textarea { + max-width: 100%; + box-sizing: border-box; + } + body .container .body .content div.add form.styled .input.select select, + body .container .body .content div.restore form.styled .input.select select, + body .container .body .content div.settings form.styled .input.select select { + width: 420px; + } + body .container .body .content div.add form.styled .buttons, + body .container .body .content div.restore form.styled .buttons, + body .container .body .content div.settings form.styled .buttons { + max-width: 100%; + width: auto; + } + body .container .body .content div.add form.styled .tools, + body .container .body .content div.restore form.styled .tools, + body .container .body .content div.settings form.styled .tools { + padding-left: 0 !important; + } + body .container .body .content div.add form.styled .input.checkbox.multiple, + body .container .body .content div.restore form.styled .input.checkbox.multiple, + body .container .body .content div.settings form.styled .input.checkbox.multiple { + padding-bottom: 5px; + } + body .container .body .content div.add form.styled .input.checkbox.multiple input, + body .container .body .content div.restore form.styled .input.checkbox.multiple input, + body .container .body .content div.settings form.styled .input.checkbox.multiple input, + body .container .body .content div.add form.styled .input.checkbox.multiple label, + body .container .body .content div.restore form.styled .input.checkbox.multiple label, + body .container .body .content div.settings form.styled .input.checkbox.multiple label { + display: block !important; + float: left !important; + line-height: normal; + } + body .container .body .content div.add form.styled .input.checkbox.multiple input, + body .container .body .content div.restore form.styled .input.checkbox.multiple input, + body .container .body .content div.settings form.styled .input.checkbox.multiple input { + clear: both; + } + body .container .body .content div.add form.styled .input.text.multiple input, + body .container .body .content div.restore form.styled .input.text.multiple input, + body .container .body .content div.settings form.styled .input.text.multiple input { + max-width: 48% !important; + } +} +@media (max-width: 640px) { + body h2 { + font-size: 20px; + text-align: center; + } + body .container .body { + padding-bottom: 10px; + } + body .container .body .content { + margin: 0px auto; + } + body .container .body .content div.add form .input.overlayButton, + body .container .body .content div.restore form .input.overlayButton { + padding-top: 8px; + padding-bottom: 30px; + margin-bottom: 10px; + } + body .container .body .content div.add form .input.overlayButton a.button, + body .container .body .content div.restore form .input.overlayButton a.button { + padding: 7px 10px; + right: 1px; + top: 9px; + } + body .container .body .content div.add form .input.checkbox.multiple div, + body .container .body .content div.restore form .input.checkbox.multiple div { + display: block; + } + body .container .body .content div.add form .input.select.multiple input#exclude-larger-than-number, + body .container .body .content div.restore form .input.select.multiple input#exclude-larger-than-number { + width: 75px; + } + body .container .body .content div.add form .input.select.multiple select#exclude-larger-than-multiplier, + body .container .body .content div.restore form .input.select.multiple select#exclude-larger-than-multiplier { + width: 140px; + } + body .container .body .content div.add form .filters .input.textarea, + body .container .body .content div.restore form .filters .input.textarea { + padding-bottom: 10px; + } + body .container .body .content div.add form .filters h3, + body .container .body .content div.restore form .filters h3 { + margin: 5px 0; + } + body .container .body .content div.add form .input.text.select.multiple.repeat label, + body .container .body .content div.restore form .input.text.select.multiple.repeat label { + float: none; + } + body .container .body .content div.add form .input.text.select.multiple.repeat input#repeatRunNumber, + body .container .body .content div.restore form .input.text.select.multiple.repeat input#repeatRunNumber { + width: 70px; + } + body .container .body .content div.add form .input.text.select.multiple.repeat select#repeatRunMultiplier, + body .container .body .content div.restore form .input.text.select.multiple.repeat select#repeatRunMultiplier { + width: 100px; + } + body .container .body .content div.add form .input.multiple.text.select.maxSize input, + body .container .body .content div.restore form .input.multiple.text.select.maxSize input { + width: 70px; + } + body .container .body .content div.add form .input.multiple.text.select.maxSize select, + body .container .body .content div.restore form .input.multiple.text.select.maxSize select { + width: 100px; + } + body .container .body .content div.add form .input.multiple.text.select.keepBackups select, + body .container .body .content div.restore form .input.multiple.text.select.keepBackups select { + width: 85px; + padding: 4px 6px; + } + body .container .body .content div.add form .input.multiple.text.select.keepBackups input, + body .container .body .content div.restore form .input.multiple.text.select.keepBackups input { + width: 60px; + } + body .container .footer { + position: static; + padding: 15px; + line-height: normal; + text-align: left; + box-sizing: border-box; + } + body .container .footer * { + float: none !important; + text-align: center; + box-sizing: border-box; + } + body .container .footer .about-footer { + padding-right: 0; + display: block; + } + body .container .footer .about-footer span { + padding-left: 0; + padding-bottom: 5px; + } + body .container .footer .about-footer li { + padding-left: 0; + float: none; + display: inline-block; + height: 32px; + width: 32px; + background-size: 28px !important; + border-bottom: none; + } + body .container .footer .about-footer li a { + /*color: transparent; + height: 32px; + width: 32px;*/ + } + body .container .footer .about-footer li:first-child { + padding-bottom: 0; + } + body .container .footer .about-footer li:last-child { + padding-bottom: 20px; + } + body .container .footer li, + body .container .footer .social, + body .container .footer .about-footer { + padding: 8px 0; + border-bottom: 1px #ddd solid; + } + body .container .footer .social li { + display: inline-block; + border: none; + } + body .container .footer .themelink { + padding: 8px 0; + } +} +@media (max-width: 580px) { + .advancedentry .longdescription { + margin-left: 0; + } +} +@media (max-width: 492px) { + ul.notification { + width: auto; + } +} +@media (max-width: 480px) { + body { + font-size: 15px; + } + body .container .header .logo { + padding-left: 5px; + } + body .container .header .menubutton { + margin-right: 5px; + } + body .container .header .state { + margin-left: 5px; + } + body .container .header .statepadding { + padding-right: 40px; + } + body .container .header .menubutton { + padding-left: 10px; + } + body .container .body .mainmenu { + width: 280px; + box-sizing: border-box; + } + body .container .body .mainmenu ul li a { + font-size: 22px; + } + body .container .body .content { + padding: 15px; + } + body .container .body .content div.add form .input.password .tools ul li, + body .container .body .content div.restore form .input.password .tools ul li { + font-size: 14px; + } + body .container .body .content div.add form .buttons a, + body .container .body .content div.restore form .buttons a { + float: none; + text-align: center; + margin-bottom: 5px; + } + body .container .body .content div.add .steps-boxes .box.browser .checklinks a, + body .container .body .content div.restore .steps-boxes .box.browser .checklinks a { + float: none; + margin-bottom: 8px; + display: block; + } +} +@media (max-width: 400px) { + body { + font-size: 15px; + } + body .container .header .menubutton { + margin-right: 0px; + padding-left: 0px; + padding-right: 40px; + } + body .container .header .menubutton span { + display: none; + } +} +@media (max-width: 325px) { + body { + font-size: 15px; + } + body .container .header .logo div { + display: none; + } +} +@media (max-width: 200px) { + body { + font-size: 15px; + } + body .container .header .menubutton { + position: static; + margin-top: 0px; + } + body .container .header .action-icons-small { + clear: right; + margin-top: 0px; + } +} +body { + background-color: #1a1a1a !important; + color: #B0B0B0; +} +body .footer { + background-color: #333333 !important; +} +body .header { + background-color: #333333 !important; +} +body #mainmenu { + background: #1a1a1a; +} +body .header a.hover, +body .header a.active { + color: #f0f0f0; +} +body .container .header .state { + color: #81c601; + border: 1px #81c601 solid; +} +body .state { + background-color: #1a1a1a !important; +} +body form.styled .buttons input, +body form.styled .buttons a { + background: #4a5879; +} +body form.styled .buttons input:hover, +body form.styled .buttons a:hover { + background: #6089b5; +} +body .button { + background: #4a5879; +} +body .button:hover { + background: #6089b5; +} +body .container .body .mainmenu > ul > li > a.active { + color: black; +} +body .container .body .content div.add .steps .step, +body .container .body .content div.restore .steps .step { + color: #2780b3; +} +body .step3 source-folder-picker, +body #folder_path_picker, +body #restore_file_picker { + background-color: #ffffff; +} +.restorewizard, +.addwizard form.styled div.subtext { + color: #8a8a8a; +} +body form.styled input, +body form.styled textarea, +body form.styled select, +body form.styled .input.select select { + color: #B0B0B0; + background-color: #1a1a1a; +} diff --git a/Duplicati/Server/webroot/ngax/styles/default.css b/Duplicati/Server/webroot/ngax/styles/default.css index e2a9dc611..0fa2a05bd 100644 --- a/Duplicati/Server/webroot/ngax/styles/default.css +++ b/Duplicati/Server/webroot/ngax/styles/default.css @@ -1,4 +1,4850 @@ -@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Light-webfont.eot');src:url('../fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Light-webfont.woff') format('woff'),url('../fonts/ClearSans-Light-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Regular-webfont.eot');src:url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Regular-webfont.woff') format('woff'),url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Medium-webfont.eot');src:url('../fonts/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Medium-webfont.woff') format('woff'),url('../fonts/ClearSans-Medium-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg');font-weight:500;font-style:normal}@font-face{font-family:'Clear Sans';src:url('../fonts/ClearSans-Bold-webfont.eot');src:url('../fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ClearSans-Bold-webfont.woff') format('woff'),url('../fonts/ClearSans-Bold-webfont.ttf') format('truetype'),url('../fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');font-weight:700;font-style:normal}form.styled div.leftflush input{width:auto;margin-top:10px}form.styled div.leftflush label{width:auto;min-width:190px}form.styled label{display:block;width:190px;float:left;line-height:37px}form.styled input,form.styled select,form.styled textarea{color:#505050;font-size:16px;font-weight:300;float:left;display:block;border:1px #d8d8d8 solid;border-radius:2px;width:420px}form.styled input:focus,form.styled select:focus,form.styled textarea:focus{border:1px #a5a5a5 solid}form.styled .input{padding-bottom:18px;overflow:hidden}form.styled .input.password input,form.styled .input.select>select+input,form.styled .input.text input{height:35px;line-height:35px;padding:0 12px}form.styled .input.text.text-browse input{width:375px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}form.styled .input.text.text-browse a.browse{width:45px;display:block;float:left;height:37px;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0;color:#fff;background:#277db0;line-height:37px}form.styled .input.text.text-browse a.browse:hover{background:#14425d}form.styled .input.textarea textarea{height:130px;padding:10px 12px}form.styled .input.select select{--height:38px;width:446px;padding:0 12px;-webkit-appearance:menulist-button;background:#fff;border-radius:2px;height:var(--height);line-height:var(--height)}form.styled .buttons{overflow:hidden;float:right}form.styled .buttons a,form.styled .buttons input{display:block;background:#277db0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}form.styled .buttons input{padding:4px 15px}form.styled .buttons a:hover,form.styled .buttons input:hover{background:#103348}@media (max-width:480px){form.styled input,form.styled select,form.styled textarea{font-size:15px}}/*! +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Light-webfont.eot'); + src: url('../fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Light-webfont.woff') format('woff'), url('../fonts/ClearSans-Light-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg'); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Regular-webfont.eot'); + src: url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Regular-webfont.woff') format('woff'), url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Medium-webfont.eot'); + src: url('../fonts/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Medium-webfont.woff') format('woff'), url('../fonts/ClearSans-Medium-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg'); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: 'Clear Sans'; + src: url('../fonts/ClearSans-Bold-webfont.eot'); + src: url('../fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Bold-webfont.woff') format('woff'), url('../fonts/ClearSans-Bold-webfont.ttf') format('truetype'), url('../fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg'); + font-weight: 700; + font-style: normal; +} +form.styled div.leftflush input { + width: auto; + margin-top: 10px; +} +form.styled div.leftflush label { + width: auto; + min-width: 190px; +} +form.styled label { + display: block; + width: 190px; + float: left; + line-height: 37px; +} +form.styled input, +form.styled textarea, +form.styled select { + color: #505050; + font-size: 16px; + font-weight: 300; + float: left; + display: block; + border: 1px #d8d8d8 solid; + border-radius: 2px; + width: 420px; +} +form.styled input:focus, +form.styled textarea:focus, +form.styled select:focus { + border: 1px #a5a5a5 solid; +} +form.styled .input { + padding-bottom: 18px; + overflow: hidden; +} +form.styled .input.text input, +form.styled .input.password input, +form.styled .input.select > select + input { + /* For input area under select element */ + height: 35px; + line-height: 35px; + padding: 0 12px; +} +form.styled .input.text.text-browse input { + width: 375px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 0; +} +form.styled .input.text.text-browse a.browse { + width: 45px; + display: block; + float: left; + height: 37px; + border-radius: 2px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + color: white; + background: #277DB0; + line-height: 37px; +} +form.styled .input.text.text-browse a.browse:hover { + background: #14425d; +} +form.styled .input.textarea textarea { + height: 130px; + padding: 10px 12px; +} +form.styled .input.select select { + --height: 38px; + width: 446px; + padding: 0 12px; + -webkit-appearance: menulist-button; + background: white; + border-radius: 2px; + height: var(--height); + line-height: var(--height); +} +form.styled .buttons { + overflow: hidden; + float: right; +} +form.styled .buttons input, +form.styled .buttons a { + display: block; + background: #277DB0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +form.styled .buttons input { + padding: 4px 15px; +} +form.styled .buttons input:hover, +form.styled .buttons a:hover { + background: #103348; +} +@media (max-width: 480px) { + form.styled input, + form.styled textarea, + form.styled select { + font-size: 15px; + } +} +/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:FontAwesome;src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}*{font-family:'Clear Sans',sans-serif}body,html{margin:0;padding:0;height:100%}h1,h2{font-weight:300;color:#568301}h1{margin:10px 0}h3{font-weight:400}a{text-decoration:none}button{border:none}ul{list-style:none;margin:0;padding:0}hr{border:none;border-bottom:1px #ddd solid}textarea{max-width:94%}.external-link-image{display:inline-block;margin-left:8px;margin-right:8px;height:16px;width:16px;background:url('../img/external-link-hover.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.external-link-image{background-image:url('../img/external-link-hover_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.external-link-image{background-image:url('../img/external-link-hover_3x.png')}}a .external-link-image{background:url('../img/external-link.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){a .external-link-image{background-image:url('../img/external-link_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){a .external-link-image{background-image:url('../img/external-link_3x.png')}}.header a:hover .external-link-image{background:url('../img/external-link-hover.png');background-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.header a:hover .external-link-image{background-image:url('../img/external-link-hover_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.header a:hover .external-link-image{background-image:url('../img/external-link-hover_3x.png')}}.button{display:block;background:#277db0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}.button:hover{background:#1e5f86}#folder_path_picker,#restore_file_picker,.step3 source-folder-picker{display:block;border:1px solid #d3d3d3;padding:2px;height:100%;overflow:scroll;box-sizing:border-box}.not-clickable{cursor:default!important}.not-clickable div,.not-clickable span,.not-clickable>a{cursor:default!important}.ui-match{font-weight:700;color:#006400}wait-area{min-width:350px;text-align:center;display:block}.prewrapped-text{white-space:pre-wrap}.exceptiontext{background-color:#d3d3d3;color:#000}.backup-result{width:90%;display:grid;grid-template-columns:50% 50%;grid-auto-rows:minmax(50px,auto);margin:0 auto}.backup-result div .horizontal-rule{width:100%;border-bottom:1px solid #d8d8d8;margin:5px 0 5px 0}.backup-result .box{margin:10px;margin-bottom:0}.backup-result .title{color:#355001;font-weight:700;font-size:30px}.backup-result .item{display:block}.backup-result .item .key{color:#568301;font-weight:700}.backup-result .item .value{color:#505050}.backup-result .item .expanded{padding:0 10px 0 18px;margin-bottom:10px}.backup-result .one{border-right:1px solid #d8d8d8;grid-column:1;grid-row:1}.backup-result .two{grid-column:2;grid-row:1}.backup-result .wide{grid-column:span 2;border-top:1px solid #d8d8d8;padding-top:10px}.backup-result .three{grid-row:2}.backup-result .four{grid-row:3;margin-bottom:10px}.backup-result .four .log-expand-copy{display:flex;margin-bottom:6px}.backup-result .four .log-expand-copy a{margin-left:auto}.backup-result .four textarea{width:100%;max-width:99%;min-height:420px;padding:8px 6px;white-space:pre}.success-color{color:#390}.error-color{color:#c00}.warning-color{color:#fc0}.fatal-color{color:#900}ul.tabs{margin-bottom:10px}ul.tabs>li{display:inline;margin-right:10px;border:1px solid #277db0;padding:5px}ul.tabs>li.active{background-color:#277db0;color:#fff}ul.tabs>li.active>a{background-color:#277db0;color:#fff}ul.tabs>li.active.disabled{border:1px solid #d3d3d3;background-color:#d3d3d3;color:grey;cursor:default}ul.tabs>li.active.disabled>a{background-color:#d3d3d3;color:grey;cursor:default}.licenses>ul{list-style:initial;margin:10px;margin-left:20px}.licenses li{margin-bottom:10px}.licenses a.itemlink{font-weight:700}.logpage ul.entries{list-style:initial;margin:10px;margin-left:20px}.logpage .entries div.entryline.clickable{cursor:pointer}.logpage .entries.livedata li.expanded{height:auto}.logpage .button{text-align:center;margin-right:10px;border:1px solid #277db0;padding:5px;background-color:#277db0;color:#fff;cursor:pointer}.exportpage .checkbox input{width:auto;margin-top:10px}.exportpage .commandline div{background-color:#d3d3d3;color:#000}.themelink{margin-left:20px}ul.notification{position:fixed;bottom:0;left:0;right:0;margin:auto;width:480px}.notification .title{border:1px solid #277db0;background-color:#277db0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:2px;padding-left:5px;padding-right:5px;font-weight:700;color:#d3d3d3;width:100%;text-align:center;clear:both}.notification .content{background-color:#fff;border:1px solid #277db0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:2px;padding-left:5px;padding-right:5px;width:100%}.notification .message{width:100%;color:#000}.notification .button{padding:2px 10px;margin-top:6px}.notification .clear{clear:right;height:1px}.notification .error .title{border-color:red;background-color:red}.notification .error .content{border-color:red}.notification .error .button{border-color:red;background-color:red}.notification .warning .title{background-color:orange;border-color:orange}.notification .warning .button{background-color:orange;border-color:orange}.notification .warning .content{border-color:orange}.filepicker{height:200px}.resizable{margin-bottom:6px;max-width:100%}.advanced-toggle{float:right;margin-right:25px;line-height:37px}.advancedoptions li{clear:both;margin-bottom:10px;padding:10px 0;border-top:1px #d3d3d3 solid}.advancedentry .multiple{display:inline}.advancedentry .shortname{font-weight:700}.advancedentry input[type=text]{width:300px}.advancedentry select{width:300px}.advancedentry input[type=checkbox]{margin-top:13px;width:auto}.advancedentry .delete-item{display:block;background:#277db0;color:#fff!important;padding:5px 15px;float:right;margin-left:10px;cursor:pointer;width:auto;border:none;font-family:'Clear Sans',sans-serif;font-size:16px;font-weight:300;border-radius:0}.advancedentry .longdescription{--margin-block:10px;margin-top:var(--margin-block);margin-left:190px;clear:both;font-style:italic;white-space:pre-wrap}.advancedentry .longdescription .longdescription__item{margin-block:0 var(--margin-block)}.advancedentry .longdescription .longdescription__default{margin-block:var(--margin-block) 0}.settings div.sublabel{clear:both;padding:0 31px;font-style:italic}.logo img.mainlogo{height:64px;width:64px;float:left;padding-right:8px;padding-top:2px}.logo div.logotext{float:left}.logo a{float:left;display:block;line-height:normal}.logo div.build-suffix{clear:both;display:inline;float:left;font-size:16px;line-height:16px}.logo div.powered-by{font-size:16px;margin:0;line-height:16px;float:left;padding:0;margin-left:5px}.note p{margin-block:0.5rem}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.fixed-width-font{font-family:monospace}.warning{margin:10px;font-style:italic;color:#f49b42}div.captcha .details{padding-top:10px;margin-left:auto;margin-right:auto;width:180px}.centered-text{text-align:center}body{color:#505050}body .container{min-height:100%;position:relative}body .container .header{line-height:70px;background:#ededed;overflow:hidden;height:70px;position:fixed;top:0;left:0;right:0;z-index:100}body .container .header a{color:#277db0}body .container .header a.active,body .container .header a:hover{color:#101010}body .container .header button{width:26px;height:26px;background-size:26px;cursor:pointer}body .container .header .logo{font-size:30px;font-weight:700;float:left;padding-left:40px}body .container .header .statepadding{padding-right:90px;margin-left:320px}body .container .header .state{float:left;color:#355001;width:595px;padding:13px 15px;margin:10px 20px;border:1px #355001 solid;font-weight:300;font-size:18px;overflow:hidden;line-height:normal;display:inline-block;background-color:#fff;text-overflow:ellipsis;position:relative;height:25px}body .container .header .state strong{display:inline;margin-right:10px}body .container .header .state span{display:inline}body .container .header .state .button{position:static;margin-top:70px}body .container .header .state .content{position:relative;z-index:10;margin-right:40px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}body .container .header .state .buttons{position:absolute;right:0;top:0;bottom:0;width:26px;margin:13px 15px}body .container .header .state .buttons button{display:block}body .container .header .state .buttons .stop{background:url('../img/progress-stop.png');z-index:10;position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .state .buttons .stop{background-image:url('../img/progress-stop_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .state .buttons .stop{background-image:url('../img/progress-stop_3x.png')}}body .container .header .state .buttons .resume{background:url('../img/progress-resume.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .state .buttons .resume{background-image:url('../img/progress-resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .state .buttons .resume{background-image:url('../img/progress-resume_3x.png')}}body .container .header .state .progress-bar{position:absolute;top:0;bottom:0;left:0;background:rgba(86,131,1,.25);z-index:5}body .container .header .state .task-name{overflow:hidden;text-overflow:ellipsis;cursor:help}body .container .header .state .task-state-info{display:flex}body .container .header .action-icons{display:inline-block;line-height:normal;margin:10px 0;padding:13px 0;float:left}body .container .header .action-icons-small{display:none;float:right;margin-top:21px;line-height:normal}body .container .header .action-icons-small>button,body .container .header .action-icons>button{display:inline-block}body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background:url('../img/pause.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background-image:url('../img/pause_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.pause,body .container .header .action-icons>.pause{background-image:url('../img/pause_3x.png')}}body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background:url('../img/resume.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background-image:url('../img/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.pause.active,body .container .header .action-icons>.pause.active{background-image:url('../img/resume_3x.png')}}body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background:url('../img/throttle.png')}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background-image:url('../img/throttle_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .header .action-icons-small>.throttle,body .container .header .action-icons>.throttle{background-image:url('../img/throttle_3x.png')}}body .container .header .action-icons-small>.throttle.inactive,body .container .header .action-icons>.throttle.inactive{opacity:.5}body .container .header .about-header{float:right;padding-right:20px;overflow:hidden}body .container .header .about-header ul{overflow:hidden;list-style:none}body .container .header .about-header ul li{float:right;padding-right:20px}body .container .body{width:100%;overflow:hidden;min-height:500px;padding-top:120px;padding-bottom:70px}body .container .body a{color:#277db0}body .container .body .mainmenu{width:260px;padding-left:40px;float:left;position:fixed}body .container .body .mainmenu>ul>li{position:relative}body .container .body .mainmenu>ul>li>a{font-size:22px;font-weight:300;padding:5px 10px 5px 55px;display:block}body .container .body .mainmenu>ul>li>a:hover{color:#fff}body .container .body .mainmenu>ul>li>a.active{color:#fff}body .container .body .mainmenu>ul>li>a.add{background:url('../img/mainmenu/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add{background-image:url('../img/mainmenu/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add{background-image:url('../img/mainmenu/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore{background:url('../img/mainmenu/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore{background-image:url('../img/mainmenu/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore{background-image:url('../img/mainmenu/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume{background:url('../img/mainmenu/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume{background-image:url('../img/mainmenu/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume{background-image:url('../img/mainmenu/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings{background:url('../img/mainmenu/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings{background-image:url('../img/mainmenu/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings{background-image:url('../img/mainmenu/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.logout{background:url('../img/mainmenu/logout.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.logout{background-image:url('../img/mainmenu/logout_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.logout{background-image:url('../img/mainmenu/logout_3x.png')}}body .container .body .mainmenu>ul>li>a.home{background:url('../img/mainmenu/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home{background-image:url('../img/mainmenu/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home{background-image:url('../img/mainmenu/home_3x.png')}}body .container .body .mainmenu>ul>li>a.about{background:url('../img/mainmenu/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about{background-image:url('../img/mainmenu/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about{background-image:url('../img/mainmenu/about_3x.png')}}body .container .body .mainmenu>ul>li>a.home.active{background:#4ca4d7 url('../img/mainmenu/over/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home.active{background-image:url('../img/mainmenu/over/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home.active{background-image:url('../img/mainmenu/over/home_3x.png')}}body .container .body .mainmenu>ul>li>a.add.active{background:#4ca4d7 url('../img/mainmenu/over/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add.active{background-image:url('../img/mainmenu/over/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add.active{background-image:url('../img/mainmenu/over/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore.active{background:#4ca4d7 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore.active{background-image:url('../img/mainmenu/over/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore.active{background-image:url('../img/mainmenu/over/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume.active{background:#4ca4d7 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume.active{background-image:url('../img/mainmenu/over/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume.active{background-image:url('../img/mainmenu/over/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings.active{background:#4ca4d7 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings.active{background-image:url('../img/mainmenu/over/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings.active{background-image:url('../img/mainmenu/over/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.about.active{background:#4ca4d7 url('../img/mainmenu/over/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about.active{background-image:url('../img/mainmenu/over/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about.active{background-image:url('../img/mainmenu/over/about_3x.png')}}body .container .body .mainmenu>ul>li>a.add:hover{background:#277db0 url('../img/mainmenu/over/add.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.add:hover{background-image:url('../img/mainmenu/over/add_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.add:hover{background-image:url('../img/mainmenu/over/add_3x.png')}}body .container .body .mainmenu>ul>li>a.restore:hover{background:#277db0 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.restore:hover{background-image:url('../img/mainmenu/over/restore_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.restore:hover{background-image:url('../img/mainmenu/over/restore_3x.png')}}body .container .body .mainmenu>ul>li>a.resume:hover{background:#277db0 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.resume:hover{background-image:url('../img/mainmenu/over/resume_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.resume:hover{background-image:url('../img/mainmenu/over/resume_3x.png')}}body .container .body .mainmenu>ul>li>a.settings:hover{background:#277db0 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.settings:hover{background-image:url('../img/mainmenu/over/settings_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.settings:hover{background-image:url('../img/mainmenu/over/settings_3x.png')}}body .container .body .mainmenu>ul>li>a.logout:hover{background:#277db0 url('../img/mainmenu/over/logout.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.logout:hover{background-image:url('../img/mainmenu/over/logout_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.logout:hover{background-image:url('../img/mainmenu/over/logout_3x.png')}}body .container .body .mainmenu>ul>li>a.home:hover{background:#277db0 url('../img/mainmenu/over/home.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.home:hover{background-image:url('../img/mainmenu/over/home_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.home:hover{background-image:url('../img/mainmenu/over/home_3x.png')}}body .container .body .mainmenu>ul>li>a.about:hover{background:#277db0 url('../img/mainmenu/over/about.png') no-repeat 8px 7px;background-size:27px 26px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .mainmenu>ul>li>a.about:hover{background-image:url('../img/mainmenu/over/about_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .mainmenu>ul>li>a.about:hover{background-image:url('../img/mainmenu/over/about_3x.png')}}body .container .body .mainmenu>ul li.hr-top{padding-top:25px;margin-top:25px;border-top:1px #ededed solid}body .container .body div.contextmenu_container{position:relative}body .container .body .contextmenu{display:none;position:absolute;background:#fff;border:1px #ededed solid;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:200;padding:5px}body .container .body .contextmenu li a{color:#277db0;font-size:15px;font-weight:400;padding:0;display:block;min-width:200px;padding:4px 10px;white-space:nowrap;padding-left:45px;overflow:hidden;text-overflow:ellipsis}body .container .body .contextmenu li a:hover{background:#277db0;color:#fff}body .container .body .contextmenu.open{display:block}body .container .body .content{float:left;padding-left:350px;padding-bottom:50px;max-width:70%}body .container .body .content ul.tabs>li{display:inline-block}body .container .body .content .tasks .tasklist .task{border-top:1px solid #eee;padding-top:20px;margin-bottom:25px}body .container .body .content .tasks .tasklist .task:last-child{border-bottom:1px solid #eee;padding-bottom:20px}body .container .body .content .tasks .tasklist .task:first-child{padding-top:0;border-top:0 none}body .container .body .content .tasks .tasklist .progress-small{text-align:center;height:18px;background:rgba(164,209,235,.5)}body .container .body .content .tasks .tasklist .progress-small-bg{border:1px #65b1dd solid;width:200px}body .container .body .content .tasks .tasklist a{font-size:30px;font-weight:300;display:inline-block}body .container .body .content .tasks .tasklist a.action-link{font-size:14px;background:0 0;padding-left:0}body .container .body .content .tasks .tasklist dl{padding-left:55px;overflow:hidden;font-size:14px}body .container .body .content .tasks .tasklist dl dd,body .container .body .content .tasks .tasklist dl dt{display:block;float:left}body .container .body .content .tasks .tasklist dl dt{clear:both;font-weight:500;margin-bottom:5px}body .container .body .content .tasks .tasklist dl dd{margin-left:10px}body .container .body .content .tasks .tasklist dl.taskmenu p{display:inline;margin-right:10px;color:#277db0;cursor:pointer}body .container .body .content .tasks .tasklist dl.taskmenu dt{float:left;margin-right:10px;margin-bottom:0;padding:5px 8px;color:#505050;cursor:pointer;clear:none}body .container .body .content .tasks .tasklist dl.taskmenu dd{clear:both;float:none;padding-bottom:8px;border-bottom:1px #ddd solid;margin-bottom:5px}body .container .body .content div.add .steps,body .container .body .content div.restore .steps{width:100%;overflow:hidden}body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{float:left;background:url('../img/steps/line-out.png') no-repeat top left;background-size:485px 24px;color:#c7e5f6}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{background-image:url('../img/steps/line-out_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){body .container .body .content div.add .steps .step,body .container .body .content div.restore .steps .step{background-image:url('../img/steps/line-out_3x.png')}}body .container .body .content div.add .steps .step span,body .container .body .content div.restore .steps .step span{display:block;border:4px #c7e5f6 solid;background:#fff;border-radius:50%;width:35px;height:35px;text-align:center;font-size:22px;line-height:35px;cursor:pointer}body .container .body .content div.add .steps .step.active,body .container .body .content div.restore .steps .step.active{color:#277db0}body .container .body .content div.add .steps .step.active span,body .container .body .content div.restore .steps .step.active span{border:4px #277db0 solid;background:#277db0;color:#fff}body .container .body .content div.add .steps .step.active h2,body .container .body .content div.restore .steps .step.active h2{color:#277db0}body .container .body .content div.add .steps-legend,body .container .body .content div.restore .steps-legend{overflow:hidden;padding-bottom:50px;list-style:none;margin:0}body .container .body .content div.add .steps-legend li,body .container .body .content div.restore .steps-legend li{color:#c7e5f6;font-size:18px;text-align:center;float:left;padding-top:10px;cursor:pointer}body .container .body .content div.add .steps-legend li.active,body .container .body .content div.restore .steps-legend li.active{color:#277db0}body .container .body .content div.add .steps-boxes,body .container .body .content div.restore .steps-boxes{padding-left:40px}body .container .body .content div.add .steps-boxes .step,body .container .body .content div.restore .steps-boxes .step{display:none}body .container .body .content div.add .steps-boxes .step.active,body .container .body .content div.restore .steps-boxes .step.active{display:block}body .container .body .content div.add .steps-boxes .box.browser .checklinks a,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a{float:left;margin-left:20px;color:#505050}body .container .body .content div.add .steps-boxes .box.browser .checklinks a i,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a i{border:2px solid;border-color:#505050;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive{color:#838383;cursor:default}body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive i,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive i{border-color:#838383}body .container .body .content div.add .steps-boxes .box.browser .checklinks a:first-child,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a:first-child{margin-left:0}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton{padding-top:10px;max-width:100%}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton input#sourcePath,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton input#sourcePath{width:100%;box-sizing:border-box;height:37px}body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton a.button,body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton a.button{top:10px}body .container .body .content div.add .steps-boxes .box.filters .input.link a,body .container .body .content div.restore .steps-boxes .box.filters .input.link a{color:#505050}body .container .body .content div.add .steps-boxes .box.filters .input.link a i,body .container .body .content div.restore .steps-boxes .box.filters .input.link a i{border:2px solid;border-color:#505050;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist{overflow:hidden;padding-bottom:15px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li{overflow:hidden;clear:both;padding-bottom:25px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li select,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li select{width:200px;margin-right:5px;height:36px;line-height:36px}body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li input,body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li input{width:calc(100% - 280px);padding:5px}body .container .body .content div.add .steps-boxes .step1 li.strength.score-0,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-0{color:red}body .container .body .content div.add .steps-boxes .step1 li.strength.score-1,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-1{color:#f70}body .container .body .content div.add .steps-boxes .step1 li.strength.score-2,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-2{color:#aa0}body .container .body .content div.add .steps-boxes .step1 li.strength.score-3,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-3{color:#070}body .container .body .content div.add .steps-boxes .step1 li.strength.score-4,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-4{color:#427e27}body .container .body .content div.add .steps-boxes .step1 li.strength.score-x,body .container .body .content div.restore .steps-boxes .step1 li.strength.score-x{color:red}body .container .body .content div.add .steps-boxes .step5 div.input.keepBackups input.number,body .container .body .content div.add .steps-boxes .step5 div.input.maxSize input.number,body .container .body .content div.restore .steps-boxes .step5 div.input.keepBackups input.number,body .container .body .content div.restore .steps-boxes .step5 div.input.maxSize input.number{width:60px}body .container .body .content div.add .steps-boxes .step5 .hint,body .container .body .content div.add .steps-boxes .step5 .retention-options,body .container .body .content div.restore .steps-boxes .step5 .hint,body .container .body .content div.restore .steps-boxes .step5 .retention-options{clear:both;margin-left:190px;margin-top:50px;font-style:italic}body .container .body .content div.add .steps-boxes .step5 .retention-options input,body .container .body .content div.restore .steps-boxes .step5 .retention-options input{margin-bottom:10px}body .container .body .content div.add .steps-boxes .step5 .advancedoptions,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions{padding-top:15px;clear:both}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li{border-top:none}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li.advancedentry,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li.advancedentry{border-bottom:1px solid #d3d3d3}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child{padding-top:0}body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child select,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child select{max-width:400px}body .container .body .content div.add .steps-boxes .step5 .advancedoptions label,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions label{line-height:normal}body .container .body .content div.add .steps-boxes .step5 .advancedoptions input,body .container .body .content div.add .steps-boxes .step5 .advancedoptions select,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions input,body .container .body .content div.restore .steps-boxes .step5 .advancedoptions select{width:auto;max-width:100%;box-sizing:border-box}body .container .body .content div.add .steps-boxes .step5 .advanced-toggle,body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle{color:#505050;line-height:normal;margin-top:16px;clear:both;float:left}body .container .body .content div.add .steps-boxes .step5 .advanced-toggle i.fa,body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle i.fa{border:2px solid;border-color:#505050;border-radius:2px;font-size:18px;height:18px;vertical-align:top;width:18px}body .container .body .content div.add .steps-boxes .step5 textarea,body .container .body .content div.restore .steps-boxes .step5 textarea{box-sizing:border-box;clear:both;margin-top:15px;width:100%}body .container .body .content div.add form,body .container .body .content div.restore form{padding-bottom:50px;overflow:hidden}body .container .body .content div.add form .input.password .tools,body .container .body .content div.restore form .input.password .tools{clear:both;padding-left:190px;padding-top:10px}body .container .body .content div.add form .input.password .tools ul,body .container .body .content div.restore form .input.password .tools ul{overflow:hidden}body .container .body .content div.add form .input.password .tools ul li,body .container .body .content div.restore form .input.password .tools ul li{float:left;padding-right:7px}body .container .body .content div.add form .input.password .tools ul li.strength.useless,body .container .body .content div.restore form .input.password .tools ul li.strength.useless{color:red}body .container .body .content div.add form .input.password .tools ul li.strength.average,body .container .body .content div.restore form .input.password .tools ul li.strength.average{color:#ff0}body .container .body .content div.add form .input.password .tools ul li.strength.good,body .container .body .content div.restore form .input.password .tools ul li.strength.good{color:#277db0}body .container .body .content div.add form .input.multiple input,body .container .body .content div.add form .input.multiple select,body .container .body .content div.restore form .input.multiple input,body .container .body .content div.restore form .input.multiple select{width:auto;margin-right:5px}body .container .body .content div.add form .input.multiple select,body .container .body .content div.restore form .input.multiple select{--padding-block:5px;padding:var(--padding-block) 12px;line-height:calc(var(--height) - calc(var(--padding-block) * 2))}body .container .body .content div.add form .input.overlayButton,body .container .body .content div.restore form .input.overlayButton{overflow:hidden;position:relative;max-width:446px}body .container .body .content div.add form .input.overlayButton input,body .container .body .content div.restore form .input.overlayButton input{width:347px}body .container .body .content div.add form .input.overlayButton a.button,body .container .body .content div.restore form .input.overlayButton a.button{position:absolute;top:0;right:0;padding:7px 12px 8px}body .container .body .content div.add form .input.checkbox.multiple strong,body .container .body .content div.restore form .input.checkbox.multiple strong{display:block;padding-bottom:5px}body .container .body .content div.add form .input.checkbox.multiple label,body .container .body .content div.restore form .input.checkbox.multiple label{display:inline-block;float:none;width:auto;padding-right:10px}body .container .body .content div.add form .input.checkbox.multiple input,body .container .body .content div.restore form .input.checkbox.multiple input{width:auto;display:inline-block;float:none}body .container .body .content div.add form .buttons,body .container .body .content div.restore form .buttons{float:none;width:635px;padding-top:30px}body .container .body .content div.add .step2 .input.select,body .container .body .content div.restore .step1 .input.select{display:grid;grid-auto-flow:column;justify-content:flex-start;grid-template-areas:"label server" ". custom"}body .container .body .content div.add .step2 .input.select label,body .container .body .content div.restore .step1 .input.select label{grid-area:label}body .container .body .content div.add .step2 .input.select select,body .container .body .content div.restore .step1 .input.select select{grid-area:server}body .container .body .content div.add .step2 .input.select input,body .container .body .content div.restore .step1 .input.select input{grid-area:custom;margin-top:10px}body .container .body .content div.add .step2 .input.text #generic_server,body .container .body .content div.restore .step1 .input.text #generic_server{width:335px}body .container .body .content div.add .step2 .input.text #generic_port,body .container .body .content div.restore .step1 .input.text #generic_port{width:50px;margin-left:10px}body .container .body .content div.add .steps{margin-left:48.5px}body .container .body .content div.add .steps .step{padding-left:97px;padding-right:0}body .container .body .content div.add .steps .step:first-child{padding-inline:0}body .container .body .content div.add .steps-legend{padding-left:0}body .container .body .content div.add .steps-legend li{width:140px}body .container .body .content div.restore .steps{margin-left:153.5px}body .container .body .content div.restore .steps .step{padding-left:307px}body .container .body .content div.restore .steps-legend{padding-left:0}body .container .body .content div.restore .steps-legend li{width:350px}body .container .body .content div.restore.restore-direct .steps{margin-left:66px}body .container .body .content div.restore.restore-direct .steps .step{padding-left:132px}body .container .body .content div.restore.restore-direct .steps-legend{padding-left:0}body .container .body .content div.restore.restore-direct .steps-legend li{width:175px}body .container .body .content div.restore.restore-direct .step:first-child{padding-left:0;background:0 0}body .container .body .content div.restore.restore-direct .steps-legend{padding-left:20px}body .container .body .content div.headerthreedotmenu{margin:20px 0 20px 0}body .container .body .content div.headerthreedotmenu h2{display:inline}body .container .body .content div.headerthreedotmenu .contextmenu_container{float:right}body .container .body .content div.headerthreedotmenu .contextmenu{left:auto;right:0;top:auto}body .container .body .content div.headerthreedotmenu .threedotmenubutton{padding:5px}body .container .body .content .expandable{margin:20px 0 20px 0}body .container .body .content .expandable h2{display:inline}body .container .body .content .expandable img{padding:0 6px}body .container .body .content div.settings .input.checkbox input.checkbox,body .container .body .content div.settings .input.mixed.multiple input.checkbox{width:auto}body .container .body .content div.settings .input.checkbox select,body .container .body .content div.settings .input.mixed.multiple select{width:auto;margin-right:5px}body .container .body .content div.settings .input.checkbox label,body .container .body .content div.settings .input.mixed.multiple label{line-height:normal;padding:0 15px;width:auto}body .container .body .content .logpage ul.tabs{padding:15px 0}body .container .body .content .logpage ul.entries li{padding:10px 0 10px 0;border-bottom:1px solid #d8d8d8}body .container .body .content .logpage ul.backuplog{list-style:none}body .container .body .content .about-general .about-general__block{margin-block:1rem}body .container .body .content .about-general .about-general__block:first-child{margin-top:10px}body .container .body .content .about-general .about-general__block:last-child{margin-bottom:0}body .container .body .content .prewrapped-text{white-space:pre-wrap;overflow-x:auto}body .container .footer{background:#ededed;min-height:70px;line-height:70px;overflow:hidden;position:absolute;bottom:0;width:100%}body .container .footer a{color:#277db0}body .container .footer .about-footer{float:left;overflow:hidden;padding-right:20px;display:none}body .container .footer .about-footer span{display:block;float:left;padding-left:20px}body .container .footer .about-footer ul{float:left}body .container .footer .about-footer li{float:left;padding-left:20px}body .container .footer .social{float:right}body .container .footer .social ul{overflow:hidden;float:right;padding-left:20px;padding-right:10px}body .container .footer .social ul li{float:right;margin-right:10px;padding-top:5px}body .container .footer .social ul li img{opacity:.6}body .container .footer .social ul li img:hover{opacity:1}body .container .footer .themelink{float:right;padding-right:20px}body #modal-menu{max-width:400px}body #modal-menu a{color:#277db0;font-size:20px;line-height:40px}.remodal{padding:30px;box-shadow:0 2px 7px rgba(0,0,0,.3);background:#fff;display:none}.remodal form .buttons{float:none}.remodal-wrapper .remodal{display:block}span.info{font-size:10px;font-weight:500;display:inline-block;background:#277db0;border-radius:50%;width:15px;height:15px;vertical-align:super;color:#fff;line-height:15px;margin-left:5px;text-align:center}.hidden{display:none}.clear{clear:both}.nofloat{float:none!important}div.blocker,div.connection-lost,div.modal-dialog{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}div.blocker{z-index:5000;background-color:#000;opacity:.65}#connection-lost-blocker{z-index:5100}#connection-lost-dialog{z-index:5200}div.connection-lost,div.modal-dialog{z-index:5001;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}div.connection-lost div.info,div.modal-dialog div.info{min-width:310px;max-width:650px;margin:5px}div.connection-lost div.title,div.modal-dialog div.title{border:1px solid #65b1dd;background-color:#65b1dd;border-radius:5px 5px 0 0;padding:10px 20px;font-weight:700;color:#d3d3d3;text-align:center}div.connection-lost div.content,div.modal-dialog div.content{background-color:#fff;border:1px solid #fff;padding:20px}div.connection-lost div.content p:first-child,div.modal-dialog div.content p:first-child{margin-top:0}div.connection-lost div.content p:last-child,div.modal-dialog div.content p:last-child{margin-bottom:0}div.connection-lost .buttons,div.modal-dialog .buttons{border-radius:0 0 5px 5px;padding-top:10px;overflow:auto}div.connection-lost form,div.modal-dialog form{margin-top:15px}div.connection-lost form textarea,div.modal-dialog form textarea{height:130px;width:420px;padding:10px 12px;border:1px #d8d8d8 solid;border-radius:2px;color:#505050;font-size:16px;font-weight:300}div.connection-lost form input,div.modal-dialog form input{height:35px;line-height:35px;padding:0 12px}div.modal-dialog .content.buttons ul{float:right}div.modal-dialog .content.buttons .tooltipped{position:relative}div.modal-dialog .content.buttons .tooltipped:after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;-webkit-font-smoothing:subpixel-antialiased}div.modal-dialog .content.buttons .tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,.8);pointer-events:none;content:"";border:5px solid transparent}div.modal-dialog .content.buttons .tooltipped:active:after,div.modal-dialog .content.buttons .tooltipped:active:before,div.modal-dialog .content.buttons .tooltipped:focus:after,div.modal-dialog .content.buttons .tooltipped:focus:before,div.modal-dialog .content.buttons .tooltipped:hover:after,div.modal-dialog .content.buttons .tooltipped:hover:before{display:inline-block;text-decoration:none}div.modal-dialog .content.buttons .tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}div.modal-dialog .content.buttons .tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.importpage form.styled input{margin-top:11px;margin-bottom:11px}.addwizard form.styled ul,.restorewizard form.styled ul{margin:20px;margin-left:0}.addwizard form.styled input[type=radio],.restorewizard form.styled input[type=radio]{width:20px;margin-left:5px;margin-right:5px}.addwizard form.styled label,.restorewizard form.styled label{width:auto;line-height:normal}.addwizard form.styled div.subtext,.restorewizard form.styled div.subtext{clear:both;margin-left:30px;padding-top:5px;color:#767676}.pauseoptions form.styled li{line-height:normal;padding:0}.pauseoptions form.styled li input{height:auto;margin-top:8px;margin-right:8px;width:auto}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress{position:relative;min-height:25px}.progress>span{vertical-align:middle;display:block;width:100%;height:100%;text-align:center;z-index:100;padding-top:2px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress .progress-bar{float:left;width:0;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;height:100%;position:absolute;top:0}.progress .progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.tree-view{list-style-type:none;margin-left:10px;padding-bottom:5px}.tree-view ul{margin-left:16px}.tree-view span.nodeLabel{cursor:pointer}.tree-view span.nodeLabel.selected{border:1px solid #aaa;background-color:#ddd;padding:1px 3px}.tree-view li .node{padding-bottom:5px}.tree-view li div.selected{border-color:#add8e6;background-color:#add8e6}.tree-view li>ul{display:none}.tree-view li>ul.expanded{display:block}.tree-view li a.nav{cursor:pointer;display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:-80px 0;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.nav{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.nav{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.nav.leaf{background:0 0}.tree-view li a.nav.expanded{background-position:-80px -16px}.tree-view li a.type{cursor:auto;display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:0 -16px;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.type{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.type{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.type.invisible{background-position:0 -32px}.tree-view li a.type.loading{cursor:progress;background-image:url(../img/loader-16.gif);background-repeat:no-repeat;background-position:0 0;background-size:16px 16px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.type.loading{background-image:url('../img/loader-32.gif')}}.tree-view li a.type.x-tree-icon-drive{background-position:-16px -16px}.tree-view li a.type.x-tree-icon-leaf{background-position:-32px -16px}.tree-view li a.type.x-tree-icon-symlink{background-position:-48px -16px}.tree-view li a.type.x-tree-icon-userdata{background-position:-16px -48px}.tree-view li a.type.x-tree-icon-locked{background-position:-64px -16px}.tree-view li a.type.x-tree-icon-broken{background-position:-64px -16px}.tree-view li a.type.x-tree-icon-computer{background-position:0 -48px}.tree-view li a.type.x-tree-icon-hyperv{background-position:-96px -16px}.tree-view li a.type.x-tree-icon-hypervmachine{background-position:-96px 0}.tree-view li a.type.x-tree-icon-mssql{background-position:-96px -32px}.tree-view li a.type.x-tree-icon-mssqldb{background-position:-80px -32px}.tree-view li a.type.x-tree-icon-mydocuments{background-position:-32px -48px}.tree-view li a.type.x-tree-icon-mymusic{background-position:-48px -48px}.tree-view li a.type.x-tree-icon-mypictures{background-position:-64px -48px}.tree-view li a.type.x-tree-icon-desktop{background-position:-80px -48px}.tree-view li a.type.x-tree-icon-home{background-position:-96px -48px}.tree-view li a.type.x-tree-icon-drive.invisible{background-position:-16px -32px}.tree-view li a.type.x-tree-icon-leaf.invisible{background-position:-32px -32px}.tree-view li a.type.x-tree-icon-symlink.invisible{cursor:auto;background-position:-48px -32px}.tree-view li a.type.x-tree-icon-locked.invisible{background-position:-64px -32px}.tree-view li a.check{height:16px;width:16px;display:inline-block;cursor:pointer;background-image:url(../img/treeicons.png);background-repeat:no-repeat;background-position:0 0;vertical-align:middle;background-size:112px 64px}@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.25dppx){.tree-view li a.check{background-image:url('../img/treeicons_2x.png')}}@media only screen and (-webkit-min-device-pixel-ratio:2.25),only screen and (min-resolution:288dpi),only screen and (min-resolution:2.25dppx){.tree-view li a.check{background-image:url('../img/treeicons_3x.png')}}.tree-view li a.partial{background-position:-32px 0}.tree-view li a.include{background-position:-16px 0}.tree-view li a.exclude{background-position:-48px 0}.tree-view li a.root{background:0 0;display:none}.throttlesettings div.multiple select{width:auto;margin-right:5px}.throttlesettings div.multiple input{width:100px}.throttlesettings div.multiple input.checkbox{width:auto}.throttlesettings div.multiple label{line-height:35px;padding:0 15px;width:auto;min-width:150px}.throttlesettings .disabled{color:#909090}.throttlesettings .disabled input,.throttlesettings .disabled select{color:#909090}@media (max-width:1150px){body .container .header{height:140px}body .container .header .statepadding{padding-right:90px;margin-left:0}body .container .header .state{width:100%;margin:10px 40px;clear:left;float:left}body .container .header .action-icons{display:none}body .container .header .action-icons-small{display:inline-block}body .container .header .menubutton{display:block;font-size:18px;padding-right:50px;margin-top:5px;margin-right:15px;background:url('../img/menu.png') no-repeat right top;background-size:39px 39px;position:relative;height:40px;line-height:40px;color:#505050;float:right;top:10px;padding-left:20px;text-transform:uppercase;text-align:right}body .container .header .menubutton.active{background-image:url('../img/menu_active.png');background-size:39px 39px;color:#277db0}body .container .body{position:relative;padding-top:140px}body .container .body .mainmenu{display:none;position:fixed;background:none repeat scroll 0 0 #fff;box-shadow:0 4px 8px rgba(0,0,0,.3);left:10px;padding:20px;top:60px}body .container .body .mainmenu.mobile-open{display:block;left:auto;right:0;top:0;z-index:1000}body .container .body .contextmenu{left:0;top:auto}body .container .body .content{float:none;padding:20px 20px;margin:0 auto 30px auto}body .container .body .content .state{width:auto}body .container .mobileOpen{display:block!important}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:1.25),(max-width:1150px) and (min-resolution:192dpi),(max-width:1150px) and (min-resolution:1.25dppx){body .container .header .menubutton{background-image:url('../img/menu_2x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:2.25),(max-width:1150px) and (min-resolution:288dpi),(max-width:1150px) and (min-resolution:2.25dppx){body .container .header .menubutton{background-image:url('../img/menu_3x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:1.25),(max-width:1150px) and (min-resolution:192dpi),(max-width:1150px) and (min-resolution:1.25dppx){body .container .header .menubutton.active{background-image:url('../img/menu_active_2x.png')}}@media (max-width:1150px) and (-webkit-min-device-pixel-ratio:2.25),(max-width:1150px) and (min-resolution:288dpi),(max-width:1150px) and (min-resolution:2.25dppx){body .container .header .menubutton.active{background-image:url('../img/menu_active_3x.png')}}@media (max-width:768px){body .container .body .content .tasks .tasklist a{font-size:20px;background-size:24px;background-position:0 4px;padding-left:35px}body .container .body .content .tasks .tasklist dl{padding-left:35px}body .container .header .logo{padding-left:10px}body .container .header .statepadding{padding-right:50px}body .container .header .state{margin-left:10px}body .container .header .menubutton{margin-right:5px}body .container .body .content div.add .steps,body .container .body .content div.restore .steps,body .container .body .content div.settings .steps{display:none}body .container .body .content div.add .steps-legend,body .container .body .content div.restore .steps-legend,body .container .body .content div.settings .steps-legend{list-style:decimal;padding-left:20px;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}body .container .body .content div.add .steps-legend li,body .container .body .content div.restore .steps-legend li,body .container .body .content div.settings .steps-legend li{float:none;font-weight:500;width:auto!important;padding-right:0!important}body .container .body .content div.add .steps-boxes,body .container .body .content div.restore .steps-boxes,body .container .body .content div.settings .steps-boxes{padding-left:0}body .container .body .content div.add form.styled .input input,body .container .body .content div.add form.styled .input select,body .container .body .content div.add form.styled .input textarea,body .container .body .content div.restore form.styled .input input,body .container .body .content div.restore form.styled .input select,body .container .body .content div.restore form.styled .input textarea,body .container .body .content div.settings form.styled .input input,body .container .body .content div.settings form.styled .input select,body .container .body .content div.settings form.styled .input textarea{max-width:100%;box-sizing:border-box}body .container .body .content div.add form.styled .input.select select,body .container .body .content div.restore form.styled .input.select select,body .container .body .content div.settings form.styled .input.select select{width:420px}body .container .body .content div.add form.styled .buttons,body .container .body .content div.restore form.styled .buttons,body .container .body .content div.settings form.styled .buttons{max-width:100%;width:auto}body .container .body .content div.add form.styled .tools,body .container .body .content div.restore form.styled .tools,body .container .body .content div.settings form.styled .tools{padding-left:0!important}body .container .body .content div.add form.styled .input.checkbox.multiple,body .container .body .content div.restore form.styled .input.checkbox.multiple,body .container .body .content div.settings form.styled .input.checkbox.multiple{padding-bottom:5px}body .container .body .content div.add form.styled .input.checkbox.multiple input,body .container .body .content div.add form.styled .input.checkbox.multiple label,body .container .body .content div.restore form.styled .input.checkbox.multiple input,body .container .body .content div.restore form.styled .input.checkbox.multiple label,body .container .body .content div.settings form.styled .input.checkbox.multiple input,body .container .body .content div.settings form.styled .input.checkbox.multiple label{display:block!important;float:left!important;line-height:normal}body .container .body .content div.add form.styled .input.checkbox.multiple input,body .container .body .content div.restore form.styled .input.checkbox.multiple input,body .container .body .content div.settings form.styled .input.checkbox.multiple input{clear:both}body .container .body .content div.add form.styled .input.text.multiple input,body .container .body .content div.restore form.styled .input.text.multiple input,body .container .body .content div.settings form.styled .input.text.multiple input{max-width:48%!important}}@media (max-width:640px){body h2{font-size:20px;text-align:center}body .container .body{padding-bottom:10px}body .container .body .content{margin:0 auto}body .container .body .content div.add form .input.overlayButton,body .container .body .content div.restore form .input.overlayButton{padding-top:8px;padding-bottom:30px;margin-bottom:10px}body .container .body .content div.add form .input.overlayButton a.button,body .container .body .content div.restore form .input.overlayButton a.button{padding:7px 10px;right:1px;top:9px}body .container .body .content div.add form .input.checkbox.multiple div,body .container .body .content div.restore form .input.checkbox.multiple div{display:block}body .container .body .content div.add form .input.select.multiple input#exclude-larger-than-number,body .container .body .content div.restore form .input.select.multiple input#exclude-larger-than-number{width:75px}body .container .body .content div.add form .input.select.multiple select#exclude-larger-than-multiplier,body .container .body .content div.restore form .input.select.multiple select#exclude-larger-than-multiplier{width:140px}body .container .body .content div.add form .filters .input.textarea,body .container .body .content div.restore form .filters .input.textarea{padding-bottom:10px}body .container .body .content div.add form .filters h3,body .container .body .content div.restore form .filters h3{margin:5px 0}body .container .body .content div.add form .input.text.select.multiple.repeat label,body .container .body .content div.restore form .input.text.select.multiple.repeat label{float:none}body .container .body .content div.add form .input.text.select.multiple.repeat input#repeatRunNumber,body .container .body .content div.restore form .input.text.select.multiple.repeat input#repeatRunNumber{width:70px}body .container .body .content div.add form .input.text.select.multiple.repeat select#repeatRunMultiplier,body .container .body .content div.restore form .input.text.select.multiple.repeat select#repeatRunMultiplier{width:100px}body .container .body .content div.add form .input.multiple.text.select.maxSize input,body .container .body .content div.restore form .input.multiple.text.select.maxSize input{width:70px}body .container .body .content div.add form .input.multiple.text.select.maxSize select,body .container .body .content div.restore form .input.multiple.text.select.maxSize select{width:100px}body .container .body .content div.add form .input.multiple.text.select.keepBackups select,body .container .body .content div.restore form .input.multiple.text.select.keepBackups select{width:85px;padding:4px 6px}body .container .body .content div.add form .input.multiple.text.select.keepBackups input,body .container .body .content div.restore form .input.multiple.text.select.keepBackups input{width:60px}body .container .footer{position:static;padding:15px;line-height:normal;text-align:left;box-sizing:border-box}body .container .footer *{float:none!important;text-align:center;box-sizing:border-box}body .container .footer .about-footer{padding-right:0;display:block}body .container .footer .about-footer span{padding-left:0;padding-bottom:5px}body .container .footer .about-footer li{padding-left:0;float:none;display:inline-block;height:32px;width:32px;background-size:28px!important;border-bottom:none}body .container .footer .about-footer li:first-child{padding-bottom:0}body .container .footer .about-footer li:last-child{padding-bottom:20px}body .container .footer .about-footer,body .container .footer .social,body .container .footer li{padding:8px 0;border-bottom:1px #ddd solid}body .container .footer .social li{display:inline-block;border:none}body .container .footer .themelink{padding:8px 0}}@media (max-width:580px){.advancedentry .longdescription{margin-left:0}}@media (max-width:492px){ul.notification{width:auto}}@media (max-width:480px){body{font-size:15px}body .container .header .logo{padding-left:5px}body .container .header .menubutton{margin-right:5px}body .container .header .state{margin-left:5px}body .container .header .statepadding{padding-right:40px}body .container .header .menubutton{padding-left:10px}body .container .body .mainmenu{width:280px;box-sizing:border-box}body .container .body .mainmenu ul li a{font-size:22px}body .container .body .content{padding:15px}body .container .body .content div.add form .input.password .tools ul li,body .container .body .content div.restore form .input.password .tools ul li{font-size:14px}body .container .body .content div.add form .buttons a,body .container .body .content div.restore form .buttons a{float:none;text-align:center;margin-bottom:5px}body .container .body .content div.add .steps-boxes .box.browser .checklinks a,body .container .body .content div.restore .steps-boxes .box.browser .checklinks a{float:none;margin-bottom:8px;display:block}}@media (max-width:400px){body{font-size:15px}body .container .header .menubutton{margin-right:0;padding-left:0;padding-right:40px}body .container .header .menubutton span{display:none}}@media (max-width:325px){body{font-size:15px}body .container .header .logo div{display:none}}@media (max-width:200px){body{font-size:15px}body .container .header .menubutton{position:static;margin-top:0}body .container .header .action-icons-small{clear:right;margin-top:0}} \ No newline at end of file + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: 0.2em 0.25em 0.15em; + border: solid 0.08em #eee; + border-radius: 0.1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: 0.3em; +} +.fa.fa-pull-right { + margin-left: 0.3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: 0.3em; +} +.fa.pull-right { + margin-left: 0.3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #fff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +* { + font-family: 'Clear Sans', sans-serif; +} +html, +body { + margin: 0; + padding: 0; + height: 100%; +} +h1, +h2 { + font-weight: 300; + color: #568301; +} +h1 { + margin: 10px 0; +} +h3 { + font-weight: 400; +} +a { + text-decoration: none; +} +button { + border: none; + /* Remove default border */ +} +ul { + list-style: none; + margin: 0; + padding: 0; +} +hr { + border: none; + border-bottom: 1px #ddd solid; +} +textarea { + max-width: 94%; +} +.external-link-image { + display: inline-block; + margin-left: 8px; + margin-right: 8px; + height: 16px; + width: 16px; + background: url('../img/external-link-hover.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .external-link-image { + background-image: url('../img/external-link-hover_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .external-link-image { + background-image: url('../img/external-link-hover_3x.png'); + } +} +a .external-link-image { + background: url('../img/external-link.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + a .external-link-image { + background-image: url('../img/external-link_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + a .external-link-image { + background-image: url('../img/external-link_3x.png'); + } +} +.header a:hover .external-link-image { + background: url('../img/external-link-hover.png'); + background-size: 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .header a:hover .external-link-image { + background-image: url('../img/external-link-hover_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .header a:hover .external-link-image { + background-image: url('../img/external-link-hover_3x.png'); + } +} +.button { + display: block; + background: #277DB0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +.button:hover { + background: #1e5f86; +} +.step3 source-folder-picker, +#folder_path_picker, +#restore_file_picker { + display: block; + border: 1px solid lightgray; + padding: 2px; + height: 100%; + overflow: scroll; + box-sizing: border-box; +} +.not-clickable { + cursor: default !important; +} +.not-clickable > a, +.not-clickable span, +.not-clickable div { + cursor: default !important; +} +.ui-match { + font-weight: bold; + color: darkgreen; +} +wait-area { + min-width: 350px; + text-align: center; + display: block; +} +.prewrapped-text { + white-space: pre-wrap; +} +.exceptiontext { + background-color: lightgray; + color: black; +} +.backup-result { + width: 90%; + display: grid; + grid-template-columns: 50% 50%; + grid-auto-rows: minmax(50px, auto); + margin: 0 auto; +} +.backup-result div .horizontal-rule { + width: 100%; + border-bottom: 1px solid #d8d8d8; + margin: 5px 0 5px 0; +} +.backup-result .box { + margin: 10px; + margin-bottom: 0px; +} +.backup-result .title { + color: #355001; + font-weight: bold; + font-size: 30px; +} +.backup-result .item { + display: block; +} +.backup-result .item .key { + color: #568301; + font-weight: bold; +} +.backup-result .item .value { + color: #505050; +} +.backup-result .item .expanded { + padding: 0 10px 0 18px; + margin-bottom: 10px; +} +.backup-result .one { + border-right: 1px solid #d8d8d8; + grid-column: 1; + grid-row: 1; +} +.backup-result .two { + grid-column: 2; + grid-row: 1; +} +.backup-result .wide { + grid-column: span 2; + border-top: 1px solid #d8d8d8; + padding-top: 10px; +} +.backup-result .three { + grid-row: 2; +} +.backup-result .four { + grid-row: 3; + margin-bottom: 10px; +} +.backup-result .four .log-expand-copy { + display: flex; + margin-bottom: 6px; +} +.backup-result .four .log-expand-copy a { + margin-left: auto; +} +.backup-result .four textarea { + width: 100%; + max-width: 99%; + min-height: 420px; + padding: 8px 6px; + white-space: pre; +} +.success-color { + color: #339900; +} +.error-color { + color: #cc0000; +} +.warning-color { + color: #ffcc00; +} +.fatal-color { + color: #990000; +} +ul.tabs { + margin-bottom: 10px; +} +ul.tabs > li { + display: inline; + margin-right: 10px; + border: 1px solid #277DB0; + padding: 5px; +} +ul.tabs > li.active { + background-color: #277DB0; + color: white; +} +ul.tabs > li.active > a { + background-color: #277DB0; + color: white; +} +ul.tabs > li.active.disabled { + border: 1px solid lightgray; + background-color: lightgray; + color: grey; + cursor: default; +} +ul.tabs > li.active.disabled > a { + background-color: lightgray; + color: grey; + cursor: default; +} +.licenses > ul { + list-style: initial; + margin: 10px; + margin-left: 20px; +} +.licenses li { + margin-bottom: 10px; +} +.licenses a.itemlink { + font-weight: bold; +} +.logpage ul.entries { + list-style: initial; + margin: 10px; + margin-left: 20px; +} +.logpage .entries div.entryline.clickable { + cursor: pointer; +} +.logpage .entries.livedata li.expanded { + height: auto; +} +.logpage .button { + text-align: center; + margin-right: 10px; + border: 1px solid #277DB0; + padding: 5px; + background-color: #277DB0; + color: white; + cursor: pointer; +} +.exportpage .checkbox input { + width: auto; + margin-top: 10px; +} +.exportpage .commandline div { + background-color: lightgray; + color: black; +} +.themelink { + margin-left: 20px; +} +ul.notification { + position: fixed; + bottom: 0px; + left: 0px; + right: 0px; + margin: auto; + width: 480px; +} +.notification .title { + border: 1px solid #277DB0; + background-color: #277DB0; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + padding: 2px; + padding-left: 5px; + padding-right: 5px; + font-weight: bold; + color: lightgray; + width: 100%; + text-align: center; + clear: both; +} +.notification .content { + background-color: white; + border: 1px solid #277DB0; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + padding: 2px; + padding-left: 5px; + padding-right: 5px; + width: 100%; +} +.notification .message { + width: 100%; + color: black; +} +.notification .button { + padding: 2px 10px; + margin-top: 6px; +} +.notification .clear { + clear: right; + height: 1px; +} +.notification .error .title { + border-color: red; + background-color: red; +} +.notification .error .content { + border-color: red; +} +.notification .error .button { + border-color: red; + background-color: red; +} +.notification .warning .title { + background-color: orange; + border-color: orange; +} +.notification .warning .button { + background-color: orange; + border-color: orange; +} +.notification .warning .content { + border-color: orange; +} +.filepicker { + height: 200px; +} +.resizable { + margin-bottom: 6px; + max-width: 100%; +} +.advanced-toggle { + float: right; + margin-right: 25px; + line-height: 37px; +} +.advancedoptions li { + clear: both; + margin-bottom: 10px; + padding: 10px 0; + border-top: 1px lightgray solid; +} +.advancedentry { + /* Anchor link to remove an option */ +} +.advancedentry .multiple { + display: inline; +} +.advancedentry .shortname { + font-weight: bold; +} +.advancedentry input[type="text"] { + width: 300px; +} +.advancedentry select { + width: 300px; +} +.advancedentry input[type="checkbox"] { + margin-top: 13px; + width: auto; +} +.advancedentry .delete-item { + display: block; + background: #277DB0; + color: white !important; + padding: 5px 15px; + float: right; + margin-left: 10px; + cursor: pointer; + width: auto; + border: none; + font-family: 'Clear Sans', sans-serif; + font-size: 16px; + font-weight: 300; + border-radius: 0; +} +.advancedentry .longdescription { + --margin-block: 10px; + /* Magic number */ + margin-top: var(--margin-block); + margin-left: 190px; + clear: both; + font-style: italic; + white-space: pre-wrap; +} +.advancedentry .longdescription .longdescription__item { + margin-block: 0 var(--margin-block); +} +.advancedentry .longdescription .longdescription__default { + margin-block: var(--margin-block) 0; +} +.settings div.sublabel { + clear: both; + padding: 0 31px; + font-style: italic; +} +.logo img.mainlogo { + height: 64px; + width: 64px; + float: left; + padding-right: 8px; + padding-top: 2px; +} +.logo div.logotext { + float: left; +} +.logo a { + float: left; + display: block; + line-height: normal; +} +.logo div.build-suffix { + clear: both; + display: inline; + float: left; + font-size: 16px; + line-height: 16px; +} +.logo div.powered-by { + font-size: 16px; + margin: 0px; + line-height: 16px; + float: left; + padding: 0px; + margin-left: 5px; +} +.note p { + /* Override default block margin */ + margin-block: 0.5rem; + /* Magic number */ +} +.note p:first-child { + margin-top: 0; +} +.note p:last-child { + margin-bottom: 0; +} +.fixed-width-font { + font-family: monospace; +} +.warning { + margin: 10px; + font-style: italic; + color: #f49b42; +} +div.captcha .details { + padding-top: 10px; + margin-left: auto; + margin-right: auto; + width: 180px; +} +.centered-text { + text-align: center; +} +body { + color: #505050; +} +body .container { + min-height: 100%; + position: relative; +} +body .container .header { + line-height: 70px; + background: #ededed; + overflow: hidden; + height: 70px; + position: fixed; + top: 0px; + left: 0px; + right: 0px; + z-index: 100; +} +body .container .header a { + color: #277DB0; +} +body .container .header a:hover, +body .container .header a.active { + color: #101010; +} +body .container .header button { + width: 26px; + height: 26px; + background-size: 26px; + cursor: pointer; +} +body .container .header .logo { + font-size: 30px; + font-weight: 700; + float: left; + padding-left: 40px; +} +body .container .header .statepadding { + padding-right: 90px; + margin-left: 320px; +} +body .container .header .state { + float: left; + color: #355001; + width: 595px; + padding: 13px 15px; + margin: 10px 20px; + border: 1px #355001 solid; + font-weight: 300; + font-size: 18px; + overflow: hidden; + line-height: normal; + display: inline-block; + background-color: white; + text-overflow: ellipsis; + position: relative; + height: 25px; +} +body .container .header .state strong { + display: inline; + margin-right: 10px; +} +body .container .header .state span { + display: inline; +} +body .container .header .state .button { + position: static; + margin-top: 70px; +} +body .container .header .state .content { + position: relative; + z-index: 10; + margin-right: 40px; + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +body .container .header .state .buttons { + position: absolute; + right: 0px; + top: 0px; + bottom: 0px; + width: 26px; + margin: 13px 15px; +} +body .container .header .state .buttons button { + display: block; +} +body .container .header .state .buttons .stop { + background: url('../img/progress-stop.png'); + background-size: 100%; + z-index: 10; + position: relative; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .state .buttons .stop { + background-image: url('../img/progress-stop_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .state .buttons .stop { + background-image: url('../img/progress-stop_3x.png'); + } +} +body .container .header .state .buttons .resume { + background: url('../img/progress-resume.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .state .buttons .resume { + background-image: url('../img/progress-resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .state .buttons .resume { + background-image: url('../img/progress-resume_3x.png'); + } +} +body .container .header .state .progress-bar { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + background: rgba(86, 131, 1, 0.25); + z-index: 5; +} +body .container .header .state .task-name { + overflow: hidden; + text-overflow: ellipsis; + cursor: help; +} +body .container .header .state .task-state-info { + display: flex; +} +body .container .header .action-icons { + display: inline-block; + line-height: normal; + margin: 10px 0px; + padding: 13px 0px; + float: left; +} +body .container .header .action-icons-small { + display: none; + float: right; + margin-top: 21px; + line-height: normal; +} +body .container .header .action-icons > button, +body .container .header .action-icons-small > button { + display: inline-block; +} +body .container .header .action-icons > .pause, +body .container .header .action-icons-small > .pause { + background: url('../img/pause.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .pause, + body .container .header .action-icons-small > .pause { + background-image: url('../img/pause_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .pause, + body .container .header .action-icons-small > .pause { + background-image: url('../img/pause_3x.png'); + } +} +body .container .header .action-icons > .pause.active, +body .container .header .action-icons-small > .pause.active { + background: url('../img/resume.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .pause.active, + body .container .header .action-icons-small > .pause.active { + background-image: url('../img/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .pause.active, + body .container .header .action-icons-small > .pause.active { + background-image: url('../img/resume_3x.png'); + } +} +body .container .header .action-icons > .throttle, +body .container .header .action-icons-small > .throttle { + background: url('../img/throttle.png'); + background-size: 100%; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .header .action-icons > .throttle, + body .container .header .action-icons-small > .throttle { + background-image: url('../img/throttle_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .header .action-icons > .throttle, + body .container .header .action-icons-small > .throttle { + background-image: url('../img/throttle_3x.png'); + } +} +body .container .header .action-icons > .throttle.inactive, +body .container .header .action-icons-small > .throttle.inactive { + opacity: 0.5; +} +body .container .header .about-header { + float: right; + padding-right: 20px; + overflow: hidden; +} +body .container .header .about-header ul { + overflow: hidden; + list-style: none; +} +body .container .header .about-header ul li { + float: right; + padding-right: 20px; +} +body .container .body { + width: 100%; + overflow: hidden; + min-height: 500px; + padding-top: 120px; + padding-bottom: 70px; +} +body .container .body a { + color: #277DB0; +} +body .container .body .mainmenu { + width: 260px; + padding-left: 40px; + float: left; + position: fixed; +} +body .container .body .mainmenu > ul > li { + position: relative; +} +body .container .body .mainmenu > ul > li > a { + font-size: 22px; + font-weight: 300; + padding: 5px 10px 5px 55px; + display: block; +} +body .container .body .mainmenu > ul > li > a:hover { + color: white; +} +body .container .body .mainmenu > ul > li > a.active { + color: white; +} +body .container .body .mainmenu > ul > li > a.add { + background: url('../img/mainmenu/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add { + background-image: url('../img/mainmenu/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add { + background-image: url('../img/mainmenu/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore { + background: url('../img/mainmenu/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore { + background-image: url('../img/mainmenu/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore { + background-image: url('../img/mainmenu/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume { + background: url('../img/mainmenu/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume { + background-image: url('../img/mainmenu/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume { + background-image: url('../img/mainmenu/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings { + background: url('../img/mainmenu/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings { + background-image: url('../img/mainmenu/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings { + background-image: url('../img/mainmenu/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.logout { + background: url('../img/mainmenu/logout.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.logout { + background-image: url('../img/mainmenu/logout_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.logout { + background-image: url('../img/mainmenu/logout_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home { + background: url('../img/mainmenu/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home { + background-image: url('../img/mainmenu/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home { + background-image: url('../img/mainmenu/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about { + background: url('../img/mainmenu/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about { + background-image: url('../img/mainmenu/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about { + background-image: url('../img/mainmenu/about_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home.active { + background: #4ca4d7 url('../img/mainmenu/over/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home.active { + background-image: url('../img/mainmenu/over/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home.active { + background-image: url('../img/mainmenu/over/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.add.active { + background: #4ca4d7 url('../img/mainmenu/over/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add.active { + background-image: url('../img/mainmenu/over/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add.active { + background-image: url('../img/mainmenu/over/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore.active { + background: #4ca4d7 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore.active { + background-image: url('../img/mainmenu/over/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore.active { + background-image: url('../img/mainmenu/over/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume.active { + background: #4ca4d7 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume.active { + background-image: url('../img/mainmenu/over/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume.active { + background-image: url('../img/mainmenu/over/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings.active { + background: #4ca4d7 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings.active { + background-image: url('../img/mainmenu/over/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings.active { + background-image: url('../img/mainmenu/over/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about.active { + background: #4ca4d7 url('../img/mainmenu/over/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about.active { + background-image: url('../img/mainmenu/over/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about.active { + background-image: url('../img/mainmenu/over/about_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.add:hover { + background: #277DB0 url('../img/mainmenu/over/add.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.add:hover { + background-image: url('../img/mainmenu/over/add_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.add:hover { + background-image: url('../img/mainmenu/over/add_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.restore:hover { + background: #277DB0 url('../img/mainmenu/over/restore.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.restore:hover { + background-image: url('../img/mainmenu/over/restore_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.restore:hover { + background-image: url('../img/mainmenu/over/restore_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.resume:hover { + background: #277DB0 url('../img/mainmenu/over/resume.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.resume:hover { + background-image: url('../img/mainmenu/over/resume_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.resume:hover { + background-image: url('../img/mainmenu/over/resume_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.settings:hover { + background: #277DB0 url('../img/mainmenu/over/settings.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.settings:hover { + background-image: url('../img/mainmenu/over/settings_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.settings:hover { + background-image: url('../img/mainmenu/over/settings_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.logout:hover { + background: #277DB0 url('../img/mainmenu/over/logout.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.logout:hover { + background-image: url('../img/mainmenu/over/logout_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.logout:hover { + background-image: url('../img/mainmenu/over/logout_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.home:hover { + background: #277DB0 url('../img/mainmenu/over/home.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.home:hover { + background-image: url('../img/mainmenu/over/home_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.home:hover { + background-image: url('../img/mainmenu/over/home_3x.png'); + } +} +body .container .body .mainmenu > ul > li > a.about:hover { + background: #277DB0 url('../img/mainmenu/over/about.png') no-repeat 8px 7px; + background-size: 27px 26px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .mainmenu > ul > li > a.about:hover { + background-image: url('../img/mainmenu/over/about_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .mainmenu > ul > li > a.about:hover { + background-image: url('../img/mainmenu/over/about_3x.png'); + } +} +body .container .body .mainmenu > ul li.hr-top { + padding-top: 25px; + margin-top: 25px; + border-top: 1px #ededed solid; +} +body .container .body div.contextmenu_container { + position: relative; +} +body .container .body .contextmenu { + display: none; + position: absolute; + background: white; + border: 1px #ededed solid; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + z-index: 200; + padding: 5px; +} +body .container .body .contextmenu li a { + color: #277DB0; + font-size: 15px; + font-weight: 400; + padding: 0; + display: block; + min-width: 200px; + padding: 4px 10px; + white-space: nowrap; + padding-left: 45px; + overflow: hidden; + text-overflow: ellipsis; +} +body .container .body .contextmenu li a:hover { + background: #277DB0; + color: white; +} +body .container .body .contextmenu.open { + display: block; +} +body .container .body .content { + float: left; + padding-left: 350px; + padding-bottom: 50px; + max-width: 70%; +} +body .container .body .content ul.tabs > li { + display: inline-block; +} +body .container .body .content .tasks .tasklist .task { + border-top: 1px solid #eee; + padding-top: 20px; + margin-bottom: 25px; +} +body .container .body .content .tasks .tasklist .task:last-child { + border-bottom: 1px solid #eee; + padding-bottom: 20px; +} +body .container .body .content .tasks .tasklist .task:first-child { + padding-top: 0px; + border-top: 0px none; +} +body .container .body .content .tasks .tasklist .progress-small { + text-align: center; + height: 18px; + background: rgba(164, 209, 235, 0.5); +} +body .container .body .content .tasks .tasklist .progress-small-bg { + border: 1px #65b1dd solid; + width: 200px; +} +body .container .body .content .tasks .tasklist a { + font-size: 30px; + font-weight: 300; + display: inline-block; +} +body .container .body .content .tasks .tasklist a.action-link { + font-size: 14px; + background: none; + padding-left: 0px; +} +body .container .body .content .tasks .tasklist dl { + padding-left: 55px; + overflow: hidden; + font-size: 14px; +} +body .container .body .content .tasks .tasklist dl dt, +body .container .body .content .tasks .tasklist dl dd { + display: block; + float: left; +} +body .container .body .content .tasks .tasklist dl dt { + clear: both; + font-weight: 500; + margin-bottom: 5px; +} +body .container .body .content .tasks .tasklist dl dd { + margin-left: 10px; +} +body .container .body .content .tasks .tasklist dl.taskmenu p { + display: inline; + margin-right: 10px; + color: #277DB0; + cursor: pointer; +} +body .container .body .content .tasks .tasklist dl.taskmenu dt { + float: left; + margin-right: 10px; + margin-bottom: 0; + padding: 5px 8px; + color: #505050; + cursor: pointer; + clear: none; +} +body .container .body .content .tasks .tasklist dl.taskmenu dd { + clear: both; + float: none; + padding-bottom: 8px; + border-bottom: 1px #ddd solid; + margin-bottom: 5px; +} +body .container .body .content div.add .steps, +body .container .body .content div.restore .steps { + width: 100%; + overflow: hidden; +} +body .container .body .content div.add .steps .step, +body .container .body .content div.restore .steps .step { + float: left; + background: url('../img/steps/line-out.png') no-repeat top left; + background-size: 485px 24px; + color: #c7e5f6; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + body .container .body .content div.add .steps .step, + body .container .body .content div.restore .steps .step { + background-image: url('../img/steps/line-out_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + body .container .body .content div.add .steps .step, + body .container .body .content div.restore .steps .step { + background-image: url('../img/steps/line-out_3x.png'); + } +} +body .container .body .content div.add .steps .step span, +body .container .body .content div.restore .steps .step span { + display: block; + border: 4px #c7e5f6 solid; + background: white; + border-radius: 50%; + width: 35px; + height: 35px; + text-align: center; + font-size: 22px; + line-height: 35px; + cursor: pointer; +} +body .container .body .content div.add .steps .step.active, +body .container .body .content div.restore .steps .step.active { + color: #277DB0; +} +body .container .body .content div.add .steps .step.active span, +body .container .body .content div.restore .steps .step.active span { + border: 4px #277DB0 solid; + background: #277DB0; + color: white; +} +body .container .body .content div.add .steps .step.active h2, +body .container .body .content div.restore .steps .step.active h2 { + color: #277DB0; +} +body .container .body .content div.add .steps-legend, +body .container .body .content div.restore .steps-legend { + overflow: hidden; + padding-bottom: 50px; + list-style: none; + margin: 0; +} +body .container .body .content div.add .steps-legend li, +body .container .body .content div.restore .steps-legend li { + color: #c7e5f6; + font-size: 18px; + text-align: center; + float: left; + padding-top: 10px; + cursor: pointer; +} +body .container .body .content div.add .steps-legend li.active, +body .container .body .content div.restore .steps-legend li.active { + color: #277DB0; +} +body .container .body .content div.add .steps-boxes, +body .container .body .content div.restore .steps-boxes { + padding-left: 40px; +} +body .container .body .content div.add .steps-boxes .step, +body .container .body .content div.restore .steps-boxes .step { + display: none; +} +body .container .body .content div.add .steps-boxes .step.active, +body .container .body .content div.restore .steps-boxes .step.active { + display: block; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a { + float: left; + margin-left: 20px; + color: #505050; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a i, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a i { + border: 2px solid; + border-color: #505050; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive { + color: #838383; + cursor: default; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a.inactive i, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a.inactive i { + border-color: #838383; +} +body .container .body .content div.add .steps-boxes .box.browser .checklinks a:first-child, +body .container .body .content div.restore .steps-boxes .box.browser .checklinks a:first-child { + margin-left: 0; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton { + padding-top: 10px; + max-width: 100%; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton input#sourcePath, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton input#sourcePath { + width: 100%; + box-sizing: border-box; + height: 37px; +} +body .container .body .content div.add .steps-boxes .box.browser .input.overlayButton a.button, +body .container .body .content div.restore .steps-boxes .box.browser .input.overlayButton a.button { + top: 10px; +} +body .container .body .content div.add .steps-boxes .box.filters .input.link a, +body .container .body .content div.restore .steps-boxes .box.filters .input.link a { + color: #505050; +} +body .container .body .content div.add .steps-boxes .box.filters .input.link a i, +body .container .body .content div.restore .steps-boxes .box.filters .input.link a i { + border: 2px solid; + border-color: #505050; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist { + overflow: hidden; + padding-bottom: 15px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li { + overflow: hidden; + clear: both; + padding-bottom: 25px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li select, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li select { + width: 200px; + margin-right: 5px; + height: 36px; + line-height: 36px; +} +body .container .body .content div.add .steps-boxes .box.filters ul#simplefilterlist li input, +body .container .body .content div.restore .steps-boxes .box.filters ul#simplefilterlist li input { + width: calc(100% - 280px); + padding: 5px; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-0, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-0 { + color: #ff0000; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-1, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-1 { + color: #ff7700; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-2, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-2 { + color: #aaaa00; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-3, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-3 { + color: #007700; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-4, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-4 { + color: #427e27; +} +body .container .body .content div.add .steps-boxes .step1 li.strength.score-x, +body .container .body .content div.restore .steps-boxes .step1 li.strength.score-x { + color: #ff0000; +} +body .container .body .content div.add .steps-boxes .step5 div.input.maxSize input.number, +body .container .body .content div.restore .steps-boxes .step5 div.input.maxSize input.number, +body .container .body .content div.add .steps-boxes .step5 div.input.keepBackups input.number, +body .container .body .content div.restore .steps-boxes .step5 div.input.keepBackups input.number { + width: 60px; +} +body .container .body .content div.add .steps-boxes .step5 .hint, +body .container .body .content div.restore .steps-boxes .step5 .hint, +body .container .body .content div.add .steps-boxes .step5 .retention-options, +body .container .body .content div.restore .steps-boxes .step5 .retention-options { + clear: both; + margin-left: 190px; + margin-top: 50px; + font-style: italic; +} +body .container .body .content div.add .steps-boxes .step5 .retention-options input, +body .container .body .content div.restore .steps-boxes .step5 .retention-options input { + margin-bottom: 10px; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions { + padding-top: 15px; + clear: both; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li { + border-top: none; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li.advancedentry, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li.advancedentry { + border-bottom: 1px solid lightgray; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child { + padding-top: 0; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions li:last-child select, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li:last-child select { + max-width: 400px; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions label, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions label { + line-height: normal; +} +body .container .body .content div.add .steps-boxes .step5 .advancedoptions input, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions input, +body .container .body .content div.add .steps-boxes .step5 .advancedoptions select, +body .container .body .content div.restore .steps-boxes .step5 .advancedoptions select { + width: auto; + max-width: 100%; + box-sizing: border-box; +} +body .container .body .content div.add .steps-boxes .step5 .advanced-toggle, +body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle { + color: #505050; + line-height: normal; + margin-top: 16px; + clear: both; + float: left; +} +body .container .body .content div.add .steps-boxes .step5 .advanced-toggle i.fa, +body .container .body .content div.restore .steps-boxes .step5 .advanced-toggle i.fa { + border: 2px solid; + border-color: #505050; + border-radius: 2px; + font-size: 18px; + height: 18px; + vertical-align: top; + width: 18px; +} +body .container .body .content div.add .steps-boxes .step5 textarea, +body .container .body .content div.restore .steps-boxes .step5 textarea { + box-sizing: border-box; + clear: both; + margin-top: 15px; + width: 100%; +} +body .container .body .content div.add form, +body .container .body .content div.restore form { + padding-bottom: 50px; + overflow: hidden; +} +body .container .body .content div.add form .input.password .tools, +body .container .body .content div.restore form .input.password .tools { + clear: both; + padding-left: 190px; + padding-top: 10px; +} +body .container .body .content div.add form .input.password .tools ul, +body .container .body .content div.restore form .input.password .tools ul { + overflow: hidden; +} +body .container .body .content div.add form .input.password .tools ul li, +body .container .body .content div.restore form .input.password .tools ul li { + float: left; + padding-right: 7px; +} +body .container .body .content div.add form .input.password .tools ul li.strength.useless, +body .container .body .content div.restore form .input.password .tools ul li.strength.useless { + color: red; +} +body .container .body .content div.add form .input.password .tools ul li.strength.average, +body .container .body .content div.restore form .input.password .tools ul li.strength.average { + color: yellow; +} +body .container .body .content div.add form .input.password .tools ul li.strength.good, +body .container .body .content div.restore form .input.password .tools ul li.strength.good { + color: #277DB0; +} +body .container .body .content div.add form .input.multiple, +body .container .body .content div.restore form .input.multiple { + /* TODO: investigate if this block can be merged with one on form.less */ +} +body .container .body .content div.add form .input.multiple input, +body .container .body .content div.restore form .input.multiple input, +body .container .body .content div.add form .input.multiple select, +body .container .body .content div.restore form .input.multiple select { + width: auto; + margin-right: 5px; +} +body .container .body .content div.add form .input.multiple select, +body .container .body .content div.restore form .input.multiple select { + --padding-block: 5px; + padding: var(--padding-block) 12px; + line-height: calc(var(--height) - calc(var(--padding-block) * 2)); +} +body .container .body .content div.add form .input.overlayButton, +body .container .body .content div.restore form .input.overlayButton { + overflow: hidden; + position: relative; + max-width: 446px; +} +body .container .body .content div.add form .input.overlayButton input, +body .container .body .content div.restore form .input.overlayButton input { + width: 347px; +} +body .container .body .content div.add form .input.overlayButton a.button, +body .container .body .content div.restore form .input.overlayButton a.button { + position: absolute; + top: 0; + right: 0; + padding: 7px 12px 8px; +} +body .container .body .content div.add form .input.checkbox.multiple strong, +body .container .body .content div.restore form .input.checkbox.multiple strong { + display: block; + padding-bottom: 5px; +} +body .container .body .content div.add form .input.checkbox.multiple label, +body .container .body .content div.restore form .input.checkbox.multiple label { + display: inline-block; + float: none; + width: auto; + padding-right: 10px; +} +body .container .body .content div.add form .input.checkbox.multiple input, +body .container .body .content div.restore form .input.checkbox.multiple input { + width: auto; + display: inline-block; + float: none; +} +body .container .body .content div.add form .buttons, +body .container .body .content div.restore form .buttons { + float: none; + width: 635px; + padding-top: 30px; +} +body .container .body .content div.add .step2, +body .container .body .content div.restore .step1 { + /* .step2: "destination" on adding/editing backup task + .step1: "backup location" on a direct restore task + TODO: integrate with form.less after investigation */ +} +body .container .body .content div.add .step2 .input.select, +body .container .body .content div.restore .step1 .input.select { + display: grid; + grid-auto-flow: column; + justify-content: flex-start; + grid-template-areas: "label server" ". custom"; + /* Adding an empty block ensures the grid area 'server' and 'custom' are aligned. */ +} +body .container .body .content div.add .step2 .input.select label, +body .container .body .content div.restore .step1 .input.select label { + grid-area: label; +} +body .container .body .content div.add .step2 .input.select select, +body .container .body .content div.restore .step1 .input.select select { + grid-area: server; +} +body .container .body .content div.add .step2 .input.select input, +body .container .body .content div.restore .step1 .input.select input { + grid-area: custom; + /* Add gap between this input area and the select element above. + Avoid using the row-gap property as it sets the gap + even if this input area does not exist. */ + margin-top: 10px; + /* Magic number */ +} +body .container .body .content div.add .step2 .input.text #generic_server, +body .container .body .content div.restore .step1 .input.text #generic_server { + width: 335px; +} +body .container .body .content div.add .step2 .input.text #generic_port, +body .container .body .content div.restore .step1 .input.text #generic_port { + width: 50px; + margin-left: 10px; + /* Magic number */ +} +body .container .body .content div.add .steps { + margin-left: 97px / 2 + 0px / 2; +} +body .container .body .content div.add .steps .step { + padding-left: 700px / 5 - 43px; + padding-right: 0; +} +body .container .body .content div.add .steps .step:first-child { + padding-inline: 0; +} +body .container .body .content div.add .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.add .steps-legend li { + width: 700px / 5; +} +body .container .body .content div.restore .steps { + margin-left: 307px / 2 + 0px / 2; +} +body .container .body .content div.restore .steps .step { + padding-left: 700px / 2 - 43px; +} +body .container .body .content div.restore .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.restore .steps-legend li { + width: 700px / 2; +} +body .container .body .content div.restore.restore-direct .steps { + margin-left: 132px / 2 + 0px / 2; +} +body .container .body .content div.restore.restore-direct .steps .step { + padding-left: 700px / 4 - 43px; +} +body .container .body .content div.restore.restore-direct .steps-legend { + padding-left: 0px / 2; +} +body .container .body .content div.restore.restore-direct .steps-legend li { + width: 700px / 4; +} +body .container .body .content div.restore.restore-direct .step:first-child { + padding-left: 0; + background: transparent; +} +body .container .body .content div.restore.restore-direct .steps-legend { + padding-left: 20px; +} +body .container .body .content div.headerthreedotmenu { + margin: 20px 0 20px 0; +} +body .container .body .content div.headerthreedotmenu h2 { + display: inline; +} +body .container .body .content div.headerthreedotmenu .contextmenu_container { + float: right; +} +body .container .body .content div.headerthreedotmenu .contextmenu { + left: auto; + right: 0; + top: auto; +} +body .container .body .content div.headerthreedotmenu .threedotmenubutton { + padding: 5px; +} +body .container .body .content .expandable { + margin: 20px 0 20px 0; +} +body .container .body .content .expandable h2 { + display: inline; +} +body .container .body .content .expandable img { + padding: 0 6px; +} +body .container .body .content div.settings .input.mixed.multiple input.checkbox, +body .container .body .content div.settings .input.checkbox input.checkbox { + width: auto; +} +body .container .body .content div.settings .input.mixed.multiple select, +body .container .body .content div.settings .input.checkbox select { + width: auto; + margin-right: 5px; +} +body .container .body .content div.settings .input.mixed.multiple label, +body .container .body .content div.settings .input.checkbox label { + line-height: normal; + padding: 0 15px; + width: auto; +} +body .container .body .content .logpage ul.tabs { + padding: 15px 0; +} +body .container .body .content .logpage ul.entries li { + padding: 10px 0 10px 0; + border-bottom: 1px solid #d8d8d8; +} +body .container .body .content .logpage ul.backuplog { + list-style: none; +} +body .container .body .content .about-general .about-general__block { + margin-block: 1rem; +} +body .container .body .content .about-general .about-general__block:first-child { + margin-top: 10px; + /* See: ul.tabs */ +} +body .container .body .content .about-general .about-general__block:last-child { + margin-bottom: 0; +} +body .container .body .content .prewrapped-text { + white-space: pre-wrap; + overflow-x: auto; +} +body .container .footer { + background: #ededed; + min-height: 70px; + line-height: 70px; + overflow: hidden; + position: absolute; + bottom: 0; + width: 100%; +} +body .container .footer a { + color: #277DB0; +} +body .container .footer .about-footer { + float: left; + overflow: hidden; + padding-right: 20px; + display: none; +} +body .container .footer .about-footer span { + display: block; + float: left; + padding-left: 20px; +} +body .container .footer .about-footer ul { + float: left; +} +body .container .footer .about-footer li { + float: left; + padding-left: 20px; +} +body .container .footer .social { + float: right; +} +body .container .footer .social ul { + overflow: hidden; + float: right; + padding-left: 20px; + padding-right: 10px; +} +body .container .footer .social ul li { + float: right; + margin-right: 10px; + padding-top: 5px; +} +body .container .footer .social ul li img { + opacity: 0.6; +} +body .container .footer .social ul li img:hover { + opacity: 1; +} +body .container .footer .themelink { + float: right; + padding-right: 20px; +} +body #modal-menu { + max-width: 400px; +} +body #modal-menu a { + color: #277DB0; + font-size: 20px; + line-height: 40px; +} +.remodal { + padding: 30px; + box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3); + background: white; + display: none; +} +.remodal form .buttons { + float: none; +} +.remodal-wrapper .remodal { + display: block; +} +span.info { + font-size: 10px; + font-weight: 500; + display: inline-block; + background: #277DB0; + border-radius: 50%; + width: 15px; + height: 15px; + vertical-align: super; + color: white; + line-height: 15px; + margin-left: 5px; + text-align: center; +} +.hidden { + display: none; +} +.clear { + clear: both; +} +.nofloat { + float: none !important; +} +div.blocker, +div.connection-lost, +div.modal-dialog { + position: fixed; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + margin: auto; +} +div.blocker { + z-index: 5000; + background-color: #000000; + opacity: 0.65; +} +#connection-lost-blocker { + z-index: 5100; +} +#connection-lost-dialog { + z-index: 5200; +} +div.connection-lost, +div.modal-dialog { + z-index: 5001; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +div.connection-lost div.info, +div.modal-dialog div.info { + min-width: 310px; + max-width: 650px; + margin: 5px; +} +div.connection-lost div.title, +div.modal-dialog div.title { + border: 1px solid #65b1dd; + background-color: #65b1dd; + border-radius: 5px 5px 0 0; + padding: 10px 20px; + font-weight: bold; + color: lightgray; + text-align: center; +} +div.connection-lost div.content, +div.modal-dialog div.content { + background-color: white; + border: 1px solid white; + padding: 20px; + /* Reset default margin */ + /* Reset default margin */ +} +div.connection-lost div.content p:first-child, +div.modal-dialog div.content p:first-child { + margin-top: 0; +} +div.connection-lost div.content p:last-child, +div.modal-dialog div.content p:last-child { + margin-bottom: 0; +} +div.connection-lost .buttons, +div.modal-dialog .buttons { + border-radius: 0 0 5px 5px; + padding-top: 10px; + overflow: auto; +} +div.connection-lost form, +div.modal-dialog form { + margin-top: 15px; +} +div.connection-lost form textarea, +div.modal-dialog form textarea { + height: 130px; + width: 420px; + padding: 10px 12px; + border: 1px #d8d8d8 solid; + border-radius: 2px; + color: #505050; + font-size: 16px; + font-weight: 300; +} +div.connection-lost form input, +div.modal-dialog form input { + height: 35px; + line-height: 35px; + padding: 0 12px; +} +div.modal-dialog .content.buttons ul { + float: right; +} +div.modal-dialog .content.buttons .tooltipped { + position: relative; +} +div.modal-dialog .content.buttons .tooltipped:after { + position: absolute; + z-index: 1000000; + display: none; + padding: 5px 8px; + font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; + color: #fff; + text-align: center; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-wrap: break-word; + white-space: pre; + pointer-events: none; + content: attr(aria-label); + background: rgba(0, 0, 0, 0.8); + border-radius: 3px; + -webkit-font-smoothing: subpixel-antialiased; +} +div.modal-dialog .content.buttons .tooltipped:before { + position: absolute; + z-index: 1000001; + display: none; + width: 0; + height: 0; + color: rgba(0, 0, 0, 0.8); + pointer-events: none; + content: ""; + border: 5px solid transparent; +} +div.modal-dialog .content.buttons .tooltipped:hover:before, +div.modal-dialog .content.buttons .tooltipped:hover:after, +div.modal-dialog .content.buttons .tooltipped:active:before, +div.modal-dialog .content.buttons .tooltipped:active:after, +div.modal-dialog .content.buttons .tooltipped:focus:before, +div.modal-dialog .content.buttons .tooltipped:focus:after { + display: inline-block; + text-decoration: none; +} +div.modal-dialog .content.buttons .tooltipped-w:after { + right: 100%; + bottom: 50%; + margin-right: 5px; + -webkit-transform: translateY(50%); + -ms-transform: translateY(50%); + transform: translateY(50%); +} +div.modal-dialog .content.buttons .tooltipped-w:before { + top: 50%; + bottom: 50%; + left: -5px; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.8); +} +.importpage form.styled input { + margin-top: 11px; + margin-bottom: 11px; +} +.restorewizard form.styled ul, +.addwizard form.styled ul { + margin: 20px; + margin-left: 0px; +} +.restorewizard form.styled input[type="radio"], +.addwizard form.styled input[type="radio"] { + width: 20px; + margin-left: 5px; + margin-right: 5px; +} +.restorewizard form.styled label, +.addwizard form.styled label { + width: auto; + line-height: normal; +} +.restorewizard form.styled div.subtext, +.addwizard form.styled div.subtext { + clear: both; + margin-left: 30px; + padding-top: 5px; + color: #767676; +} +.pauseoptions form.styled li { + line-height: normal; + padding: 0px; +} +.pauseoptions form.styled li input { + height: auto; + margin-top: 8px; + margin-right: 8px; + width: auto; +} +/* Progress bar styles from Bootstrap */ +.progress-bar-striped { + background-image: -webkit-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-image: -o-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-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); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress-striped .progress-bar { + background-image: -webkit-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-image: -o-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-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); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress { + position: relative; + min-height: 25px; +} +.progress > span { + vertical-align: middle; + display: block; + width: 100%; + height: 100%; + text-align: center; + z-index: 100; + padding-top: 2px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress .progress-bar { + float: left; + width: 0; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #337ab7; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; + height: 100%; + position: absolute; + top: 0; +} +.progress .progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.tree-view { + list-style-type: none; + margin-left: 10px; + padding-bottom: 5px; +} +.tree-view ul { + margin-left: 16px; +} +.tree-view span.nodeLabel { + cursor: pointer; +} +.tree-view span.nodeLabel.selected { + border: 1px solid #aaa; + background-color: #ddd; + padding: 1px 3px; +} +.tree-view li .node { + padding-bottom: 5px; +} +.tree-view li div.selected { + border-color: lightblue; + background-color: lightblue; +} +.tree-view li > ul { + display: none; +} +.tree-view li > ul.expanded { + display: block; +} +.tree-view li a.nav { + cursor: pointer; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: -80px 0px; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.nav { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.nav { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.nav.leaf { + background: none; +} +.tree-view li a.nav.expanded { + background-position: -80px -16px; +} +.tree-view li a.type { + cursor: auto; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: 0px -16px; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.type { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.type { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.type.invisible { + background-position: 0px -32px; +} +.tree-view li a.type.loading { + cursor: progress; + background-image: url(../img/loader-16.gif); + background-repeat: no-repeat; + background-position: 0px 0px; + background-size: 16px 16px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.type.loading { + background-image: url('../img/loader-32.gif'); + } +} +.tree-view li a.type.x-tree-icon-drive { + background-position: -16px -16px; +} +.tree-view li a.type.x-tree-icon-leaf { + background-position: -32px -16px; +} +.tree-view li a.type.x-tree-icon-symlink { + background-position: -48px -16px; +} +.tree-view li a.type.x-tree-icon-userdata { + background-position: -16px -48px; +} +.tree-view li a.type.x-tree-icon-locked { + background-position: -64px -16px; +} +.tree-view li a.type.x-tree-icon-broken { + background-position: -64px -16px; +} +.tree-view li a.type.x-tree-icon-computer { + background-position: 0px -48px; +} +.tree-view li a.type.x-tree-icon-hyperv { + background-position: -96px -16px; +} +.tree-view li a.type.x-tree-icon-hypervmachine { + background-position: -96px 0px; +} +.tree-view li a.type.x-tree-icon-mssql { + background-position: -96px -32px; +} +.tree-view li a.type.x-tree-icon-mssqldb { + background-position: -80px -32px; +} +.tree-view li a.type.x-tree-icon-mydocuments { + background-position: -32px -48px; +} +.tree-view li a.type.x-tree-icon-mymusic { + background-position: -48px -48px; +} +.tree-view li a.type.x-tree-icon-mypictures { + background-position: -64px -48px; +} +.tree-view li a.type.x-tree-icon-desktop { + background-position: -80px -48px; +} +.tree-view li a.type.x-tree-icon-home { + background-position: -96px -48px; +} +.tree-view li a.type.x-tree-icon-drive.invisible { + background-position: -16px -32px; +} +.tree-view li a.type.x-tree-icon-leaf.invisible { + background-position: -32px -32px; +} +.tree-view li a.type.x-tree-icon-symlink.invisible { + cursor: auto; + background-position: -48px -32px; +} +.tree-view li a.type.x-tree-icon-locked.invisible { + background-position: -64px -32px; +} +.tree-view li a.check { + height: 16px; + width: 16px; + display: inline-block; + cursor: pointer; + background-image: url(../img/treeicons.png); + background-repeat: no-repeat; + background-position: 0 0; + vertical-align: middle; + background-size: 112px 64px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.25dppx) { + .tree-view li a.check { + background-image: url('../img/treeicons_2x.png'); + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 2.25dppx) { + .tree-view li a.check { + background-image: url('../img/treeicons_3x.png'); + } +} +.tree-view li a.partial { + background-position: -32px 0px; +} +.tree-view li a.include { + background-position: -16px 0px; +} +.tree-view li a.exclude { + background-position: -48px 0px; +} +.tree-view li a.root { + background: none; + display: none; +} +.throttlesettings div.multiple select { + width: auto; + margin-right: 5px; +} +.throttlesettings div.multiple input { + width: 100px; +} +.throttlesettings div.multiple input.checkbox { + width: auto; +} +.throttlesettings div.multiple label { + line-height: 35px; + padding: 0 15px; + width: auto; + min-width: 150px; +} +.throttlesettings .disabled { + color: #909090; +} +.throttlesettings .disabled input, +.throttlesettings .disabled select { + color: #909090; +} +@media (max-width: 1150px) { + body .container .header { + height: 140px; + } + body .container .header .statepadding { + padding-right: 90px; + margin-left: 0px; + } + body .container .header .state { + width: 100%; + margin: 10px 40px; + clear: left; + float: left; + } + body .container .header .action-icons { + display: none; + } + body .container .header .action-icons-small { + display: inline-block; + } + body .container .header .menubutton { + display: block; + font-size: 18px; + padding-right: 50px; + margin-top: 5px; + margin-right: 15px; + background: url('../img/menu.png') no-repeat right top; + background-size: 39px 39px; + position: relative; + height: 40px; + line-height: 40px; + color: #505050; + float: right; + top: 10px; + padding-left: 20px; + text-transform: uppercase; + text-align: right; + } + body .container .header .menubutton.active { + background-image: url('../img/menu_active.png'); + background-size: 39px 39px; + color: #277DB0; + } + body .container .body { + position: relative; + padding-top: 140px; + } + body .container .body .mainmenu { + display: none; + position: fixed; + background: none repeat scroll 0 0 white; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + left: 10px; + padding: 20px; + top: 60px; + } + body .container .body .mainmenu.mobile-open { + display: block; + left: auto; + right: 0; + top: 0; + z-index: 1000; + } + body .container .body .contextmenu { + left: 0; + top: auto; + } + body .container .body .content { + float: none; + padding: 20px 20px; + margin: 0px auto 30px auto; + } + body .container .body .content .state { + width: auto; + } + body .container .mobileOpen { + display: block !important; + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 1150px) and (min-resolution: 192dpi), (max-width: 1150px) and (min-resolution: 1.25dppx) { + body .container .header .menubutton { + background-image: url('../img/menu_2x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 2.25), (max-width: 1150px) and (min-resolution: 288dpi), (max-width: 1150px) and (min-resolution: 2.25dppx) { + body .container .header .menubutton { + background-image: url('../img/menu_3x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 1150px) and (min-resolution: 192dpi), (max-width: 1150px) and (min-resolution: 1.25dppx) { + body .container .header .menubutton.active { + background-image: url('../img/menu_active_2x.png'); + } +} +@media (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 2.25), (max-width: 1150px) and (min-resolution: 288dpi), (max-width: 1150px) and (min-resolution: 2.25dppx) { + body .container .header .menubutton.active { + background-image: url('../img/menu_active_3x.png'); + } +} +@media (max-width: 768px) { + body .container .body .content .tasks .tasklist a { + font-size: 20px; + background-size: 24px; + background-position: 0 4px; + padding-left: 35px; + } + body .container .body .content .tasks .tasklist dl { + padding-left: 35px; + } + body .container .header .logo { + padding-left: 10px; + } + body .container .header .statepadding { + padding-right: 50px; + } + body .container .header .state { + margin-left: 10px; + } + body .container .header .menubutton { + margin-right: 5px; + } + body .container .body .content div.add .steps, + body .container .body .content div.restore .steps, + body .container .body .content div.settings .steps { + display: none; + } + body .container .body .content div.add .steps-legend, + body .container .body .content div.restore .steps-legend, + body .container .body .content div.settings .steps-legend { + list-style: decimal; + padding-left: 20px; + border-bottom: 1px solid #eee; + margin-bottom: 30px; + padding-bottom: 20px; + } + body .container .body .content div.add .steps-legend li, + body .container .body .content div.restore .steps-legend li, + body .container .body .content div.settings .steps-legend li { + float: none; + font-weight: 500; + width: auto !important; + padding-right: 0 !important; + } + body .container .body .content div.add .steps-boxes, + body .container .body .content div.restore .steps-boxes, + body .container .body .content div.settings .steps-boxes { + padding-left: 0; + } + body .container .body .content div.add form.styled .input input, + body .container .body .content div.restore form.styled .input input, + body .container .body .content div.settings form.styled .input input, + body .container .body .content div.add form.styled .input select, + body .container .body .content div.restore form.styled .input select, + body .container .body .content div.settings form.styled .input select, + body .container .body .content div.add form.styled .input textarea, + body .container .body .content div.restore form.styled .input textarea, + body .container .body .content div.settings form.styled .input textarea { + max-width: 100%; + box-sizing: border-box; + } + body .container .body .content div.add form.styled .input.select select, + body .container .body .content div.restore form.styled .input.select select, + body .container .body .content div.settings form.styled .input.select select { + width: 420px; + } + body .container .body .content div.add form.styled .buttons, + body .container .body .content div.restore form.styled .buttons, + body .container .body .content div.settings form.styled .buttons { + max-width: 100%; + width: auto; + } + body .container .body .content div.add form.styled .tools, + body .container .body .content div.restore form.styled .tools, + body .container .body .content div.settings form.styled .tools { + padding-left: 0 !important; + } + body .container .body .content div.add form.styled .input.checkbox.multiple, + body .container .body .content div.restore form.styled .input.checkbox.multiple, + body .container .body .content div.settings form.styled .input.checkbox.multiple { + padding-bottom: 5px; + } + body .container .body .content div.add form.styled .input.checkbox.multiple input, + body .container .body .content div.restore form.styled .input.checkbox.multiple input, + body .container .body .content div.settings form.styled .input.checkbox.multiple input, + body .container .body .content div.add form.styled .input.checkbox.multiple label, + body .container .body .content div.restore form.styled .input.checkbox.multiple label, + body .container .body .content div.settings form.styled .input.checkbox.multiple label { + display: block !important; + float: left !important; + line-height: normal; + } + body .container .body .content div.add form.styled .input.checkbox.multiple input, + body .container .body .content div.restore form.styled .input.checkbox.multiple input, + body .container .body .content div.settings form.styled .input.checkbox.multiple input { + clear: both; + } + body .container .body .content div.add form.styled .input.text.multiple input, + body .container .body .content div.restore form.styled .input.text.multiple input, + body .container .body .content div.settings form.styled .input.text.multiple input { + max-width: 48% !important; + } +} +@media (max-width: 640px) { + body h2 { + font-size: 20px; + text-align: center; + } + body .container .body { + padding-bottom: 10px; + } + body .container .body .content { + margin: 0px auto; + } + body .container .body .content div.add form .input.overlayButton, + body .container .body .content div.restore form .input.overlayButton { + padding-top: 8px; + padding-bottom: 30px; + margin-bottom: 10px; + } + body .container .body .content div.add form .input.overlayButton a.button, + body .container .body .content div.restore form .input.overlayButton a.button { + padding: 7px 10px; + right: 1px; + top: 9px; + } + body .container .body .content div.add form .input.checkbox.multiple div, + body .container .body .content div.restore form .input.checkbox.multiple div { + display: block; + } + body .container .body .content div.add form .input.select.multiple input#exclude-larger-than-number, + body .container .body .content div.restore form .input.select.multiple input#exclude-larger-than-number { + width: 75px; + } + body .container .body .content div.add form .input.select.multiple select#exclude-larger-than-multiplier, + body .container .body .content div.restore form .input.select.multiple select#exclude-larger-than-multiplier { + width: 140px; + } + body .container .body .content div.add form .filters .input.textarea, + body .container .body .content div.restore form .filters .input.textarea { + padding-bottom: 10px; + } + body .container .body .content div.add form .filters h3, + body .container .body .content div.restore form .filters h3 { + margin: 5px 0; + } + body .container .body .content div.add form .input.text.select.multiple.repeat label, + body .container .body .content div.restore form .input.text.select.multiple.repeat label { + float: none; + } + body .container .body .content div.add form .input.text.select.multiple.repeat input#repeatRunNumber, + body .container .body .content div.restore form .input.text.select.multiple.repeat input#repeatRunNumber { + width: 70px; + } + body .container .body .content div.add form .input.text.select.multiple.repeat select#repeatRunMultiplier, + body .container .body .content div.restore form .input.text.select.multiple.repeat select#repeatRunMultiplier { + width: 100px; + } + body .container .body .content div.add form .input.multiple.text.select.maxSize input, + body .container .body .content div.restore form .input.multiple.text.select.maxSize input { + width: 70px; + } + body .container .body .content div.add form .input.multiple.text.select.maxSize select, + body .container .body .content div.restore form .input.multiple.text.select.maxSize select { + width: 100px; + } + body .container .body .content div.add form .input.multiple.text.select.keepBackups select, + body .container .body .content div.restore form .input.multiple.text.select.keepBackups select { + width: 85px; + padding: 4px 6px; + } + body .container .body .content div.add form .input.multiple.text.select.keepBackups input, + body .container .body .content div.restore form .input.multiple.text.select.keepBackups input { + width: 60px; + } + body .container .footer { + position: static; + padding: 15px; + line-height: normal; + text-align: left; + box-sizing: border-box; + } + body .container .footer * { + float: none !important; + text-align: center; + box-sizing: border-box; + } + body .container .footer .about-footer { + padding-right: 0; + display: block; + } + body .container .footer .about-footer span { + padding-left: 0; + padding-bottom: 5px; + } + body .container .footer .about-footer li { + padding-left: 0; + float: none; + display: inline-block; + height: 32px; + width: 32px; + background-size: 28px !important; + border-bottom: none; + } + body .container .footer .about-footer li a { + /*color: transparent; + height: 32px; + width: 32px;*/ + } + body .container .footer .about-footer li:first-child { + padding-bottom: 0; + } + body .container .footer .about-footer li:last-child { + padding-bottom: 20px; + } + body .container .footer li, + body .container .footer .social, + body .container .footer .about-footer { + padding: 8px 0; + border-bottom: 1px #ddd solid; + } + body .container .footer .social li { + display: inline-block; + border: none; + } + body .container .footer .themelink { + padding: 8px 0; + } +} +@media (max-width: 580px) { + .advancedentry .longdescription { + margin-left: 0; + } +} +@media (max-width: 492px) { + ul.notification { + width: auto; + } +} +@media (max-width: 480px) { + body { + font-size: 15px; + } + body .container .header .logo { + padding-left: 5px; + } + body .container .header .menubutton { + margin-right: 5px; + } + body .container .header .state { + margin-left: 5px; + } + body .container .header .statepadding { + padding-right: 40px; + } + body .container .header .menubutton { + padding-left: 10px; + } + body .container .body .mainmenu { + width: 280px; + box-sizing: border-box; + } + body .container .body .mainmenu ul li a { + font-size: 22px; + } + body .container .body .content { + padding: 15px; + } + body .container .body .content div.add form .input.password .tools ul li, + body .container .body .content div.restore form .input.password .tools ul li { + font-size: 14px; + } + body .container .body .content div.add form .buttons a, + body .container .body .content div.restore form .buttons a { + float: none; + text-align: center; + margin-bottom: 5px; + } + body .container .body .content div.add .steps-boxes .box.browser .checklinks a, + body .container .body .content div.restore .steps-boxes .box.browser .checklinks a { + float: none; + margin-bottom: 8px; + display: block; + } +} +@media (max-width: 400px) { + body { + font-size: 15px; + } + body .container .header .menubutton { + margin-right: 0px; + padding-left: 0px; + padding-right: 40px; + } + body .container .header .menubutton span { + display: none; + } +} +@media (max-width: 325px) { + body { + font-size: 15px; + } + body .container .header .logo div { + display: none; + } +} +@media (max-width: 200px) { + body { + font-size: 15px; + } + body .container .header .menubutton { + position: static; + margin-top: 0px; + } + body .container .header .action-icons-small { + clear: right; + margin-top: 0px; + } +}