diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
index b2efb520..20fe20f9 100644
--- a/.github/workflows/docker-build.yml
+++ b/.github/workflows/docker-build.yml
@@ -58,8 +58,7 @@ jobs:
MAJOR=$(cat app/config/version.json | jq '.major' )
MINOR=$(cat app/config/version.json | jq '.minor' )
SUB=$(cat app/config/version.json | jq '.sub' )
- META=$(cat app/config/version.json | jq -r '.meta' )
- echo "::set-output name=version::$MAJOR.$MINOR.$SUB-$META"
+ echo "::set-output name=version::$MAJOR.$MINOR.$SUB"
- name: Get branch tag
id: branch
diff --git a/.gitlab/docker-build.yml b/.gitlab/docker-build.yml
index 49725030..297c2b20 100644
--- a/.gitlab/docker-build.yml
+++ b/.gitlab/docker-build.yml
@@ -17,7 +17,6 @@ docker-build-dev:
MAJOR=$(cat app/config/version.json | jq '.major' )
MINOR=$(cat app/config/version.json | jq '.minor' )
SUB=$(cat app/config/version.json | jq '.sub' )
- META=$(cat app/config/version.json | jq -r '.meta' )
- |
apk --no-cache add curl
latest_tag=$(curl -s https://api.github.com/repos/docker/buildx/releases/latest | sed -Ene '/^ *"tag_name": *"(v.+)",$/s//\1/p')
@@ -33,7 +32,7 @@ docker-build-dev:
script:
- |
tag=":$CI_COMMIT_REF_SLUG"
- VERSION="${MAJOR}.${MINOR}.${SUB}-${META}"
+ VERSION="${MAJOR}.${MINOR}.${SUB}"
- |
echo "Running on branch '$CI_COMMIT_BRANCH': tag = $tag"
echo "Crafty Version: $VERSION"
@@ -72,7 +71,6 @@ docker-build-prod:
MAJOR=$(cat app/config/version.json | jq '.major' )
MINOR=$(cat app/config/version.json | jq '.minor' )
SUB=$(cat app/config/version.json | jq '.sub' )
- META=$(cat app/config/version.json | jq -r '.meta' )
- |
apk --no-cache add curl
latest_tag=$(curl -s https://api.github.com/repos/docker/buildx/releases/latest | sed -Ene '/^ *"tag_name": *"(v.+)",$/s//\1/p')
@@ -87,20 +85,20 @@ docker-build-prod:
- echo $CI_BUILD_TOKEN | docker login -u "$CI_REGISTRY_USER" --password-stdin $CI_REGISTRY
script:
- |
- tag=""
- VERSION="${MAJOR}.${MINOR}.${SUB}-${META}"
+ VERSION="${MAJOR}.${MINOR}.${SUB}"
- |
- echo "Running on branch '$CI_COMMIT_BRANCH': tag = $tag"
+ echo "Running on branch '$CI_COMMIT_BRANCH'"
echo "Crafty Version: $VERSION"
- docker context create tls-environment
- docker buildx create --name zedBuilder --use tls-environment
- docker buildx build
- --cache-from type=registry,ref="$CI_REGISTRY_IMAGE${tag}"
+ --cache-from type=registry,ref="$CI_REGISTRY_IMAGE:latest"
--build-arg BUILDKIT_INLINE_CACHE=1
--build-arg "BUILD_DATE=$(date +"%Y-%m-%dT%H:%M:%SZ")"
--build-arg "BUILD_REF=${CI_COMMIT_SHA}"
--build-arg "CRAFTY_VER=${VERSION}"
- --tag "$CI_REGISTRY_IMAGE${tag}"
+ --tag "$CI_REGISTRY_IMAGE:$VERSION"
+ --tag "$CI_REGISTRY_IMAGE:latest"
--platform linux/arm64/v8,linux/amd64
--push .
after_script:
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 939f950e..3f81a9f1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,5 @@
# Changelog
-## --- [4.0.16] - 2022/TBD
+## --- [4.0.17] - 2022/TBD
### New features
TBD
### Bug fixes
@@ -10,6 +10,25 @@ TBD
TBD
+## --- [4.0.16] - 2022/10/23
+### New features
+- Automatically set update url for (new) server creation ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/487))
+- Add filter to logs panel ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/484))
+### Bug fixes
+- Fix conditional issue with zip imports/uploads ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/476))
+- Fix API Schedule updates ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/478))
+- Add port constraint for all server creation & api ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/479))
+- Clean up backup configs when deleting servers ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/480))
+- Add timeout to socket for servers with incorrect port selection ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/482))
+- Fix server_stats db file when deleting server ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/486))
+- Fix "cannot render after finish" from backup_now ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/489))
+- Fix Support Logs on windows by changing the way we declare projects working directory ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/491) | [Commit](https://gitlab.com/crafty-controller/crafty-4/-/commit/a6aa0f86797856a09c639317c5151c354f4024dc))
+### Tweaks
+- Fix sidebar to not move when scrolling ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/481))
+- Add the rest of CSS predefined colors to themes ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/477))
+- Only send realtime stats when clients connected ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/488))
+
+
## --- [4.0.15] - 2022/10/02
### New features
- Base Theme Switching (Dark, Light, Default) 🤩🎨 ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/471))
diff --git a/README.md b/README.md
index f211adf8..5ae83d5f 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,5 @@
[](https://craftycontrol.com)
-
-[](https://github.com/psf/black)
-[](https://www.python.org)
-[](https://gitlab.com/crafty-controller/crafty-4/-/releases)
-[](https://gitlab.com/crafty-controller/crafty-4)
-[](https://gitlab.com/crafty-controller/crafty-4/-/commits/master)
-
-# Crafty Controller 4.0.15-beta
+# Crafty Controller 4.0.17
> Python based Control Panel for your Minecraft Server
## What is Crafty Controller?
diff --git a/app/classes/controllers/servers_controller.py b/app/classes/controllers/servers_controller.py
index c1d5177c..b0a9044a 100644
--- a/app/classes/controllers/servers_controller.py
+++ b/app/classes/controllers/servers_controller.py
@@ -134,8 +134,13 @@ class ServersController(metaclass=Singleton):
role_id = role.role_id
role_data = RolesController.get_role_with_servers(role_id)
role_data["servers"] = {server_id}
+ # Remove server id permissions from role
PermissionsServers.delete_roles_permissions(role_id, role_data["servers"])
+ # Remove roles from server
PermissionsServers.remove_roles_of_server(server_id)
+ # Remove backup configs tied to server
+ self.management_helper.remove_backup_config(server_id)
+ # Finally remove server
self.servers_helper.remove_server(server_id)
@staticmethod
diff --git a/app/classes/minecraft/mc_ping.py b/app/classes/minecraft/mc_ping.py
index 039e8359..1c52ab98 100644
--- a/app/classes/minecraft/mc_ping.py
+++ b/app/classes/minecraft/mc_ping.py
@@ -136,10 +136,11 @@ def ping(ip, port):
return i
sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
+ sock.settimeout(5)
try:
sock.connect((ip, port))
- except socket.error:
+ except:
return False
try:
diff --git a/app/classes/models/management.py b/app/classes/models/management.py
index 67d1ff9c..c961f002 100644
--- a/app/classes/models/management.py
+++ b/app/classes/models/management.py
@@ -367,6 +367,10 @@ class HelpersManagement:
}
return conf
+ @staticmethod
+ def remove_backup_config(server_id):
+ Backups.delete().where(Backups.server_id == server_id).execute()
+
def set_backup_config(
self,
server_id: int,
diff --git a/app/classes/models/server_stats.py b/app/classes/models/server_stats.py
index 29fdb856..ccb21879 100644
--- a/app/classes/models/server_stats.py
+++ b/app/classes/models/server_stats.py
@@ -120,6 +120,7 @@ class HelperServerStats:
return None
def get_all_servers_stats(self):
+ self.database.connect(reuse_if_open=True)
servers = HelperServers.get_all_defined_servers()
server_data = []
try:
@@ -136,18 +137,23 @@ class HelperServerStats:
logger.error(
f"Stats collection failed with error: {ex}. Was a server just created?"
)
+ self.database.close()
return server_data
def get_history_stats(self, server_id, num_days):
+ self.database.connect(reuse_if_open=True)
max_age = datetime.datetime.now() - timedelta(days=num_days)
- return (
+ server_stats = (
ServerStats.select()
.where(ServerStats.created > max_age)
.where(ServerStats.server_id == server_id)
.execute(self.database)
)
+ self.database.connect(reuse_if_open=True)
+ return server_stats
def insert_server_stats(self, server_stats):
+ self.database.connect(reuse_if_open=True)
server_id = server_stats.get("id", 0)
if server_id == 0:
@@ -176,13 +182,18 @@ class HelperServerStats:
}
).execute(self.database)
+ self.database.close()
+
def remove_old_stats(self, last_week):
+ self.database.connect(reuse_if_open=True)
# self.select_database(self.server_id)
ServerStats.delete().where(ServerStats.created < last_week).execute(
self.database
)
+ self.database.close()
def get_latest_server_stats(self):
+ self.database.connect(reuse_if_open=True)
latest = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
@@ -190,12 +201,15 @@ class HelperServerStats:
.limit(1)
.get(self.database)
)
+
+ self.database.close()
try:
return DatabaseShortcuts.get_data_obj(latest)
except IndexError:
return {}
def get_server_stats(self):
+ self.database.connect(reuse_if_open=True)
stats = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
@@ -203,63 +217,70 @@ class HelperServerStats:
.limit(1)
.first(self.database)
)
+ self.database.close()
return DatabaseShortcuts.get_data_obj(stats)
def server_id_exists(self):
- # self.select_database(self.server_id)
if not HelperServers.get_server_data_by_id(self.server_id):
return False
return True
def sever_crashed(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
ServerStats.update(crashed=True).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def set_import(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
ServerStats.update(importing=True).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def finish_import(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
ServerStats.update(importing=False).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def get_import_status(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
import_status = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
.get(self.database)
)
+ self.database.close()
return import_status.importing
def server_crash_reset(self):
if self.server_id is None:
return
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
ServerStats.update(crashed=False).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def is_crashed(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
svr: ServerStats = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
.get(self.database)
)
+ self.database.close()
return svr.crashed
def set_update(self, value):
if self.server_id is None:
return
- # self.select_database(self.server_id)
+
+ self.database.connect(reuse_if_open=True)
try:
# Checks if server even exists
ServerStats.select().where(ServerStats.server_id == self.server_id).execute(
@@ -267,22 +288,26 @@ class HelperServerStats:
)
except DoesNotExist as ex:
logger.error(f"Database entry not found! {ex}")
+ self.database.close()
return
+
ServerStats.update(updating=value).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def get_update_status(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
update_status = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
.get(self.database)
)
+ self.database.close()
return update_status.updating
def set_first_run(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
# Sets first run to false
try:
# Checks if server even exists
@@ -291,22 +316,25 @@ class HelperServerStats:
)
except Exception as ex:
logger.error(f"Database entry not found! {ex}")
+ self.database.close()
return
ServerStats.update(first_run=False).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def get_first_run(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
first_run = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
.get(self.database)
)
+ self.database.close()
return first_run.first_run
def get_ttl_without_player(self):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
last_stat = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
@@ -320,6 +348,7 @@ class HelperServerStats:
.order_by(ServerStats.created.desc())
.first(self.database)
)
+ self.database.close()
return last_stat.created - last_stat_with_player.created
def can_stop_no_players(self, time_limit):
@@ -327,7 +356,7 @@ class HelperServerStats:
return (time_limit == -1) or (ttl_no_players > time_limit)
def set_waiting_start(self, value):
- # self.select_database(self.server_id)
+ self.database.connect(reuse_if_open=True)
try:
# Checks if server even exists
ServerStats.select().where(ServerStats.server_id == self.server_id).execute(
@@ -335,15 +364,19 @@ class HelperServerStats:
)
except DoesNotExist as ex:
logger.error(f"Database entry not found! {ex}")
+ self.database.close()
return
ServerStats.update(waiting_start=value).where(
ServerStats.server_id == self.server_id
).execute(self.database)
+ self.database.close()
def get_waiting_start(self):
+ self.database.connect(reuse_if_open=True)
waiting_start = (
ServerStats.select()
.where(ServerStats.server_id == self.server_id)
.get(self.database)
)
+ self.database.close()
return waiting_start.waiting_start
diff --git a/app/classes/shared/helpers.py b/app/classes/shared/helpers.py
index aa419cfd..c7bef77b 100644
--- a/app/classes/shared/helpers.py
+++ b/app/classes/shared/helpers.py
@@ -451,10 +451,9 @@ class Helpers:
major = version_data.get("major", "?")
minor = version_data.get("minor", "?")
sub = version_data.get("sub", "?")
- meta = version_data.get("meta", "?")
# set some defaults if we don't get version_data from our helper
- version = f"{major}.{minor}.{sub}-{meta}"
+ version = f"{major}.{minor}.{sub}"
return str(version)
def encode_pass(self, password):
@@ -959,8 +958,8 @@ class Helpers:
output += f"""
diff --git a/app/classes/web/panel_handler.py b/app/classes/web/panel_handler.py
index d8c8b5c4..9111d358 100644
--- a/app/classes/web/panel_handler.py
+++ b/app/classes/web/panel_handler.py
@@ -1501,6 +1501,12 @@ class PanelHandler(BaseHandler):
execution_command = self.get_argument("execution_command", None)
server_ip = self.get_argument("server_ip", None)
server_port = self.get_argument("server_port", None)
+ if int(server_port) < 1 or int(server_port) > 65535:
+ self.redirect(
+ "/panel/error?error=Constraint Error: "
+ "Port must be greater than 0 and less than 65535"
+ )
+ return
executable_update_url = self.get_argument("executable_update_url", "")
show_status = int(float(self.get_argument("show_status", "0")))
else:
diff --git a/app/classes/web/routes/api/servers/index.py b/app/classes/web/routes/api/servers/index.py
index b94b4c01..a68e845b 100644
--- a/app/classes/web/routes/api/servers/index.py
+++ b/app/classes/web/routes/api/servers/index.py
@@ -648,7 +648,7 @@ class ApiServersIndexHandler(BaseApiHandler):
try:
data = orjson.loads(self.request.body)
- except orjson.decoder.JSONDecodeError as e:
+ except orjson.JSONDecodeError as e:
return self.finish_json(
400, {"status": "error", "error": "INVALID_JSON", "error_data": str(e)}
)
@@ -664,7 +664,22 @@ class ApiServersIndexHandler(BaseApiHandler):
"error_data": str(e),
},
)
-
+ # Check to make sure port is allowable
+ if data["monitoring_type"] == "minecraft_java":
+ try:
+ port = data["minecraft_java_monitoring_data"]["port"]
+ except:
+ port = 25565
+ else:
+ try:
+ port = data["minecraft_bedrock_monitoring_data"]["port"]
+ except:
+ port = 19132
+ if port > 65535 or port < 1:
+ self.finish_json(
+ 405, {"status": "error", "error": "DATA CONSTRAINT FAILED"}
+ )
+ return
new_server_id, new_server_uuid = self.controller.create_api_server(
data, user["user_id"]
)
diff --git a/app/classes/web/routes/api/servers/server/tasks/task/index.py b/app/classes/web/routes/api/servers/server/tasks/task/index.py
index 3c567fdd..72bbf7b0 100644
--- a/app/classes/web/routes/api/servers/server/tasks/task/index.py
+++ b/app/classes/web/routes/api/servers/server/tasks/task/index.py
@@ -4,7 +4,6 @@ import json
import logging
from jsonschema import ValidationError, validate
-from app.classes.models.management import HelpersManagement
from app.classes.models.server_permissions import EnumPermissionsServer
from app.classes.web.base_api_handler import BaseApiHandler
@@ -97,7 +96,7 @@ class ApiServersServerTasksTaskIndexHandler(BaseApiHandler):
if str(data.get("parent")) == str(task_id) and data.get("parent") is not None:
data["parent"] = None
- HelpersManagement.update_scheduled_task(task_id, data)
+ self.tasks_manager.update_job(task_id, data)
self.controller.management.add_to_audit_log(
auth_data[4]["user_id"],
diff --git a/app/classes/web/server_handler.py b/app/classes/web/server_handler.py
index b2419905..d60ce2a2 100644
--- a/app/classes/web/server_handler.py
+++ b/app/classes/web/server_handler.py
@@ -311,6 +311,12 @@ class ServerHandler(BaseHandler):
min_mem = bleach.clean(self.get_argument("min_memory", ""))
max_mem = bleach.clean(self.get_argument("max_memory", ""))
port = bleach.clean(self.get_argument("port", ""))
+ if int(port) < 1 or int(port) > 65535:
+ self.redirect(
+ "/panel/error?error=Constraint Error: "
+ "Port must be greater than 0 and less than 65535"
+ )
+ return
import_type = bleach.clean(self.get_argument("create_type", ""))
import_server_path = bleach.clean(self.get_argument("server_path", ""))
import_server_jar = bleach.clean(self.get_argument("server_jar", ""))
@@ -451,6 +457,12 @@ class ServerHandler(BaseHandler):
server = bleach.clean(self.get_argument("server", ""))
server_name = bleach.clean(self.get_argument("server_name", ""))
port = bleach.clean(self.get_argument("port", ""))
+ if int(port) < 1 or int(port) > 65535:
+ self.redirect(
+ "/panel/error?error=Constraint Error: "
+ "Port must be greater than 0 and less than 65535"
+ )
+ return
import_type = bleach.clean(self.get_argument("create_type", ""))
import_server_path = bleach.clean(self.get_argument("server_path", ""))
import_server_exe = bleach.clean(self.get_argument("server_jar", ""))
diff --git a/app/config/version.json b/app/config/version.json
index a3b99705..f97d9f2b 100644
--- a/app/config/version.json
+++ b/app/config/version.json
@@ -1,6 +1,5 @@
{
"major": 4,
"minor": 0,
- "sub": 16,
- "meta": "beta"
+ "sub": 17
}
diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css
index a04d2542..cc1c0262 100644
--- a/app/frontend/static/assets/css/crafty.css
+++ b/app/frontend/static/assets/css/crafty.css
@@ -8,6 +8,26 @@
color: var(--base-text)
}
+nav.sidebar {
+ position: fixed;
+}
+
+
+@media (min-width: 992px) {
+ nav.sidebar {
+ position: fixed;
+ max-height: auto;
+ }
+
+ .main-panel {
+ margin-left: 270px;
+ }
+
+ .sidebar-icon-only .main-panel {
+ margin-left: 70px;
+ }
+}
+
.sidebar>.nav>.nav-item:not(.nav-profile)>.nav-link:before {
content: none;
@@ -51,15 +71,15 @@
}
.mc-log-time {
- color: #19d895;
+ color: var(--success);
}
.mc-log-info {
- color: #8862e0;
+ color: var(--info);
}
.mc-log-warn {
- color: #ffaf00;
+ color: var(--warning);
}
.mc-log-error {
@@ -71,7 +91,7 @@
}
.mc-log-keyword {
- color: #2196f3;
+ color: var(--primary);
}
.scrollable-element {
diff --git a/app/frontend/static/assets/css/dark/style.css b/app/frontend/static/assets/css/dark/style.css
index 9f75ee07..d4b32181 100755
--- a/app/frontend/static/assets/css/dark/style.css
+++ b/app/frontend/static/assets/css/dark/style.css
@@ -34,19 +34,6 @@ root,
--teal: #58d8a3;
--cyan: #57c7d4;
--white: #ffffff;
- --gray: #6c757d;
- --gray-dark: #292b2c;
- --blue: #00aeef;
- --indigo: #6610f2;
- --purple: #ab8ce4;
- --pink: #E91E63;
- --red: #ff0017;
- --orange: #fb9678;
- --yellow: #ffd500;
- --green: #3bd949;
- --teal: #58d8a3;
- --cyan: #57c7d4;
- --white: #ffffff;
--white-smoke: #f3f5f6;
--gray: #6c757d;
--gray-light: #8ba2b5;
@@ -90,26 +77,13 @@ root,
--teal: #58d8a3;
--cyan: #57c7d4;
--white: #ffffff;
- --gray: #6c757d;
- --gray-dark: #292b2c;
- --blue: #00aeef;
- --indigo: #6610f2;
- --purple: #ab8ce4;
- --pink: #E91E63;
- --red: #ff0017;
- --orange: #fb9678;
- --yellow: #ffd500;
- --green: #3bd949;
- --teal: #58d8a3;
- --cyan: #57c7d4;
- --white: #ffffff;
--white-smoke: #f3f5f6;
--gray: #6c757d;
--gray-light: #8ba2b5;
--gray-lightest: #f7f7f9;
--primary: #2196f3;
--secondary: #dde4eb;
- --success: #19d895;
+ --success: #449c4b;
--info: #8862e0;
--warning: #ffaf00;
--danger: #ff6258;
@@ -146,19 +120,6 @@ root,
--teal: #58d8a3;
--cyan: #57c7d4;
--white: #ffffff;
- --gray: #6c757d;
- --gray-dark: #292b2c;
- --blue: #00aeef;
- --indigo: #6610f2;
- --purple: #ab8ce4;
- --pink: #E91E63;
- --red: #ff0017;
- --orange: #fb9678;
- --yellow: #ffd500;
- --green: #3bd949;
- --teal: #58d8a3;
- --cyan: #57c7d4;
- --white: #ffffff;
--white-smoke: #f3f5f6;
--gray: #6c757d;
--gray-light: #8ba2b5;
@@ -202,19 +163,6 @@ root,
--teal: #58d8a3;
--cyan: #57c7d4;
--white: #ffffff;
- --gray: #6c757d;
- --gray-dark: #292b2c;
- --blue: #00aeef;
- --indigo: #6610f2;
- --purple: #ab8ce4;
- --pink: #E91E63;
- --red: #ff0017;
- --orange: #fb9678;
- --yellow: #ffd500;
- --green: #3bd949;
- --teal: #58d8a3;
- --cyan: #57c7d4;
- --white: #ffffff;
--white-smoke: #f3f5f6;
--gray: #6c757d;
--gray-light: #8ba2b5;
@@ -434,7 +382,7 @@ table {
caption {
padding-top: 12px 15px;
padding-bottom: 12px 15px;
- color: #6c757d;
+ color: var(--gray);
text-align: left;
caption-side: bottom;
}
@@ -708,7 +656,7 @@ mark,
.blockquote-footer {
display: block;
font-size: 80%;
- color: #6c757d;
+ color: var(--gray);
}
.blockquote-footer::before {
@@ -740,7 +688,7 @@ mark,
.figure-caption {
font-size: 90%;
- color: #6c757d;
+ color: var(--gray);
}
code {
@@ -2572,7 +2520,7 @@ pre code {
.tt-hint::-webkit-input-placeholder,
.tt-query::-webkit-input-placeholder,
.typeahead::-webkit-input-placeholder {
- color: #6c757d;
+ color: var(--gray);
opacity: 1;
}
@@ -2587,7 +2535,7 @@ pre code {
.tt-hint::-moz-placeholder,
.tt-query::-moz-placeholder,
.typeahead::-moz-placeholder {
- color: #6c757d;
+ color: var(--gray);
opacity: 1;
}
@@ -2602,7 +2550,7 @@ pre code {
.tt-hint:-ms-input-placeholder,
.tt-query:-ms-input-placeholder,
.typeahead:-ms-input-placeholder {
- color: #6c757d;
+ color: var(--gray);
opacity: 1;
}
@@ -2617,7 +2565,7 @@ pre code {
.tt-hint::-ms-input-placeholder,
.tt-query::-ms-input-placeholder,
.typeahead::-ms-input-placeholder {
- color: #6c757d;
+ color: var(--gray);
opacity: 1;
}
@@ -2632,7 +2580,7 @@ pre code {
.tt-hint::placeholder,
.tt-query::placeholder,
.typeahead::placeholder {
- color: #6c757d;
+ color: var(--gray);
opacity: 1;
}
@@ -3618,8 +3566,8 @@ fieldset:disabled .wizard>.actions a,
.btn-secondary,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {
color: #212529;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-secondary:hover,
@@ -3642,8 +3590,8 @@ fieldset:disabled .wizard>.actions a,
.btn-secondary:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {
color: #212529;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-secondary:not(:disabled):not(.disabled):active,
@@ -3669,8 +3617,8 @@ fieldset:disabled .wizard>.actions a,
.btn-success {
color: #212529;
- background-color: #19d895;
- border-color: #19d895;
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-success:hover {
@@ -3688,8 +3636,8 @@ fieldset:disabled .wizard>.actions a,
.btn-success.disabled,
.btn-success:disabled {
color: #212529;
- background-color: #19d895;
- border-color: #19d895;
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-success:not(:disabled):not(.disabled):active,
@@ -3710,8 +3658,8 @@ fieldset:disabled .wizard>.actions a,
.btn-info,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {
color: var(--base-text);
- background-color: #8862e0;
- border-color: #8862e0;
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-info:hover,
@@ -3734,8 +3682,8 @@ fieldset:disabled .wizard>.actions a,
.btn-info:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {
color: var(--base-text);
- background-color: #8862e0;
- border-color: #8862e0;
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-info:not(:disabled):not(.disabled):active,
@@ -3841,8 +3789,8 @@ fieldset:disabled .wizard>.actions a,
.btn-light {
color: #212529;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-light:hover {
@@ -3860,8 +3808,8 @@ fieldset:disabled .wizard>.actions a,
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-light:not(:disabled):not(.disabled):active,
@@ -3881,8 +3829,8 @@ fieldset:disabled .wizard>.actions a,
.btn-dark {
color: var(--base-text);
- background-color: #252C46;
- border-color: #252C46;
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.btn-dark:hover {
@@ -3900,8 +3848,8 @@ fieldset:disabled .wizard>.actions a,
.btn-dark.disabled,
.btn-dark:disabled {
color: var(--base-text);
- background-color: #252C46;
- border-color: #252C46;
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.btn-dark:not(:disabled):not(.disabled):active,
@@ -3970,14 +3918,14 @@ fieldset:disabled .wizard>.actions a,
}
.btn-outline-secondary {
- color: #dde4eb;
- border-color: #dde4eb;
+ color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-outline-secondary:hover {
color: #212529;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-outline-secondary:focus,
@@ -3988,7 +3936,7 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
- color: #dde4eb;
+ color: var(--secondary);
background-color: transparent;
}
@@ -3996,8 +3944,8 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #212529;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
@@ -4008,14 +3956,14 @@ fieldset:disabled .wizard>.actions a,
}
.btn-outline-success {
- color: #19d895;
- border-color: #19d895;
+ color: var(--success);
+ border-color: var(--success);
}
.btn-outline-success:hover {
color: #212529;
- background-color: #19d895;
- border-color: #19d895;
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-outline-success:focus,
@@ -4026,7 +3974,7 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-success.disabled,
.btn-outline-success:disabled {
- color: #19d895;
+ color: var(--success);
background-color: transparent;
}
@@ -4034,8 +3982,8 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
color: #212529;
- background-color: #19d895;
- border-color: #19d895;
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
@@ -4046,14 +3994,14 @@ fieldset:disabled .wizard>.actions a,
}
.btn-outline-info {
- color: #8862e0;
- border-color: #8862e0;
+ color: var(--info);
+ border-color: var(--info);
}
.btn-outline-info:hover {
color: var(--base-text);
- background-color: #8862e0;
- border-color: #8862e0;
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-outline-info:focus,
@@ -4064,7 +4012,7 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-info.disabled,
.btn-outline-info:disabled {
- color: #8862e0;
+ color: var(--info);
background-color: transparent;
}
@@ -4072,8 +4020,8 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
color: var(--base-text);
- background-color: #8862e0;
- border-color: #8862e0;
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
@@ -4160,14 +4108,14 @@ fieldset:disabled .wizard>.actions a,
}
.btn-outline-light {
- color: #fbfbfb;
- border-color: #fbfbfb;
+ color: var(--light);
+ border-color: var(--light);
}
.btn-outline-light:hover {
color: #212529;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-outline-light:focus,
@@ -4178,7 +4126,7 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-light.disabled,
.btn-outline-light:disabled {
- color: #fbfbfb;
+ color: var(--light);
background-color: transparent;
}
@@ -4186,8 +4134,8 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
@@ -4198,14 +4146,14 @@ fieldset:disabled .wizard>.actions a,
}
.btn-outline-dark {
- color: #252C46;
- border-color: #252C46;
+ color: var(--dark);
+ border-color: var(--dark);
}
.btn-outline-dark:hover {
color: var(--base-text);
- background-color: #252C46;
- border-color: #252C46;
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.btn-outline-dark:focus,
@@ -4216,7 +4164,7 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
- color: #252C46;
+ color: var(--dark);
background-color: transparent;
}
@@ -4224,8 +4172,8 @@ fieldset:disabled .wizard>.actions a,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
color: var(--base-text);
- background-color: #252C46;
- border-color: #252C46;
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
@@ -4255,7 +4203,7 @@ fieldset:disabled .wizard>.actions a,
.btn-link:disabled,
.btn-link.disabled {
- color: #6c757d;
+ color: var(--gray);
pointer-events: none;
}
@@ -4565,7 +4513,7 @@ input[type="button"].btn-block {
.dropdown-item.disabled,
.dropdown-item:disabled {
- color: #6c757d;
+ color: var(--gray);
pointer-events: none;
background-color: transparent;
}
@@ -4579,7 +4527,7 @@ input[type="button"].btn-block {
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
- color: #6c757d;
+ color: var(--gray);
white-space: nowrap;
}
@@ -5900,7 +5848,7 @@ input[type="button"].btn-block {
}
.custom-control-input:disabled~.custom-control-label {
- color: #6c757d;
+ color: var(--gray);
}
.custom-control-input:disabled~.custom-control-label::before {
@@ -6054,7 +6002,7 @@ input[type="button"].btn-block {
}
.custom-select:disabled {
- color: #6c757d;
+ color: var(--gray);
background-color: #e9ecef;
}
@@ -6357,7 +6305,7 @@ input[type="button"].btn-block {
}
.nav-link.disabled {
- color: #6c757d;
+ color: var(--gray);
pointer-events: none;
cursor: default;
}
@@ -6382,7 +6330,7 @@ input[type="button"].btn-block {
}
.nav-tabs .nav-link.disabled {
- color: #6c757d;
+ color: var(--gray);
background-color: transparent;
border-color: transparent;
}
@@ -7215,7 +7163,7 @@ input[type="button"].btn-block {
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
- color: #6c757d;
+ color: var(--gray);
content: "/";
}
@@ -7228,7 +7176,7 @@ input[type="button"].btn-block {
}
.breadcrumb-item.active {
- color: #6c757d;
+ color: var(--gray);
}
.pagination,
@@ -7324,7 +7272,7 @@ input[type="button"].btn-block {
.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {
- color: #6c757d;
+ color: var(--gray);
pointer-events: none;
cursor: auto;
background-color: var(--select-bg);
@@ -7485,7 +7433,7 @@ a.badge-primary.focus {
.badge-secondary {
color: #212529;
- background-color: #dde4eb;
+ background-color: var(--secondary);
}
a.badge-secondary:hover,
@@ -7504,7 +7452,7 @@ a.badge-secondary.focus {
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
color: #212529;
- background-color: #19d895;
+ background-color: var(--success);
}
a.badge-success:hover,
@@ -7527,7 +7475,7 @@ a.badge-success.focus,
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
color: var(--base-text);
- background-color: #8862e0;
+ background-color: var(--info);
}
a.badge-info:hover,
@@ -7590,7 +7538,7 @@ a.badge-danger.focus {
.badge-light {
color: #212529;
- background-color: #fbfbfb;
+ background-color: var(--light);
}
a.badge-light:hover,
@@ -7608,7 +7556,7 @@ a.badge-light.focus {
.badge-dark {
color: var(--base-text);
- background-color: #252C46;
+ background-color: var(--dark);
}
a.badge-dark:hover,
@@ -7925,7 +7873,7 @@ a.badge-dark.focus {
.list-group-item.disabled,
.list-group-item:disabled {
- color: #6c757d;
+ color: var(--gray);
pointer-events: none;
background-color: var(--select-bg);
}
@@ -8101,7 +8049,7 @@ a.badge-dark.focus {
}
.list-group-item-primary.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #114e7e;
border-color: #114e7e;
}
@@ -8118,7 +8066,7 @@ a.badge-dark.focus {
}
.list-group-item-secondary.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #73777a;
border-color: #73777a;
}
@@ -8135,7 +8083,7 @@ a.badge-dark.focus {
}
.list-group-item-success.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #0d704d;
border-color: #0d704d;
}
@@ -8152,7 +8100,7 @@ a.badge-dark.focus {
}
.list-group-item-info.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #473374;
border-color: #473374;
}
@@ -8169,7 +8117,7 @@ a.badge-dark.focus {
}
.list-group-item-warning.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #855b00;
border-color: #855b00;
}
@@ -8186,7 +8134,7 @@ a.badge-dark.focus {
}
.list-group-item-danger.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #85332e;
border-color: #85332e;
}
@@ -8203,7 +8151,7 @@ a.badge-dark.focus {
}
.list-group-item-light.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #838383;
border-color: #838383;
}
@@ -8220,7 +8168,7 @@ a.badge-dark.focus {
}
.list-group-item-dark.list-group-item-action.active {
- color: #ffffff;
+ color: var(--white);
background-color: #131724;
border-color: #131724;
}
@@ -8298,7 +8246,7 @@ a.close.disabled {
-ms-flex-align: center;
align-items: center;
padding: 0.25rem 0.75rem;
- color: #6c757d;
+ color: var(--gray);
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -9191,7 +9139,7 @@ button.bg-primary:focus,
}
.bg-secondary {
- background-color: #dde4eb !important;
+ background-color: var(--secondary) !important;
}
a.bg-secondary:hover,
@@ -9203,7 +9151,7 @@ button.bg-secondary:focus {
.bg-success,
.settings-panel .color-tiles .tiles.success {
- background-color: #19d895 !important;
+ background-color: var(--success) !important;
}
a.bg-success:hover,
@@ -9219,7 +9167,7 @@ button.bg-success:focus,
.bg-info,
.settings-panel .color-tiles .tiles.info {
- background-color: #8862e0 !important;
+ background-color: var(--info) !important;
}
a.bg-info:hover,
@@ -9266,7 +9214,7 @@ button.bg-danger:focus,
}
.bg-light {
- background-color: #fbfbfb !important;
+ background-color: var(--light) !important;
}
a.bg-light:hover,
@@ -9278,7 +9226,7 @@ button.bg-light:focus {
.bg-dark,
.settings-panel .color-tiles .tiles.dark {
- background-color: #252C46 !important;
+ background-color: var(--dark) !important;
}
a.bg-dark:hover,
@@ -9293,7 +9241,7 @@ button.bg-dark:focus,
}
.bg-white {
- background-color: #ffffff !important;
+ background-color: var(--white) !important;
}
.bg-transparent {
@@ -9347,15 +9295,15 @@ button.bg-dark:focus,
.border-secondary,
.loader-demo-box {
- border-color: #dde4eb !important;
+ border-color: var(--secondary) !important;
}
.border-success {
- border-color: #19d895 !important;
+ border-color: var(--success) !important;
}
.border-info {
- border-color: #8862e0 !important;
+ border-color: var(--info) !important;
}
.border-warning {
@@ -9367,15 +9315,15 @@ button.bg-dark:focus,
}
.border-light {
- border-color: #fbfbfb !important;
+ border-color: var(--light) !important;
}
.border-dark {
- border-color: #252C46 !important;
+ border-color: var(--dark) !important;
}
.border-white {
- border-color: #ffffff !important;
+ border-color: var(--white) !important;
}
.rounded-sm {
@@ -13292,7 +13240,7 @@ button.bg-dark:focus,
}
.text-white {
- color: #ffffff !important;
+ color: var(--white) !important;
}
.text-primary {
@@ -13305,7 +13253,7 @@ a.text-primary:focus {
}
.text-secondary {
- color: #dde4eb !important;
+ color: var(--secondary) !important;
}
a.text-secondary:hover,
@@ -13314,7 +13262,7 @@ a.text-secondary:focus {
}
.text-success {
- color: #19d895 !important;
+ color: var(--success) !important;
}
a.text-success:hover,
@@ -13323,7 +13271,7 @@ a.text-success:focus {
}
.text-info {
- color: #8862e0 !important;
+ color: var(--info) !important;
}
a.text-info:hover,
@@ -13350,7 +13298,7 @@ a.text-danger:focus {
}
.text-light {
- color: #fbfbfb !important;
+ color: var(--light) !important;
}
a.text-light:hover,
@@ -13359,7 +13307,7 @@ a.text-light:focus {
}
.text-dark {
- color: #252C46 !important;
+ color: var(--dark) !important;
}
a.text-dark:hover,
@@ -13493,7 +13441,7 @@ a.text-dark:focus {
.jsgrid .jsgrid-table td,
.table th,
.jsgrid .jsgrid-table th {
- background-color: #ffffff !important;
+ background-color: var(--white) !important;
}
.table-bordered th,
@@ -14149,27 +14097,27 @@ address p {
}
.blockquote-secondary {
- border-color: #dde4eb;
+ border-color: var(--secondary);
}
.blockquote-secondary .blockquote-footer {
- color: #dde4eb;
+ color: var(--secondary);
}
.blockquote-success {
- border-color: #19d895;
+ border-color: var(--success);
}
.blockquote-success .blockquote-footer {
- color: #19d895;
+ color: var(--success);
}
.blockquote-info {
- border-color: #8862e0;
+ border-color: var(--info);
}
.blockquote-info .blockquote-footer {
- color: #8862e0;
+ color: var(--info);
}
.blockquote-warning {
@@ -14189,19 +14137,19 @@ address p {
}
.blockquote-light {
- border-color: #fbfbfb;
+ border-color: var(--light);
}
.blockquote-light .blockquote-footer {
- color: #fbfbfb;
+ color: var(--light);
}
.blockquote-dark {
- border-color: #252C46;
+ border-color: var(--dark);
}
.blockquote-dark .blockquote-footer {
- color: #252C46;
+ color: var(--dark);
}
.page-title {
@@ -14506,7 +14454,7 @@ pre {
line-height: 1;
vertical-align: middle;
border-radius: 100%;
- color: #ffffff;
+ color: var(--white);
font-weight: 500;
}
@@ -14582,7 +14530,7 @@ pre {
}
.status-indicator.online {
- border-color: #19d895;
+ border-color: var(--success);
}
.status-indicator.offline {
@@ -14804,7 +14752,7 @@ pre {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
- background: #dde4eb;
+ background: var(--secondary);
color: #4d4c4c;
border: 3px solid #fff;
}
@@ -15058,7 +15006,7 @@ pre {
.card-revenue {
background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);
background-size: cover;
- color: #ffffff;
+ color: var(--white);
}
.card-revenue .highlight-text {
@@ -15078,7 +15026,7 @@ pre {
}
.card-weather .card-body {
- background: #ffffff;
+ background: var(--white);
}
.card-weather .card-body:first-child {
@@ -15159,7 +15107,7 @@ pre {
}
.dashboard-bar-chart-legend .col:nth-child(1) .bg {
- background: #8862e0;
+ background: var(--info);
}
.dashboard-bar-chart-legend .col:nth-child(2) .bg {
@@ -15276,7 +15224,7 @@ pre {
height: 1rem;
border-radius: 100%;
background: #FF0017;
- color: #ffffff;
+ color: var(--white);
font-size: 11px;
top: -1px;
font-weight: 600;
@@ -15441,7 +15389,7 @@ pre {
}
.navbar.default-layout .navbar-brand-wrapper .navbar-brand {
- color: #ffffff;
+ color: var(--white);
font-size: 1.5rem;
line-height: 48px;
margin-right: 0;
@@ -15690,7 +15638,7 @@ pre {
.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {
padding: 10px 0px 10px 70px;
position: relative;
- color: rgba(255, 255, 255, 0.8);
+ color: var(--base-text);
font-size: calc(15px - 2px);
font-weight: 500;
-webkit-transition-duration: 0.5s;
@@ -15878,7 +15826,7 @@ pre {
}
.sidebar>.nav .nav-item.nav-category {
- color: rgba(255, 255, 255, 0.7);
+ color: var(--base-text);
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
margin: 0 30px;
font-size: 15px;
@@ -16775,43 +16723,43 @@ pre {
}
.accordion.accordion-multiple-outline .card:nth-child(5n+1) {
- border-color: #8862e0;
+ border-color: var(--info);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a .card-icon {
- color: #8862e0;
+ color: var(--info);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a:before {
- color: #8862e0;
+ color: var(--info);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="true"] {
- border-bottom: 1px solid #8862e0;
+ border-bottom: 1px solid var(--info);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="false"] {
- border-bottom: 1px solid #ffffff;
+ border-bottom: 1px solid var(--white);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+2) {
- border-color: #19d895;
+ border-color: var(--success);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a .card-icon {
- color: #19d895;
+ color: var(--success);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a:before {
- color: #19d895;
+ color: var(--success);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="true"] {
- border-bottom: 1px solid #19d895;
+ border-bottom: 1px solid var(--success);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="false"] {
- border-bottom: 1px solid #ffffff;
+ border-bottom: 1px solid var(--white);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+3) {
@@ -16831,7 +16779,7 @@ pre {
}
.accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded="false"] {
- border-bottom: 1px solid #ffffff;
+ border-bottom: 1px solid var(--white);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+4) {
@@ -16851,7 +16799,7 @@ pre {
}
.accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded="false"] {
- border-bottom: 1px solid #ffffff;
+ border-bottom: 1px solid var(--white);
}
.accordion.accordion-multiple-outline .card:nth-child(5n+5) {
@@ -16871,7 +16819,7 @@ pre {
}
.accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded="false"] {
- border-bottom: 1px solid #ffffff;
+ border-bottom: 1px solid var(--white);
}
.accordion.accordion-multiple-outline .card .card-header a[aria-expanded="true"]:before {
@@ -16887,27 +16835,27 @@ pre {
}
.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a {
- background: #8862e0;
+ background: var(--info);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="true"] {
- background: #8862e0;
+ background: var(--info);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="false"] {
- background: #8862e0;
+ background: var(--info);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a {
- background: #19d895;
+ background: var(--success);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="true"] {
- background: #19d895;
+ background: var(--success);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="false"] {
- background: #19d895;
+ background: var(--success);
}
.accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a {
@@ -16949,7 +16897,7 @@ pre {
.accordion.accordion-multiple-filled .card .card-header a {
padding-left: 2.5rem;
padding-right: 1rem;
- color: #ffffff;
+ color: var(--white);
font-weight: 300;
}
@@ -16957,7 +16905,7 @@ pre {
left: 10px;
right: unset;
top: 12px;
- color: #ffffff;
+ color: var(--white);
}
.accordion.accordion-multiple-filled .card .card-header a[aria-expanded="true"]:before {
@@ -16969,21 +16917,21 @@ pre {
}
.accordion.accordion-solid-bg .card {
- background: #fbfbfb;
+ background: var(--light);
}
.accordion.accordion-solid-bg .card .card-header a {
- color: #8862e0;
+ color: var(--info);
font-weight: 400;
}
.accordion.accordion-solid-bg .card .card-header a:before {
top: 12px;
- color: #8862e0;
+ color: var(--info);
}
.accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"] {
- background: #fbfbfb;
+ background: var(--light);
}
.accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"]:before {
@@ -16991,7 +16939,7 @@ pre {
}
.accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"] {
- background: #ffffff;
+ background: var(--white);
}
.accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"]:before {
@@ -17028,12 +16976,12 @@ pre {
.accordion.accordion-body-filled .card .card-header a[aria-expanded="false"]:before {
content: "\F417";
- color: #dde4eb;
+ color: var(--secondary);
}
.accordion.accordion-body-filled .card .card-body {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
border-radius: 4px;
}
@@ -17106,12 +17054,12 @@ pre {
.accordion-inverse-secondary {
background: rgba(221, 228, 235, 0.16);
- color: #dde4eb;
+ color: var(--secondary);
border: none;
}
.accordion-inverse-secondary .card-header {
- color: #dde4eb;
+ color: var(--secondary);
border: none;
}
@@ -17124,15 +17072,15 @@ pre {
.accordion-inverse-secondary .card-header h6,
.accordion-inverse-secondary .card-header p,
.accordion-inverse-secondary .card-header span {
- color: #dde4eb !important;
+ color: var(--secondary) !important;
}
.accordion-inverse-secondary .card-header a {
- border-color: #dde4eb;
+ border-color: var(--secondary);
}
.accordion-inverse-secondary .card-header a:before {
- color: #dde4eb !important;
+ color: var(--secondary) !important;
}
.accordion-inverse-secondary .card-header a[aria-expanded="true"] {
@@ -17145,12 +17093,12 @@ pre {
.accordion-inverse-success {
background: rgba(25, 216, 149, 0.16);
- color: #19d895;
+ color: var(--success);
border: none;
}
.accordion-inverse-success .card-header {
- color: #19d895;
+ color: var(--success);
border: none;
}
@@ -17163,15 +17111,15 @@ pre {
.accordion-inverse-success .card-header h6,
.accordion-inverse-success .card-header p,
.accordion-inverse-success .card-header span {
- color: #19d895 !important;
+ color: var(--success) !important;
}
.accordion-inverse-success .card-header a {
- border-color: #19d895;
+ border-color: var(--success);
}
.accordion-inverse-success .card-header a:before {
- color: #19d895 !important;
+ color: var(--success) !important;
}
.accordion-inverse-success .card-header a[aria-expanded="true"] {
@@ -17184,12 +17132,12 @@ pre {
.accordion-inverse-info {
background: rgba(136, 98, 224, 0.16);
- color: #8862e0;
+ color: var(--info);
border: none;
}
.accordion-inverse-info .card-header {
- color: #8862e0;
+ color: var(--info);
border: none;
}
@@ -17202,15 +17150,15 @@ pre {
.accordion-inverse-info .card-header h6,
.accordion-inverse-info .card-header p,
.accordion-inverse-info .card-header span {
- color: #8862e0 !important;
+ color: var(--info) !important;
}
.accordion-inverse-info .card-header a {
- border-color: #8862e0;
+ border-color: var(--info);
}
.accordion-inverse-info .card-header a:before {
- color: #8862e0 !important;
+ color: var(--info) !important;
}
.accordion-inverse-info .card-header a[aria-expanded="true"] {
@@ -17301,12 +17249,12 @@ pre {
.accordion-inverse-light {
background: rgba(251, 251, 251, 0.16);
- color: #fbfbfb;
+ color: var(--light);
border: none;
}
.accordion-inverse-light .card-header {
- color: #fbfbfb;
+ color: var(--light);
border: none;
}
@@ -17319,15 +17267,15 @@ pre {
.accordion-inverse-light .card-header h6,
.accordion-inverse-light .card-header p,
.accordion-inverse-light .card-header span {
- color: #fbfbfb !important;
+ color: var(--light) !important;
}
.accordion-inverse-light .card-header a {
- border-color: #fbfbfb;
+ border-color: var(--light);
}
.accordion-inverse-light .card-header a:before {
- color: #fbfbfb !important;
+ color: var(--light) !important;
}
.accordion-inverse-light .card-header a[aria-expanded="true"] {
@@ -17340,12 +17288,12 @@ pre {
.accordion-inverse-dark {
background: rgba(37, 44, 70, 0.16);
- color: #252C46;
+ color: var(--dark);
border: none;
}
.accordion-inverse-dark .card-header {
- color: #252C46;
+ color: var(--dark);
border: none;
}
@@ -17358,15 +17306,15 @@ pre {
.accordion-inverse-dark .card-header h6,
.accordion-inverse-dark .card-header p,
.accordion-inverse-dark .card-header span {
- color: #252C46 !important;
+ color: var(--dark) !important;
}
.accordion-inverse-dark .card-header a {
- border-color: #252C46;
+ border-color: var(--dark);
}
.accordion-inverse-dark .card-header a:before {
- color: #252C46 !important;
+ color: var(--dark) !important;
}
.accordion-inverse-dark .card-header a[aria-expanded="true"] {
@@ -17394,7 +17342,7 @@ pre {
}
.accordion-outline-secondary .card {
- border-color: #dde4eb;
+ border-color: var(--secondary);
}
.accordion-outline-secondary .card .card-header {
@@ -17402,15 +17350,15 @@ pre {
}
.accordion-outline-secondary .card .card-header a {
- border-color: #dde4eb;
+ border-color: var(--secondary);
}
.accordion-outline-secondary .card .card-header a:before {
- color: #dde4eb;
+ color: var(--secondary);
}
.accordion-outline-success .card {
- border-color: #19d895;
+ border-color: var(--success);
}
.accordion-outline-success .card .card-header {
@@ -17418,15 +17366,15 @@ pre {
}
.accordion-outline-success .card .card-header a {
- border-color: #19d895;
+ border-color: var(--success);
}
.accordion-outline-success .card .card-header a:before {
- color: #19d895;
+ color: var(--success);
}
.accordion-outline-info .card {
- border-color: #8862e0;
+ border-color: var(--info);
}
.accordion-outline-info .card .card-header {
@@ -17434,11 +17382,11 @@ pre {
}
.accordion-outline-info .card .card-header a {
- border-color: #8862e0;
+ border-color: var(--info);
}
.accordion-outline-info .card .card-header a:before {
- color: #8862e0;
+ color: var(--info);
}
.accordion-outline-warning .card {
@@ -17474,7 +17422,7 @@ pre {
}
.accordion-outline-light .card {
- border-color: #fbfbfb;
+ border-color: var(--light);
}
.accordion-outline-light .card .card-header {
@@ -17482,15 +17430,15 @@ pre {
}
.accordion-outline-light .card .card-header a {
- border-color: #fbfbfb;
+ border-color: var(--light);
}
.accordion-outline-light .card .card-header a:before {
- color: #fbfbfb;
+ color: var(--light);
}
.accordion-outline-dark .card {
- border-color: #252C46;
+ border-color: var(--dark);
}
.accordion-outline-dark .card .card-header {
@@ -17498,11 +17446,11 @@ pre {
}
.accordion-outline-dark .card .card-header a {
- border-color: #252C46;
+ border-color: var(--dark);
}
.accordion-outline-dark .card .card-header a:before {
- color: #252C46;
+ color: var(--dark);
}
/* Badges */
@@ -17546,45 +17494,45 @@ pre {
/*Badge variations*/
.badge-primary {
border: 1px solid #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.badge-secondary {
- border: 1px solid #dde4eb;
- color: #ffffff;
+ border: 1px solid var(--secondary);
+ color: var(--white);
}
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
- border: 1px solid #19d895;
- color: #ffffff;
+ border: 1px solid var(--success);
+ color: var(--white);
}
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
- border: 1px solid #8862e0;
- color: #ffffff;
+ border: 1px solid var(--info);
+ color: var(--white);
}
.badge-warning,
.preview-list .preview-item .preview-thumbnail .badge.badge-busy {
border: 1px solid #ffaf00;
- color: #ffffff;
+ color: var(--white);
}
.badge-danger {
border: 1px solid #ff6258;
- color: #ffffff;
+ color: var(--white);
}
.badge-light {
- border: 1px solid #fbfbfb;
- color: #ffffff;
+ border: 1px solid var(--light);
+ color: var(--white);
}
.badge-dark {
- border: 1px solid #252C46;
- color: #ffffff;
+ border: 1px solid var(--dark);
+ color: var(--white);
}
/*Badge inverse variations*/
@@ -17595,17 +17543,17 @@ pre {
.badge-inverse-secondary {
background: rgba(221, 228, 235, 0.3);
- color: #dde4eb;
+ color: var(--secondary);
}
.badge-inverse-success {
background: rgba(25, 216, 149, 0.3);
- color: #19d895;
+ color: var(--success);
}
.badge-inverse-info {
background: rgba(136, 98, 224, 0.3);
- color: #8862e0;
+ color: var(--info);
}
.badge-inverse-warning {
@@ -17620,12 +17568,12 @@ pre {
.badge-inverse-light {
background: rgba(251, 251, 251, 0.3);
- color: #fbfbfb;
+ color: var(--light);
}
.badge-inverse-dark {
background: rgba(37, 44, 70, 0.3);
- color: #252C46;
+ color: var(--dark);
}
/*Badge outlined variations*/
@@ -17635,18 +17583,18 @@ pre {
}
.badge-outline-secondary {
- color: #dde4eb;
- border: 1px solid #dde4eb;
+ color: var(--secondary);
+ border: 1px solid var(--secondary);
}
.badge-outline-success {
- color: #19d895;
- border: 1px solid #19d895;
+ color: var(--success);
+ border: 1px solid var(--success);
}
.badge-outline-info {
- color: #8862e0;
- border: 1px solid #8862e0;
+ color: var(--info);
+ border: 1px solid var(--info);
}
.badge-outline-warning {
@@ -17660,13 +17608,13 @@ pre {
}
.badge-outline-light {
- color: #fbfbfb;
- border: 1px solid #fbfbfb;
+ color: var(--light);
+ border: 1px solid var(--light);
}
.badge-outline-dark {
- color: #252C46;
- border: 1px solid #252C46;
+ color: var(--dark);
+ border: 1px solid var(--dark);
}
/* Bootstrap Alerts */
@@ -17794,7 +17742,7 @@ pre {
}
.alert-fill-primary {
- color: #ffffff;
+ color: var(--white);
background-color: #2196f3;
border-color: #2196f3;
}
@@ -17808,9 +17756,9 @@ pre {
}
.alert-fill-secondary {
- color: #ffffff;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ color: var(--white);
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.alert-fill-secondary hr {
@@ -17822,9 +17770,9 @@ pre {
}
.alert-fill-success {
- color: #ffffff;
- background-color: #19d895;
- border-color: #19d895;
+ color: var(--white);
+ background-color: var(--success);
+ border-color: var(--success);
}
.alert-fill-success hr {
@@ -17836,9 +17784,9 @@ pre {
}
.alert-fill-info {
- color: #ffffff;
- background-color: #8862e0;
- border-color: #8862e0;
+ color: var(--white);
+ background-color: var(--info);
+ border-color: var(--info);
}
.alert-fill-info hr {
@@ -17850,7 +17798,7 @@ pre {
}
.alert-fill-warning {
- color: #ffffff;
+ color: var(--white);
background-color: #ffaf00;
border-color: #ffaf00;
}
@@ -17864,7 +17812,7 @@ pre {
}
.alert-fill-danger {
- color: #ffffff;
+ color: var(--white);
background-color: #ff6258;
border-color: #ff6258;
}
@@ -17878,9 +17826,9 @@ pre {
}
.alert-fill-light {
- color: #ffffff;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ color: var(--white);
+ background-color: var(--light);
+ border-color: var(--light);
}
.alert-fill-light hr {
@@ -17892,9 +17840,9 @@ pre {
}
.alert-fill-dark {
- color: #ffffff;
- background-color: #252C46;
- border-color: #252C46;
+ color: var(--white);
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.alert-fill-dark hr {
@@ -18125,7 +18073,7 @@ pre {
.ajax-upload-dragdrop .btn-warning.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled,
.wizard>.actions a.btn-warning {
- color: #ffffff;
+ color: var(--white);
}
.btn.btn-outline-light,
@@ -18162,7 +18110,7 @@ pre {
.ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled,
.wizard>.actions a.btn-inverse-light {
- background-color: #ffffff;
+ background-color: var(--white);
color: rgba(0, 0, 0, 0.5);
border-color: #d9d9d9;
}
@@ -18321,7 +18269,7 @@ pre {
/*social buttons*/
.btn-twitter {
background: #4DBFF5;
- color: #ffffff;
+ color: var(--white);
}
.btn-twitter:hover {
@@ -18339,7 +18287,7 @@ pre {
.btn-facebook {
background: #648ACA;
- color: #ffffff;
+ color: var(--white);
}
.btn-facebook:hover {
@@ -18357,7 +18305,7 @@ pre {
.btn-google {
background: #E55F4B;
- color: #ffffff;
+ color: var(--white);
}
.btn-google:hover {
@@ -18375,7 +18323,7 @@ pre {
.btn-linkedin {
background: #0177b4;
- color: #ffffff;
+ color: var(--white);
}
.btn-linkedin:hover {
@@ -18393,7 +18341,7 @@ pre {
.btn-pinterest {
background: #cc2127;
- color: #ffffff;
+ color: var(--white);
}
.btn-pinterest:hover {
@@ -18411,7 +18359,7 @@ pre {
.btn-youtube {
background: #e52d27;
- color: #ffffff;
+ color: var(--white);
}
.btn-youtube:hover {
@@ -18429,7 +18377,7 @@ pre {
.btn-github {
background: #333333;
- color: #ffffff;
+ color: var(--white);
}
.btn-github:hover {
@@ -18447,7 +18395,7 @@ pre {
.btn-behance {
background: #1769ff;
- color: #ffffff;
+ color: var(--white);
}
.btn-behance:hover {
@@ -18465,7 +18413,7 @@ pre {
.btn-dribbble {
background: #ea4c89;
- color: #ffffff;
+ color: var(--white);
}
.btn-dribbble:hover {
@@ -18483,7 +18431,7 @@ pre {
.btn-reddit {
background: #ff4500;
- color: #ffffff;
+ color: var(--white);
}
.btn-reddit:hover {
@@ -18609,7 +18557,7 @@ pre {
}
.btn-inverse-primary:hover {
- color: #ffffff;
+ color: var(--white);
background-color: #2196f3;
border-color: #2196f3;
}
@@ -18623,90 +18571,90 @@ pre {
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show>.btn-inverse-primary.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
background-color: #2196f3;
border-color: #2196f3;
}
.btn-inverse-secondary {
- color: #dde4eb;
+ color: var(--secondary);
background-color: rgba(221, 228, 235, 0.2);
background-image: none;
border-color: rgba(221, 228, 235, 0);
}
.btn-inverse-secondary:hover {
- color: #ffffff;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ color: var(--white);
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-inverse-secondary.disabled,
.btn-inverse-secondary:disabled {
- color: #dde4eb;
+ color: var(--secondary);
background-color: transparent;
}
.btn-inverse-secondary.active,
.btn-inverse-secondary:active,
.show>.btn-inverse-secondary.dropdown-toggle {
- color: #ffffff;
- background-color: #dde4eb;
- border-color: #dde4eb;
+ color: var(--white);
+ background-color: var(--secondary);
+ border-color: var(--secondary);
}
.btn-inverse-success {
- color: #19d895;
+ color: var(--success);
background-color: rgba(25, 216, 149, 0.2);
background-image: none;
border-color: rgba(25, 216, 149, 0);
}
.btn-inverse-success:hover {
- color: #ffffff;
- background-color: #19d895;
- border-color: #19d895;
+ color: var(--white);
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-inverse-success.disabled,
.btn-inverse-success:disabled {
- color: #19d895;
+ color: var(--success);
background-color: transparent;
}
.btn-inverse-success.active,
.btn-inverse-success:active,
.show>.btn-inverse-success.dropdown-toggle {
- color: #ffffff;
- background-color: #19d895;
- border-color: #19d895;
+ color: var(--white);
+ background-color: var(--success);
+ border-color: var(--success);
}
.btn-inverse-info {
- color: #8862e0;
+ color: var(--info);
background-color: rgba(136, 98, 224, 0.2);
background-image: none;
border-color: rgba(136, 98, 224, 0);
}
.btn-inverse-info:hover {
- color: #ffffff;
- background-color: #8862e0;
- border-color: #8862e0;
+ color: var(--white);
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-inverse-info.disabled,
.btn-inverse-info:disabled {
- color: #8862e0;
+ color: var(--info);
background-color: transparent;
}
.btn-inverse-info.active,
.btn-inverse-info:active,
.show>.btn-inverse-info.dropdown-toggle {
- color: #ffffff;
- background-color: #8862e0;
- border-color: #8862e0;
+ color: var(--white);
+ background-color: var(--info);
+ border-color: var(--info);
}
.btn-inverse-warning {
@@ -18717,7 +18665,7 @@ pre {
}
.btn-inverse-warning:hover {
- color: #ffffff;
+ color: var(--white);
background-color: #ffaf00;
border-color: #ffaf00;
}
@@ -18731,7 +18679,7 @@ pre {
.btn-inverse-warning.active,
.btn-inverse-warning:active,
.show>.btn-inverse-warning.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
background-color: #ffaf00;
border-color: #ffaf00;
}
@@ -18744,7 +18692,7 @@ pre {
}
.btn-inverse-danger:hover {
- color: #ffffff;
+ color: var(--white);
background-color: #ff6258;
border-color: #ff6258;
}
@@ -18758,63 +18706,63 @@ pre {
.btn-inverse-danger.active,
.btn-inverse-danger:active,
.show>.btn-inverse-danger.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
background-color: #ff6258;
border-color: #ff6258;
}
.btn-inverse-light {
- color: #fbfbfb;
+ color: var(--light);
background-color: rgba(251, 251, 251, 0.2);
background-image: none;
border-color: rgba(251, 251, 251, 0);
}
.btn-inverse-light:hover {
- color: #ffffff;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ color: var(--white);
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-inverse-light.disabled,
.btn-inverse-light:disabled {
- color: #fbfbfb;
+ color: var(--light);
background-color: transparent;
}
.btn-inverse-light.active,
.btn-inverse-light:active,
.show>.btn-inverse-light.dropdown-toggle {
- color: #ffffff;
- background-color: #fbfbfb;
- border-color: #fbfbfb;
+ color: var(--white);
+ background-color: var(--light);
+ border-color: var(--light);
}
.btn-inverse-dark {
- color: #252C46;
+ color: var(--dark);
background-color: rgba(37, 44, 70, 0.2);
background-image: none;
border-color: rgba(37, 44, 70, 0);
}
.btn-inverse-dark:hover {
- color: #ffffff;
- background-color: #252C46;
- border-color: #252C46;
+ color: var(--white);
+ background-color: var(--dark);
+ border-color: var(--dark);
}
.btn-inverse-dark.disabled,
.btn-inverse-dark:disabled {
- color: #252C46;
+ color: var(--dark);
background-color: transparent;
}
.btn-inverse-dark.active,
.btn-inverse-dark:active,
.show>.btn-inverse-dark.dropdown-toggle {
- color: #ffffff;
- background-color: #252C46;
- border-color: #252C46;
+ color: var(--white);
+ background-color: var(--dark);
+ border-color: var(--dark);
}
/* Inverse Outlined Buttons */
@@ -18846,19 +18794,19 @@ pre {
.btn-inverse-outline-primary.active,
.btn-inverse-outline-primary:active,
.show>.btn-inverse-outline-primary.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
border-color: #2196f3;
}
.btn-inverse-outline-secondary {
- color: #dde4eb;
+ color: var(--secondary);
background-image: none;
background: transparent;
border-color: rgba(221, 228, 235, 0.2);
}
.btn-inverse-outline-secondary:hover {
- color: #dde4eb;
+ color: var(--secondary);
background-color: rgba(221, 228, 235, 0.2);
border-color: rgba(221, 228, 235, 0.2);
}
@@ -18871,26 +18819,26 @@ pre {
.btn-inverse-outline-secondary.disabled,
.btn-inverse-outline-secondary:disabled {
- color: #dde4eb;
+ color: var(--secondary);
background-color: transparent;
}
.btn-inverse-outline-secondary.active,
.btn-inverse-outline-secondary:active,
.show>.btn-inverse-outline-secondary.dropdown-toggle {
- color: #ffffff;
- border-color: #dde4eb;
+ color: var(--white);
+ border-color: var(--secondary);
}
.btn-inverse-outline-success {
- color: #19d895;
+ color: var(--success);
background-image: none;
background: transparent;
border-color: rgba(25, 216, 149, 0.2);
}
.btn-inverse-outline-success:hover {
- color: #19d895;
+ color: var(--success);
background-color: rgba(25, 216, 149, 0.2);
border-color: rgba(25, 216, 149, 0.2);
}
@@ -18903,26 +18851,26 @@ pre {
.btn-inverse-outline-success.disabled,
.btn-inverse-outline-success:disabled {
- color: #19d895;
+ color: var(--success);
background-color: transparent;
}
.btn-inverse-outline-success.active,
.btn-inverse-outline-success:active,
.show>.btn-inverse-outline-success.dropdown-toggle {
- color: #ffffff;
- border-color: #19d895;
+ color: var(--white);
+ border-color: var(--success);
}
.btn-inverse-outline-info {
- color: #8862e0;
+ color: var(--info);
background-image: none;
background: transparent;
border-color: rgba(136, 98, 224, 0.2);
}
.btn-inverse-outline-info:hover {
- color: #8862e0;
+ color: var(--info);
background-color: rgba(136, 98, 224, 0.2);
border-color: rgba(136, 98, 224, 0.2);
}
@@ -18935,15 +18883,15 @@ pre {
.btn-inverse-outline-info.disabled,
.btn-inverse-outline-info:disabled {
- color: #8862e0;
+ color: var(--info);
background-color: transparent;
}
.btn-inverse-outline-info.active,
.btn-inverse-outline-info:active,
.show>.btn-inverse-outline-info.dropdown-toggle {
- color: #ffffff;
- border-color: #8862e0;
+ color: var(--white);
+ border-color: var(--info);
}
.btn-inverse-outline-warning {
@@ -18974,7 +18922,7 @@ pre {
.btn-inverse-outline-warning.active,
.btn-inverse-outline-warning:active,
.show>.btn-inverse-outline-warning.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
border-color: #ffaf00;
}
@@ -19006,19 +18954,19 @@ pre {
.btn-inverse-outline-danger.active,
.btn-inverse-outline-danger:active,
.show>.btn-inverse-outline-danger.dropdown-toggle {
- color: #ffffff;
+ color: var(--white);
border-color: #ff6258;
}
.btn-inverse-outline-light {
- color: #fbfbfb;
+ color: var(--light);
background-image: none;
background: transparent;
border-color: rgba(251, 251, 251, 0.2);
}
.btn-inverse-outline-light:hover {
- color: #fbfbfb;
+ color: var(--light);
background-color: rgba(251, 251, 251, 0.2);
border-color: rgba(251, 251, 251, 0.2);
}
@@ -19031,26 +18979,26 @@ pre {
.btn-inverse-outline-light.disabled,
.btn-inverse-outline-light:disabled {
- color: #fbfbfb;
+ color: var(--light);
background-color: transparent;
}
.btn-inverse-outline-light.active,
.btn-inverse-outline-light:active,
.show>.btn-inverse-outline-light.dropdown-toggle {
- color: #ffffff;
- border-color: #fbfbfb;
+ color: var(--white);
+ border-color: var(--light);
}
.btn-inverse-outline-dark {
- color: #252C46;
+ color: var(--dark);
background-image: none;
background: transparent;
border-color: rgba(37, 44, 70, 0.2);
}
.btn-inverse-outline-dark:hover {
- color: #252C46;
+ color: var(--dark);
background-color: rgba(37, 44, 70, 0.2);
border-color: rgba(37, 44, 70, 0.2);
}
@@ -19063,15 +19011,15 @@ pre {
.btn-inverse-outline-dark.disabled,
.btn-inverse-outline-dark:disabled {
- color: #252C46;
+ color: var(--dark);
background-color: transparent;
}
.btn-inverse-outline-dark.active,
.btn-inverse-outline-dark:active,
.show>.btn-inverse-outline-dark.dropdown-toggle {
- color: #ffffff;
- border-color: #252C46;
+ color: var(--white);
+ border-color: var(--dark);
}
/* Breadcrumbs */
@@ -19080,7 +19028,7 @@ pre {
}
.breadcrumb .breadcrumb-item.active {
- color: rgba(255, 255, 255, 0.8);
+ color: var(--base-text);
}
.breadcrumb.breadcrumb-custom {
@@ -19139,7 +19087,7 @@ pre {
.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
border-top: 21px solid transparent;
border-bottom: 22px solid transparent;
- border-left: 12px solid #ffffff;
+ border-left: 12px solid var(--white);
top: -9px;
right: -23px;
}
@@ -19276,11 +19224,11 @@ pre {
.bg-inverse-secondary .breadcrumb {
background: white;
- border-color: #dde4eb;
+ border-color: var(--secondary);
}
.bg-inverse-secondary .breadcrumb .breadcrumb-item {
- color: #dde4eb;
+ color: var(--secondary);
}
.bg-inverse-secondary .breadcrumb .breadcrumb-item:before {
@@ -19292,7 +19240,7 @@ pre {
}
.bg-inverse-secondary .breadcrumb.breadcrumb-custom {
- background: #dde4eb;
+ background: var(--secondary);
}
.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item {
@@ -19300,7 +19248,7 @@ pre {
}
.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a {
- color: #dde4eb;
+ color: var(--secondary);
border: none;
}
@@ -19309,7 +19257,7 @@ pre {
}
.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span {
- color: #dde4eb;
+ color: var(--secondary);
}
.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
@@ -19318,11 +19266,11 @@ pre {
.bg-inverse-success .breadcrumb {
background: #80f0c9;
- border-color: #19d895;
+ border-color: var(--success);
}
.bg-inverse-success .breadcrumb .breadcrumb-item {
- color: #19d895;
+ color: var(--success);
}
.bg-inverse-success .breadcrumb .breadcrumb-item:before {
@@ -19334,7 +19282,7 @@ pre {
}
.bg-inverse-success .breadcrumb.breadcrumb-custom {
- background: #19d895;
+ background: var(--success);
}
.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item {
@@ -19342,7 +19290,7 @@ pre {
}
.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a {
- color: #19d895;
+ color: var(--success);
border: none;
}
@@ -19351,7 +19299,7 @@ pre {
}
.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span {
- color: #19d895;
+ color: var(--success);
}
.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
@@ -19360,11 +19308,11 @@ pre {
.bg-inverse-info .breadcrumb {
background: #d9ccf5;
- border-color: #8862e0;
+ border-color: var(--info);
}
.bg-inverse-info .breadcrumb .breadcrumb-item {
- color: #8862e0;
+ color: var(--info);
}
.bg-inverse-info .breadcrumb .breadcrumb-item:before {
@@ -19376,7 +19324,7 @@ pre {
}
.bg-inverse-info .breadcrumb.breadcrumb-custom {
- background: #8862e0;
+ background: var(--info);
}
.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item {
@@ -19384,7 +19332,7 @@ pre {
}
.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a {
- color: #8862e0;
+ color: var(--info);
border: none;
}
@@ -19393,7 +19341,7 @@ pre {
}
.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span {
- color: #8862e0;
+ color: var(--info);
}
.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
@@ -19486,11 +19434,11 @@ pre {
.bg-inverse-light .breadcrumb {
background: white;
- border-color: #fbfbfb;
+ border-color: var(--light);
}
.bg-inverse-light .breadcrumb .breadcrumb-item {
- color: #fbfbfb;
+ color: var(--light);
}
.bg-inverse-light .breadcrumb .breadcrumb-item:before {
@@ -19502,7 +19450,7 @@ pre {
}
.bg-inverse-light .breadcrumb.breadcrumb-custom {
- background: #fbfbfb;
+ background: var(--light);
}
.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item {
@@ -19510,7 +19458,7 @@ pre {
}
.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a {
- color: #fbfbfb;
+ color: var(--light);
border: none;
}
@@ -19519,7 +19467,7 @@ pre {
}
.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span {
- color: #fbfbfb;
+ color: var(--light);
}
.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
@@ -19528,11 +19476,11 @@ pre {
.bg-inverse-dark .breadcrumb {
background: #516099;
- border-color: #252C46;
+ border-color: var(--dark);
}
.bg-inverse-dark .breadcrumb .breadcrumb-item {
- color: #252C46;
+ color: var(--dark);
}
.bg-inverse-dark .breadcrumb .breadcrumb-item:before {
@@ -19544,7 +19492,7 @@ pre {
}
.bg-inverse-dark .breadcrumb.breadcrumb-custom {
- background: #252C46;
+ background: var(--dark);
}
.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item {
@@ -19552,7 +19500,7 @@ pre {
}
.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a {
- color: #252C46;
+ color: var(--dark);
border: none;
}
@@ -19561,7 +19509,7 @@ pre {
}
.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span {
- color: #252C46;
+ color: var(--dark);
}
.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
@@ -19613,7 +19561,7 @@ pre {
}
.card.card-outline-success {
- border: 1px solid #19d895;
+ border: 1px solid var(--success);
}
.card.card-outline-primary {
@@ -19638,11 +19586,11 @@ pre {
}
.card .card-subtitle {
- color: rgba(255, 255, 255, 0.7);
+ color: var(--base-text);
}
.card.card-circle-progress {
- color: #ffffff;
+ color: var(--white);
text-align: center;
}
@@ -19766,7 +19714,7 @@ pre {
}
.form-check .form-check-label input:checked+.input-helper:before {
- background-color: #fbfbfb;
+ background-color: var(--light);
}
.form-check .form-check-label input:checked+.input-helper:after {
@@ -19829,7 +19777,7 @@ pre {
top: 14%;
-webkit-transform: translateY(-14%);
transform: translateY(-14%);
- color: #8862e0;
+ color: var(--info);
}
.rtl .form-check .form-check-label .input-helper:after {
@@ -19838,12 +19786,12 @@ pre {
}
.form-check.form-check-flat label input:checked+.input-helper:before {
- background-color: #19d895;
+ background-color: var(--success);
border: none;
}
.form-check.form-check-flat label input:disabled+.input-helper:after {
- color: #fbfbfb;
+ color: var(--light);
}
.form-check.form-check-flat label input:disabled+.input-helper:before {
@@ -19851,7 +19799,7 @@ pre {
}
.form-check.form-check-flat label input:disabled:checked+.input-helper:before {
- background: #fbfbfb;
+ background: var(--light);
}
.form-check.form-check-flat label .input-helper:before {
@@ -19859,7 +19807,7 @@ pre {
}
.form-check.form-check-flat label .input-helper:after {
- color: #fbfbfb;
+ color: var(--light);
}
.form-radio label input+.input-helper:before {
@@ -19912,7 +19860,7 @@ pre {
}
.form-radio label input:checked+.input-helper:before {
- background-color: #fbfbfb;
+ background-color: var(--light);
border: 2px solid var(--outline);
top: 30%;
-webkit-transform: translateY(-30%);
@@ -19932,7 +19880,7 @@ pre {
}
.form-radio label input:disabled:checked+.input-helper:before {
- background-color: #fbfbfb;
+ background-color: var(--light);
border-color: var(--outline);
}
@@ -19941,8 +19889,8 @@ pre {
}
.form-radio.form-radio-flat label input:checked+.input-helper:before {
- background: #19d895;
- border-color: #19d895;
+ background: var(--success);
+ border-color: var(--success);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
@@ -19955,7 +19903,7 @@ pre {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -2px;
- color: #fbfbfb;
+ color: var(--light);
background: none;
content: '\F12C';
font-family: Material Design Icons;
@@ -20044,7 +19992,7 @@ pre {
.dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover {
cursor: pointer;
background: var(--card-banner-bg);
- color: #ffffff;
+ color: var(--white);
}
.dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:active,
@@ -20059,7 +20007,7 @@ pre {
.dropdown-menu .dropdown-item:hover {
background: var(--card-banner-bg);
- color: #ffffff;
+ color: var(--white);
}
.dropdown-menu .dropdown-item:active {
@@ -20093,7 +20041,7 @@ pre {
.input-group-prepend,
.asColorPicker-trigger {
background: var(--card-banner-bg);
- color: #6c757d;
+ color: var(--gray);
width: auto;
border: none;
}
@@ -20311,7 +20259,7 @@ ul li {
.list-arrow li:before {
content: '\F142';
- color: #19d895;
+ color: var(--success);
}
.list-star li:before {
@@ -20347,7 +20295,7 @@ ul li {
border: 3px solid #2196f3;
margin-right: 15px;
z-index: 2;
- background: #ffffff;
+ background: var(--white);
}
.bullet-line-list li:after {
@@ -20402,7 +20350,7 @@ ul li {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
- background: #19d895;
+ background: var(--success);
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
@@ -20971,7 +20919,7 @@ ul li {
}
.circle-loader:after {
- border: 10px solid #dde4eb;
+ border: 10px solid var(--secondary);
}
@keyframes spin {
@@ -21566,7 +21514,7 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {
background: #2196f3;
border-color: #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.pagination.flat .page-item .page-link,
@@ -21902,7 +21850,7 @@ ul li {
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {
background: #39a1f4;
border-color: #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.pagination-secondary .page-item.active .page-link,
@@ -21918,8 +21866,8 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {
- background: #dde4eb;
- border-color: #dde4eb;
+ background: var(--secondary);
+ border-color: var(--secondary);
}
.pagination-secondary .page-item .page-link:hover,
@@ -21934,8 +21882,8 @@ ul li {
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover {
background: #edf1f4;
- border-color: #dde4eb;
- color: #ffffff;
+ border-color: var(--secondary);
+ color: var(--white);
}
.pagination-success .page-item.active .page-link,
@@ -21951,8 +21899,8 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {
- background: #19d895;
- border-color: #19d895;
+ background: var(--success);
+ border-color: var(--success);
}
.pagination-success .page-item .page-link:hover,
@@ -21967,8 +21915,8 @@ ul li {
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {
background: #25e6a2;
- border-color: #19d895;
- color: #ffffff;
+ border-color: var(--success);
+ color: var(--white);
}
.pagination-info .page-item.active .page-link,
@@ -21984,8 +21932,8 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {
- background: #8862e0;
- border-color: #8862e0;
+ background: var(--info);
+ border-color: var(--info);
}
.pagination-info .page-item .page-link:hover,
@@ -22000,8 +21948,8 @@ ul li {
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {
background: #9877e4;
- border-color: #8862e0;
- color: #ffffff;
+ border-color: var(--info);
+ color: var(--white);
}
.pagination-warning .page-item.active .page-link,
@@ -22034,7 +21982,7 @@ ul li {
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {
background: #ffb71a;
border-color: #ffaf00;
- color: #ffffff;
+ color: var(--white);
}
.pagination-danger .page-item.active .page-link,
@@ -22067,7 +22015,7 @@ ul li {
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {
background: #ff7a72;
border-color: #ff6258;
- color: #ffffff;
+ color: var(--white);
}
.pagination-light .page-item.active .page-link,
@@ -22083,8 +22031,8 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {
- background: #fbfbfb;
- border-color: #fbfbfb;
+ background: var(--light);
+ border-color: var(--light);
}
.pagination-light .page-item .page-link:hover,
@@ -22099,8 +22047,8 @@ ul li {
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {
background: white;
- border-color: #fbfbfb;
- color: #ffffff;
+ border-color: var(--light);
+ color: var(--white);
}
.pagination-dark .page-item.active .page-link,
@@ -22116,8 +22064,8 @@ ul li {
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {
- background: #252C46;
- border-color: #252C46;
+ background: var(--dark);
+ border-color: var(--dark);
}
.pagination-dark .page-item .page-link:hover,
@@ -22132,8 +22080,8 @@ ul li {
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {
background: #2e3657;
- border-color: #252C46;
- color: #ffffff;
+ border-color: var(--dark);
+ color: var(--white);
}
/* Popovers */
@@ -22221,7 +22169,7 @@ ul li {
.popover-primary .popover-header {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.popover-primary.bs-popover-top .arrow:after,
@@ -22253,107 +22201,107 @@ ul li {
}
.popover-secondary .popover-header {
- background: #dde4eb;
- color: #ffffff;
+ background: var(--secondary);
+ color: var(--white);
}
.popover-secondary.bs-popover-top .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after,
.popover-secondary.bs-popover-top .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before {
- border-top-color: #dde4eb;
+ border-top-color: var(--secondary);
}
.popover-secondary.bs-popover-right .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after,
.popover-secondary.bs-popover-right .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before {
- border-right-color: #dde4eb;
+ border-right-color: var(--secondary);
}
.popover-secondary.bs-popover-bottom .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after,
.popover-secondary.bs-popover-bottom .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before {
- border-bottom-color: #dde4eb;
+ border-bottom-color: var(--secondary);
}
.popover-secondary.bs-popover-left .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after,
.popover-secondary.bs-popover-left .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before {
- border-left-color: #dde4eb;
+ border-left-color: var(--secondary);
}
.popover-success .popover-header {
- background: #19d895;
- color: #ffffff;
+ background: var(--success);
+ color: var(--white);
}
.popover-success.bs-popover-top .arrow:after,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:after,
.popover-success.bs-popover-top .arrow:before,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:before {
- border-top-color: #19d895;
+ border-top-color: var(--success);
}
.popover-success.bs-popover-right .arrow:after,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:after,
.popover-success.bs-popover-right .arrow:before,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:before {
- border-right-color: #19d895;
+ border-right-color: var(--success);
}
.popover-success.bs-popover-bottom .arrow:after,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after,
.popover-success.bs-popover-bottom .arrow:before,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before {
- border-bottom-color: #19d895;
+ border-bottom-color: var(--success);
}
.popover-success.bs-popover-left .arrow:after,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:after,
.popover-success.bs-popover-left .arrow:before,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:before {
- border-left-color: #19d895;
+ border-left-color: var(--success);
}
.popover-info .popover-header {
- background: #8862e0;
- color: #ffffff;
+ background: var(--info);
+ color: var(--white);
}
.popover-info.bs-popover-top .arrow:after,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:after,
.popover-info.bs-popover-top .arrow:before,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:before {
- border-top-color: #8862e0;
+ border-top-color: var(--info);
}
.popover-info.bs-popover-right .arrow:after,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:after,
.popover-info.bs-popover-right .arrow:before,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:before {
- border-right-color: #8862e0;
+ border-right-color: var(--info);
}
.popover-info.bs-popover-bottom .arrow:after,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after,
.popover-info.bs-popover-bottom .arrow:before,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before {
- border-bottom-color: #8862e0;
+ border-bottom-color: var(--info);
}
.popover-info.bs-popover-left .arrow:after,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:after,
.popover-info.bs-popover-left .arrow:before,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:before {
- border-left-color: #8862e0;
+ border-left-color: var(--info);
}
.popover-warning .popover-header {
background: #ffaf00;
- color: #ffffff;
+ color: var(--white);
}
.popover-warning.bs-popover-top .arrow:after,
@@ -22386,7 +22334,7 @@ ul li {
.popover-danger .popover-header {
background: #ff6258;
- color: #ffffff;
+ color: var(--white);
}
.popover-danger.bs-popover-top .arrow:after,
@@ -22418,69 +22366,69 @@ ul li {
}
.popover-light .popover-header {
- background: #fbfbfb;
- color: #ffffff;
+ background: var(--light);
+ color: var(--white);
}
.popover-light.bs-popover-top .arrow:after,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:after,
.popover-light.bs-popover-top .arrow:before,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:before {
- border-top-color: #fbfbfb;
+ border-top-color: var(--light);
}
.popover-light.bs-popover-right .arrow:after,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:after,
.popover-light.bs-popover-right .arrow:before,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:before {
- border-right-color: #fbfbfb;
+ border-right-color: var(--light);
}
.popover-light.bs-popover-bottom .arrow:after,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after,
.popover-light.bs-popover-bottom .arrow:before,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before {
- border-bottom-color: #fbfbfb;
+ border-bottom-color: var(--light);
}
.popover-light.bs-popover-left .arrow:after,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:after,
.popover-light.bs-popover-left .arrow:before,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:before {
- border-left-color: #fbfbfb;
+ border-left-color: var(--light);
}
.popover-dark .popover-header {
- background: #252C46;
- color: #ffffff;
+ background: var(--dark);
+ color: var(--white);
}
.popover-dark.bs-popover-top .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after,
.popover-dark.bs-popover-top .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before {
- border-top-color: #252C46;
+ border-top-color: var(--dark);
}
.popover-dark.bs-popover-right .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after,
.popover-dark.bs-popover-right .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before {
- border-right-color: #252C46;
+ border-right-color: var(--dark);
}
.popover-dark.bs-popover-bottom .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after,
.popover-dark.bs-popover-bottom .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before {
- border-bottom-color: #252C46;
+ border-bottom-color: var(--dark);
}
.popover-dark.bs-popover-left .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after,
.popover-dark.bs-popover-left .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before {
- border-left-color: #252C46;
+ border-left-color: var(--dark);
}
/* Portfolio */
@@ -22511,7 +22459,7 @@ ul li {
.portfolio-grid figure figcaption {
padding: 2em;
- color: #ffffff;
+ color: var(--white);
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
@@ -22609,7 +22557,7 @@ ul li {
}
.preview-list .preview-item .preview-thumbnail {
- color: #ffffff;
+ color: var(--white);
position: relative;
}
@@ -22680,9 +22628,9 @@ ul li {
.preview-list .preview-item .preview-actions i {
width: 29px;
- color: #f7f7f9;
+ color: var(--gray-lightest);
height: 29px;
- border: 2px solid #f7f7f9;
+ border: 2px solid var(--gray-lightest);
border-radius: 100%;
padding: 3px 6px;
display: inline-block;
@@ -22949,8 +22897,8 @@ ul li {
border-top: none;
border-right: none;
border-left: none;
- border-bottom: 2px solid #19d895;
- color: #19d895;
+ border-bottom: 2px solid var(--success);
+ color: var(--success);
background: var(--dropdown-bg);
}
@@ -22971,7 +22919,7 @@ ul li {
.tab-solid .nav-item .nav-link.active {
border: none;
- color: #ffffff;
+ color: var(--white);
}
.tab-content-solid {
@@ -22985,15 +22933,15 @@ ul li {
}
.tab-solid-secondary .nav-link.active {
- background: #dde4eb;
+ background: var(--secondary);
}
.tab-solid-success .nav-link.active {
- background: #19d895;
+ background: var(--success);
}
.tab-solid-info .nav-link.active {
- background: #8862e0;
+ background: var(--info);
}
.tab-solid-warning .nav-link.active {
@@ -23005,11 +22953,11 @@ ul li {
}
.tab-solid-light .nav-link.active {
- background: #fbfbfb;
+ background: var(--light);
}
.tab-solid-dark .nav-link.active {
- background: #252C46;
+ background: var(--dark);
}
.tab-minimal .nav-tabs {
@@ -23049,7 +22997,7 @@ ul li {
.tab-simple-styled .nav-item .nav-link.active {
background: var(--dropdown-bg);
- color: #8862e0;
+ color: var(--info);
}
.tab-tile-style {
@@ -23184,7 +23132,7 @@ ul li {
.settings-panel .nav-tabs .nav-item .nav-link.active {
background: transparent;
- color: #ffffff;
+ color: var(--white);
}
.settings-panel .tab-content {
@@ -23223,7 +23171,7 @@ ul li {
font-size: 0.875rem;
line-height: 1;
color: #595959;
- background: #ffffff;
+ background: var(--white);
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: background;
@@ -23231,7 +23179,7 @@ ul li {
}
.settings-panel .sidebar-bg-options.selected {
- background: #f7f7f9;
+ background: var(--gray-lightest);
}
.settings-panel .color-tiles {
@@ -23326,12 +23274,12 @@ ul li {
position: absolute;
bottom: 0.34rem;
right: 0;
- border: 0.13rem solid #ffffff;
+ border: 0.13rem solid var(--white);
border-radius: 100%;
}
.settings-panel .chat-list .list .profile span.online {
- background: #19d895;
+ background: var(--success);
}
.settings-panel .chat-list .list .profile span.offline {
@@ -23499,7 +23447,7 @@ ul li {
.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler {
background: rgba(25, 216, 149, 0.2);
- color: #19d895;
+ color: var(--success);
}
.right-sidebar-toggler-wrapper .sidebar-toggler a {
@@ -23628,7 +23576,7 @@ ul li {
.tooltip-primary .tooltip-inner {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.tooltip-primary.bs-tooltip-top .arrow::before,
@@ -23652,83 +23600,83 @@ ul li {
}
.tooltip-secondary .tooltip-inner {
- background: #dde4eb;
- color: #ffffff;
+ background: var(--secondary);
+ color: var(--white);
}
.tooltip-secondary.bs-tooltip-top .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
- border-top-color: #dde4eb;
+ border-top-color: var(--secondary);
}
.tooltip-secondary.bs-tooltip-right .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
- border-right-color: #dde4eb;
+ border-right-color: var(--secondary);
}
.tooltip-secondary.bs-tooltip-bottom .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- border-bottom-color: #dde4eb;
+ border-bottom-color: var(--secondary);
}
.tooltip-secondary.bs-tooltip-left .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
- border-left-color: #dde4eb;
+ border-left-color: var(--secondary);
}
.tooltip-success .tooltip-inner {
- background: #19d895;
- color: #ffffff;
+ background: var(--success);
+ color: var(--white);
}
.tooltip-success.bs-tooltip-top .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before {
- border-top-color: #19d895;
+ border-top-color: var(--success);
}
.tooltip-success.bs-tooltip-right .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before {
- border-right-color: #19d895;
+ border-right-color: var(--success);
}
.tooltip-success.bs-tooltip-bottom .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- border-bottom-color: #19d895;
+ border-bottom-color: var(--success);
}
.tooltip-success.bs-tooltip-left .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before {
- border-left-color: #19d895;
+ border-left-color: var(--success);
}
.tooltip-info .tooltip-inner {
- background: #8862e0;
- color: #ffffff;
+ background: var(--info);
+ color: var(--white);
}
.tooltip-info.bs-tooltip-top .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
- border-top-color: #8862e0;
+ border-top-color: var(--info);
}
.tooltip-info.bs-tooltip-right .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
- border-right-color: #8862e0;
+ border-right-color: var(--info);
}
.tooltip-info.bs-tooltip-bottom .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- border-bottom-color: #8862e0;
+ border-bottom-color: var(--info);
}
.tooltip-info.bs-tooltip-left .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
- border-left-color: #8862e0;
+ border-left-color: var(--info);
}
.tooltip-warning .tooltip-inner {
background: #ffaf00;
- color: #ffffff;
+ color: var(--white);
}
.tooltip-warning.bs-tooltip-top .arrow::before,
@@ -23753,7 +23701,7 @@ ul li {
.tooltip-danger .tooltip-inner {
background: #ff6258;
- color: #ffffff;
+ color: var(--white);
}
.tooltip-danger.bs-tooltip-top .arrow::before,
@@ -23777,53 +23725,53 @@ ul li {
}
.tooltip-light .tooltip-inner {
- background: #fbfbfb;
- color: #ffffff;
+ background: var(--light);
+ color: var(--white);
}
.tooltip-light.bs-tooltip-top .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before {
- border-top-color: #fbfbfb;
+ border-top-color: var(--light);
}
.tooltip-light.bs-tooltip-right .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before {
- border-right-color: #fbfbfb;
+ border-right-color: var(--light);
}
.tooltip-light.bs-tooltip-bottom .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- border-bottom-color: #fbfbfb;
+ border-bottom-color: var(--light);
}
.tooltip-light.bs-tooltip-left .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before {
- border-left-color: #fbfbfb;
+ border-left-color: var(--light);
}
.tooltip-dark .tooltip-inner {
- background: #252C46;
- color: #ffffff;
+ background: var(--dark);
+ color: var(--white);
}
.tooltip-dark.bs-tooltip-top .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
- border-top-color: #252C46;
+ border-top-color: var(--dark);
}
.tooltip-dark.bs-tooltip-right .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
- border-right-color: #252C46;
+ border-right-color: var(--dark);
}
.tooltip-dark.bs-tooltip-bottom .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
- border-bottom-color: #252C46;
+ border-bottom-color: var(--dark);
}
.tooltip-dark.bs-tooltip-left .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
- border-left-color: #252C46;
+ border-left-color: var(--dark);
}
/* User Profile */
@@ -23838,7 +23786,7 @@ ul li {
.user-profile .side-left .card .avatar .name {
text-align: center;
- color: #252C46;
+ color: var(--dark);
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0;
@@ -23846,7 +23794,7 @@ ul li {
.user-profile .side-left .card .avatar .designation {
text-align: center;
- color: #6c757d;
+ color: var(--gray);
font-size: 0.8rem;
font-weight: 600;
}
@@ -23895,7 +23843,7 @@ ul li {
margin-bottom: 0;
font-weight: 600;
font-size: 1.4rem;
- color: #252C46;
+ color: var(--dark);
}
.user-profile .side-left .card .overview .achivements li p:last-child {
@@ -23991,7 +23939,7 @@ ul li {
}
.calendar-aside .list .count.online:before {
- background: #19d895;
+ background: var(--success);
}
.calendar-aside .list .count.offline:before {
@@ -24010,14 +23958,14 @@ ul li {
}
.calendar-aside .list:hover {
- background: #fbfbfb;
+ background: var(--light);
}
.calendar-aside .list:hover .count:before {
z-index: 0;
height: 20px;
width: 20px;
- background: #fbfbfb;
+ background: var(--light);
}
.calendar-aside .list:hover .count .close {
@@ -24092,7 +24040,7 @@ ul li {
}
.social-card.card-default .action-bar i {
- color: #dde4eb;
+ color: var(--secondary);
}
.social-card.card-default .comment {
@@ -24147,7 +24095,7 @@ ul li {
.social-card.card-colored .platform-name,
.social-card.card-colored .headline,
.social-card.card-colored .action-bar {
- color: #ffffff;
+ color: var(--white);
}
.top-selling-card .column-wrapper {
@@ -24342,7 +24290,7 @@ ul li {
}
.todo-list .todo-item:not(.edit-mode):hover {
- background: #fbfbfb;
+ background: var(--light);
}
.todo-list .todo-item:not(.edit-mode):hover .edit-icon {
@@ -24350,7 +24298,7 @@ ul li {
}
.todo-list .todo-item:not(.edit-mode):hover * {
- background: #fbfbfb;
+ background: var(--light);
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group {
@@ -24415,7 +24363,7 @@ ul li {
}
.todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag {
- color: #ffffff;
+ color: var(--white);
}
.activity-timeline .activity {
@@ -24525,11 +24473,11 @@ ul li {
}
.horizontal-timeline .time-frame .event:nth-child(3n+1):before {
- background: #8862e0;
+ background: var(--info);
}
.horizontal-timeline .time-frame .event:nth-child(3n+2):before {
- background: #19d895;
+ background: var(--success);
}
.horizontal-timeline .time-frame .event:nth-child(3n+3):before {
@@ -24648,7 +24596,7 @@ ul li {
}
.vertical-timeline .timeline-wrapper .timeline-badge i {
- color: #ffffff;
+ color: var(--white);
}
.vertical-timeline .timeline-wrapper.timeline-inverted {
@@ -24693,27 +24641,27 @@ ul li {
}
.timeline-wrapper-secondary .timeline-panel:before {
- background: #dde4eb;
+ background: var(--secondary);
}
.timeline-wrapper-secondary .timeline-badge {
- background: #dde4eb;
+ background: var(--secondary);
}
.timeline-wrapper-success .timeline-panel:before {
- background: #19d895;
+ background: var(--success);
}
.timeline-wrapper-success .timeline-badge {
- background: #19d895;
+ background: var(--success);
}
.timeline-wrapper-info .timeline-panel:before {
- background: #8862e0;
+ background: var(--info);
}
.timeline-wrapper-info .timeline-badge {
- background: #8862e0;
+ background: var(--info);
}
.timeline-wrapper-warning .timeline-panel:before {
@@ -24733,19 +24681,19 @@ ul li {
}
.timeline-wrapper-light .timeline-panel:before {
- background: #fbfbfb;
+ background: var(--light);
}
.timeline-wrapper-light .timeline-badge {
- background: #fbfbfb;
+ background: var(--light);
}
.timeline-wrapper-dark .timeline-panel:before {
- background: #252C46;
+ background: var(--dark);
}
.timeline-wrapper-dark .timeline-badge {
- background: #252C46;
+ background: var(--dark);
}
.timeline {
@@ -24772,7 +24720,7 @@ ul li {
}
.timeline .timeline-item:nth-child(4n + 1):before {
- background: #19d895;
+ background: var(--success);
}
.timeline .timeline-item:nth-child(4n + 2):before {
@@ -24784,7 +24732,7 @@ ul li {
}
.timeline .timeline-item:nth-child(4n + 4):before {
- background: #8862e0;
+ background: var(--info);
}
.timeline .timeline-item:last-child {
@@ -25360,7 +25308,7 @@ ul li {
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online {
- background: #19d895;
+ background: var(--success);
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {
@@ -26081,12 +26029,12 @@ body.avgrund-active {
.ct-chart .ct-series-b .ct-line,
.ct-chart .ct-series-b .ct-bar,
.ct-chart .ct-series-b .ct-slice-donut {
- stroke: #8862e0;
+ stroke: var(--info);
}
.ct-chart .ct-series-b .ct-slice-pie,
.ct-chart .ct-series-b .ct-slice-donut-solid {
- fill: #8862e0;
+ fill: var(--info);
stroke: #fff;
}
@@ -26107,12 +26055,12 @@ body.avgrund-active {
.ct-chart .ct-series-d .ct-line,
.ct-chart .ct-series-d .ct-bar,
.ct-chart .ct-series-d .ct-slice-donut {
- stroke: #19d895;
+ stroke: var(--success);
}
.ct-chart .ct-series-d .ct-slice-pie,
.ct-chart .ct-series-d .ct-slice-donut-solid {
- fill: #19d895;
+ fill: var(--success);
stroke: #fff;
}
@@ -26457,7 +26405,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
- color: #6c757d;
+ color: var(--gray);
padding-bottom: 1rem;
padding-top: 1rem;
text-align: left;
@@ -26466,7 +26414,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
- color: #6c757d;
+ color: var(--gray);
background: var(--dropdown-bg);
padding-bottom: 1rem;
padding-top: 1rem;
@@ -26486,7 +26434,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
font-family: "roboto", sans-serif;
- color: #6c757d;
+ color: var(--gray);
font-size: 0.875rem;
font-weight: initial;
}
@@ -26547,7 +26495,7 @@ body.avgrund-active {
content: "";
width: 38px;
height: 38px;
- background: #19d895;
+ background: var(--success);
border-radius: 100%;
display: block;
margin: auto;
@@ -26737,7 +26685,7 @@ body.avgrund-active {
background: #fff;
border: none;
font-weight: 700;
- color: #6c757d;
+ color: var(--gray);
}
/* Dropzone */
@@ -26833,7 +26781,7 @@ body.avgrund-active {
.flot-chart-legend table tr td.legendLabel {
padding: 0 25px 0 0;
- border-right: 1px solid #f7f7f9;
+ border-right: 1px solid var(--gray-lightest);
font-weight: 600;
}
@@ -26881,7 +26829,7 @@ body.avgrund-active {
}
.ajax-upload-dragdrop .ajax-file-upload {
- background: #8862e0;
+ background: var(--info);
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
@@ -26960,7 +26908,7 @@ body.avgrund-active {
/* Jvectormap */
.jvectormap-container {
- background: #ffffff;
+ background: var(--white);
}
/* Light Gallery */
@@ -27049,7 +26997,7 @@ body.avgrund-active {
}
.noUi-target .noUi-base {
- background: #f7f7f9;
+ background: var(--gray-lightest);
-webkit-box-shadow: none;
box-shadow: none;
border: none;
@@ -27062,11 +27010,11 @@ body.avgrund-active {
}
.noUi-target .noUi-base .noUi-origin {
- background: #19d895;
+ background: var(--success);
}
.noUi-target .noUi-base .noUi-origin .noUi-handle {
- background: #ffffff;
+ background: var(--white);
border-radius: 100%;
border: 1px solid var(--outline);
width: 18px;
@@ -27141,58 +27089,58 @@ body.avgrund-active {
.slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
}
.slider-secondary .noUi-base .noUi-connect {
- background: #dde4eb;
+ background: var(--secondary);
}
.slider-secondary .noUi-base .noUi-origin {
- background: #dde4eb;
+ background: var(--secondary);
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
- background: #dde4eb;
+ background: var(--secondary);
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- background: #dde4eb;
- color: #ffffff;
+ background: var(--secondary);
+ color: var(--white);
}
.slider-success .noUi-base .noUi-connect {
- background: #19d895;
+ background: var(--success);
}
.slider-success .noUi-base .noUi-origin {
- background: #19d895;
+ background: var(--success);
}
.slider-success .noUi-base .noUi-origin .noUi-handle:after {
- background: #19d895;
+ background: var(--success);
}
.slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- background: #19d895;
- color: #ffffff;
+ background: var(--success);
+ color: var(--white);
}
.slider-info .noUi-base .noUi-connect {
- background: #8862e0;
+ background: var(--info);
}
.slider-info .noUi-base .noUi-origin {
- background: #8862e0;
+ background: var(--info);
}
.slider-info .noUi-base .noUi-origin .noUi-handle:after {
- background: #8862e0;
+ background: var(--info);
}
.slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- background: #8862e0;
- color: #ffffff;
+ background: var(--info);
+ color: var(--white);
}
.slider-warning .noUi-base .noUi-connect {
@@ -27209,7 +27157,7 @@ body.avgrund-active {
.slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
background: #ffaf00;
- color: #ffffff;
+ color: var(--white);
}
.slider-danger .noUi-base .noUi-connect {
@@ -27226,41 +27174,41 @@ body.avgrund-active {
.slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
background: #ff6258;
- color: #ffffff;
+ color: var(--white);
}
.slider-light .noUi-base .noUi-connect {
- background: #fbfbfb;
+ background: var(--light);
}
.slider-light .noUi-base .noUi-origin {
- background: #fbfbfb;
+ background: var(--light);
}
.slider-light .noUi-base .noUi-origin .noUi-handle:after {
- background: #fbfbfb;
+ background: var(--light);
}
.slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- background: #fbfbfb;
- color: #ffffff;
+ background: var(--light);
+ color: var(--white);
}
.slider-dark .noUi-base .noUi-connect {
- background: #252C46;
+ background: var(--dark);
}
.slider-dark .noUi-base .noUi-origin {
- background: #252C46;
+ background: var(--dark);
}
.slider-dark .noUi-base .noUi-origin .noUi-handle:after {
- background: #252C46;
+ background: var(--dark);
}
.slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- background: #252C46;
- color: #ffffff;
+ background: var(--dark);
+ color: var(--white);
}
/* Owl-carousel */
@@ -27278,7 +27226,7 @@ body.avgrund-active {
.owl-carousel.full-width .owl-nav .owl-next,
.owl-carousel.full-width .owl-nav .owl-prev {
background: transparent;
- color: #ffffff;
+ color: var(--white);
}
.owl-carousel.full-width .owl-nav .owl-next i:before,
@@ -27363,7 +27311,7 @@ body.avgrund-active {
border: 1px solid #2196f3;
border-radius: 0 5px 5px 5px;
overflow: hidden;
- background: #fbfbfb;
+ background: var(--light);
margin-bottom: 45px;
padding-top: 3.5rem;
}
@@ -27577,7 +27525,7 @@ body.avgrund-active {
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
- color: #ffffff;
+ color: var(--white);
border: 0;
border-radius: 3px;
padding: 6px;
@@ -27587,7 +27535,7 @@ body.avgrund-active {
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
- color: #ffffff;
+ color: var(--white);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {
@@ -27595,11 +27543,11 @@ body.avgrund-active {
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
- background: #19d895;
+ background: var(--success);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {
- background: #8862e0;
+ background: var(--info);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {
@@ -27665,15 +27613,15 @@ body.avgrund-active {
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
- background-color: #19d895 !important;
- border: 1px solid #19d895 !important;
+ background-color: var(--success) !important;
+ border: 1px solid var(--success) !important;
font-weight: initial;
margin-top: 32px;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
margin-top: 32px;
- background-color: #ffffff !important;
+ background-color: var(--white) !important;
border: 1px solid var(--outline);
color: var(--base-text);
font-weight: initial;
@@ -27757,11 +27705,11 @@ div.tagsinput span.tag a {
/* Toast */
.jq-toast-wrap .jq-icon-success {
- background-color: #19d895;
+ background-color: var(--success);
}
.jq-toast-wrap .jq-icon-info {
- background-color: #8862e0;
+ background-color: var(--info);
}
.jq-toast-wrap .jq-icon-warning {
@@ -27796,14 +27744,14 @@ div.tagsinput span.tag a {
}
.tt-hint {
- color: #6c757d;
+ color: var(--gray);
}
.tt-menu {
width: 100%;
margin: 12px 0;
padding: 8px 0;
- background-color: #ffffff;
+ background-color: var(--white);
border: 1px solid var(--outline);
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
@@ -27817,12 +27765,12 @@ div.tagsinput span.tag a {
.tt-suggestion:hover {
cursor: pointer;
- color: #ffffff;
+ color: var(--white);
background-color: #2196f3;
}
.tt-suggestion .tt-cursor {
- color: #ffffff;
+ color: var(--white);
background-color: #2196f3;
}
@@ -27871,11 +27819,11 @@ div.tagsinput span.tag a {
}
.wysi-editor a[data-wysihtml-command-value="green"] {
- color: #19d895;
+ color: var(--success);
}
.wysi-editor a[data-wysihtml-command-value="blue"] {
- color: #8862e0;
+ color: var(--info);
}
.wysi-editor .wysihtml-editor,
@@ -27906,7 +27854,7 @@ div.tagsinput span.tag a {
font-size: 1rem;
line-height: 1.5em;
text-decoration: none;
- background: #ffffff;
+ background: var(--white);
border: 1px solid var(--outline);
padding: 0 0.2em;
margin: 1px 0;
@@ -27939,7 +27887,7 @@ div.tagsinput span.tag a {
}
.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
- outline: 2px solid #19d895;
+ outline: 2px solid var(--success);
}
.wysi-editor .editor-container-tag {
@@ -28110,54 +28058,54 @@ div.tagsinput span.tag a {
}
.wizard>.steps .disabled a {
- background: #f7f7f9;
- color: #6c757d;
+ background: var(--gray-lightest);
+ color: var(--gray);
cursor: default;
}
.wizard>.steps .disabled a:hover {
- background: #f7f7f9;
- color: #6c757d;
+ background: var(--gray-lightest);
+ color: var(--gray);
cursor: default;
}
.wizard>.steps .disabled a:active {
- background: #f7f7f9 e;
- color: #6c757d;
+ background: var(--gray-lightest) e;
+ color: var(--gray);
cursor: default;
}
.wizard>.steps .current a {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
cursor: default;
}
.wizard>.steps .current a:hover {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
cursor: default;
}
.wizard>.steps .current a:active {
background: #2196f3;
- color: #ffffff;
+ color: var(--white);
cursor: default;
}
.wizard>.steps .done a {
background: #82c4f8;
- color: #ffffff;
+ color: var(--white);
}
.wizard>.steps .done a:hover {
background: #82c4f8;
- color: #ffffff;
+ color: var(--white);
}
.wizard>.steps .done a:active {
background: #82c4f8;
- color: #ffffff;
+ color: var(--white);
}
.wizard>.steps .error a {
@@ -28359,7 +28307,7 @@ div.tagsinput span.tag a {
}
.tabcontrol>.steps>ul>li.current {
- background: #ffffff;
+ background: var(--white);
border: 1px solid var(--outline);
border-bottom: 0 none;
padding: 0 0 1px;
@@ -28888,7 +28836,7 @@ div.tagsinput span.tag a {
}
.auth.multi-step-login .step-form .step-progress li.active:before {
- background: #19d895;
+ background: var(--success);
color: var(--base-text);
}
@@ -28985,7 +28933,7 @@ div.tagsinput span.tag a {
}
.landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
- color: #ffffff;
+ color: var(--white);
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.9375rem;
@@ -29043,7 +28991,7 @@ div.tagsinput span.tag a {
}
.landing-page .middle-section .card {
- background: #ffffff;
+ background: var(--white);
border-radius: 10px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
@@ -29172,7 +29120,7 @@ div.tagsinput span.tag a {
}
.landing-page .footer .footer-top .nav .nav-item .nav-link {
- color: #ffffff;
+ color: var(--white);
border-right: 1px solid var(--outline);
padding-top: 0;
padding-bottom: 0;
@@ -29214,7 +29162,7 @@ div.tagsinput span.tag a {
}
.landing-page .footer .footer-bottom {
- color: #ffffff;
+ color: var(--white);
font-family: "roboto", sans-serif;
}
@@ -29295,7 +29243,7 @@ div.tagsinput span.tag a {
font-size: 1rem;
padding-bottom: 1.2rem;
font-weight: 600;
- border-bottom: 3px solid #ffffff;
+ border-bottom: 3px solid var(--white);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in;
@@ -29641,7 +29589,7 @@ div.tagsinput span.tag a {
}
.product-item-wrapper .product-item .card-body .product-variation li:hover {
- background: #dde4eb;
+ background: var(--secondary);
}
.product-item-wrapper .product-item .card-body .product-description {
@@ -30094,7 +30042,7 @@ body.invoice-page.invoice-2 table tr td {
#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active {
background: #0d8aee;
- color: #ffffff;
+ color: var(--white);
}
#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button,
@@ -30215,18 +30163,18 @@ body.invoice-page.invoice-2 table tr td {
}
#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-event-container .fc-h-event {
- background: #19d895;
+ background: var(--success);
border: none;
padding: 6px 12px 6px 22px;
font-weight: 500;
- color: #ffffff;
+ color: var(--white);
font-size: 12px;
border-radius: 4px;
}
#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-more-cell {
font-weight: 600;
- color: #252C46;
+ color: var(--dark);
padding: 0 7px;
}
diff --git a/app/frontend/static/assets/css/dark/style.css.map b/app/frontend/static/assets/css/dark/style.css.map
index 99f0a784..80acb02b 100755
--- a/app/frontend/static/assets/css/dark/style.css.map
+++ b/app/frontend/static/assets/css/dark/style.css.map
@@ -221,14 +221,14 @@
"sourcesContent": [
"/* === Import Bootstrap functions and variables === */\r\n\r\n@import \"../../../../node_modules/bootstrap/scss/functions\";\r\n@import \"../../../../node_modules/bootstrap/scss/variables\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Import template variables === */\r\n\r\n@import \"../shared/variables\";\r\n@import \"../demo_1/variables\";\r\n@import \"./variables\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Boostrap Main SCSS === */\r\n\r\n@import \"../../../../node_modules/bootstrap/scss/bootstrap\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Template mixins === */\r\n\r\n@import \"../shared/mixins/animation\";\r\n@import \"../shared/mixins/accordions\";\r\n@import \"../shared/mixins/background\";\r\n@import \"../shared/mixins/badges\";\r\n@import \"../shared/mixins/blockqoute\";\r\n@import \"../shared/mixins/breadcrumbs\";\r\n@import \"../shared/mixins/buttons\";\r\n@import \"../shared/mixins/cards\";\r\n@import \"../shared/mixins/misc\";\r\n@import \"../shared/mixins/no-ui-slider\";\r\n@import \"../shared/mixins/pagination\";\r\n@import \"../shared/mixins/text\";\r\n@import \"../shared/mixins/popovers\";\r\n@import \"../shared/mixins/tabs\";\r\n@import \"../shared/mixins/tooltips\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Core Styles === */\r\n\r\n@import \"../shared/reset\";\r\n@import \"../shared/fonts\";\r\n@import \"../shared/functions\";\r\n@import \"../shared/typography\";\r\n@import \"../shared/misc\";\r\n@import \"../shared/utilities\";\r\n@import \"../shared/demo\";\r\n@import \"../shared/dashboard\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Components === */\r\n\r\n@import \"../demo_1/nav\";\r\n@import \"../demo_1/navbar\";\r\n@import \"../demo_1/sidebar\";\r\n@import \"../demo_1/footer\";\r\n@import \"../demo_1/layouts\";\r\n@import \"../demo_1/card\";\r\n@import \"../demo_1/misc\";\r\n@import \"../demo_1/dashboard\";\r\n\r\n@import \"../shared/components/accordions\";\r\n@import \"../shared/components/badges\";\r\n@import \"../shared/components/bootstrap-alerts\";\r\n@import \"../shared/components/bootstrap-progress\";\r\n@import \"../shared/components/buttons\";\r\n@import \"../shared/components/breadcrumbs\";\r\n@import \"../shared/components/cards\";\r\n@import \"../shared/components/checkbox-radio\";\r\n@import \"../shared/components/dropdown\";\r\n@import \"../shared/components/forms\";\r\n@import \"../shared/components/google-maps\";\r\n@import \"../shared/components/icons\";\r\n@import \"../shared/components/lists\";\r\n@import \"../shared/components/loaders/loaders\";\r\n@import \"../shared/components/modals\";\r\n@import \"../shared/components/new-account\";\r\n@import \"../shared/components/pagination\";\r\n@import \"../shared/components/popovers\";\r\n@import \"../shared/components/portfolio\";\r\n@import \"../shared/components/preview\";\r\n@import \"../shared/components/pricing-table\";\r\n@import \"../shared/components/tables\";\r\n@import \"../shared/components/tabs\";\r\n@import \"../shared/components/settings-panel\";\r\n@import \"../shared/components/todo-list\";\r\n@import \"../shared/components/tooltips\";\r\n@import \"../shared/components/user-profile\";\r\n@import \"../shared/components/widgets\";\r\n@import \"../shared/components/timeline/timeline-horizontal\";\r\n@import \"../shared/components/timeline/timeline-vertical\";\r\n@import \"../shared/components/timeline\";\r\n@import \"../shared/components/kanban\";\r\n@import \"../shared/components/chat\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Email === */\r\n\r\n@import \"../shared/components/mail-components/mail-sidebar\";\r\n@import \"../shared/components/mail-components/view-controller/mail-list-container\";\r\n@import \"../shared/components/mail-components/view-controller/messagecontent\";\r\n@import \"../shared/components/mail-components/view-controller/view-controller\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Plugin overrides === */\r\n\r\n@import \"../shared/components/plugin-overrides/ace\";\r\n@import \"../shared/components/plugin-overrides/avgrund\";\r\n@import \"../shared/components/plugin-overrides/bootstrap-tour\";\r\n@import \"../shared/components/plugin-overrides/chartjs\";\r\n@import \"../shared/components/plugin-overrides/chartist\";\r\n@import \"../shared/components/plugin-overrides/codemirror\";\r\n@import \"../shared/components/plugin-overrides/colcade\";\r\n@import \"../shared/components/plugin-overrides/colorpicker\";\r\n@import \"../shared/components/plugin-overrides/context-menu\";\r\n@import \"../shared/components/plugin-overrides/clockpicker\";\r\n@import \"../shared/components/plugin-overrides/data-tables\";\r\n@import \"../shared/components/plugin-overrides/datepicker\";\r\n@import \"../shared/components/plugin-overrides/dropify\";\r\n@import \"../shared/components/plugin-overrides/dropzone\";\r\n@import \"../shared/components/plugin-overrides/flot-chart\";\r\n@import \"../shared/components/plugin-overrides/google-charts\";\r\n@import \"../shared/components/plugin-overrides/icheck\";\r\n@import \"../shared/components/plugin-overrides/jquery-file-upload\";\r\n@import \"../shared/components/plugin-overrides/js-grid\";\r\n@import \"../shared/components/plugin-overrides/jvectormap\";\r\n@import \"../shared/components/plugin-overrides/light-gallery\";\r\n@import \"../shared/components/plugin-overrides/listify\";\r\n@import \"../shared/components/plugin-overrides/no-ui-slider\";\r\n@import \"../shared/components/plugin-overrides/owl-carousel\";\r\n@import \"../shared/components/plugin-overrides/progressbar-js\";\r\n@import \"../shared/components/plugin-overrides/pws-tabs\";\r\n@import \"../shared/components/plugin-overrides/quill\";\r\n@import \"../shared/components/plugin-overrides/rating\";\r\n@import \"../shared/components/plugin-overrides/select2\";\r\n@import \"../shared/components/plugin-overrides/summernote\";\r\n@import \"../shared/components/plugin-overrides/sweet-alert\";\r\n@import \"../shared/components/plugin-overrides/switchery\";\r\n@import \"../shared/components/plugin-overrides/tags\";\r\n@import \"../shared/components/plugin-overrides/tinymce\";\r\n@import \"../shared/components/plugin-overrides/toast\";\r\n@import \"../shared/components/plugin-overrides/typeahead\";\r\n@import \"../shared/components/plugin-overrides/wysieditor\";\r\n@import \"../shared/components/plugin-overrides/x-editable\";\r\n@import \"../shared/components/plugin-overrides/wizard\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n/* === Landing screens === */\r\n\r\n@import \"../shared/screens/auth\";\r\n@import \"../shared/screens/error\";\r\n@import \"../shared/screens/lock-screen\";\r\n@import \"../shared/screens/landing\";\r\n@import \"../shared/screens/profile-page\";\r\n@import \"../shared/components/product-tile\";\r\n@import \"../shared/screens/project-list\";\r\n@import \"../shared/screens/st_wizard\";\r\n@import \"../shared/screens/invoice\";\r\n@import \"../shared/screens/tickets\";\r\n/*-------------------------------------------------------------------*/\r\n\r\n\r\n@import \"../demo_1/components/modals\";\r\n@import \"../demo_1/components/full-calendar\";",
"/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",
- "/* === Import Bootstrap functions and variables === */\n/*-------------------------------------------------------------------*/\n/* === Import template variables === */\n/*-------------------------------------------------------------------*/\n/* === Boostrap Main SCSS === */\n/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\");\n:root {\n --blue: #00aeef;\n --indigo: #6610f2;\n --purple: #ab8ce4;\n --pink: #E91E63;\n --red: #ff0017;\n --orange: #fb9678;\n --yellow: #ffd500;\n --green: #3bd949;\n --teal: #58d8a3;\n --cyan: #57c7d4;\n --white: #ffffff;\n --gray: #6c757d;\n --gray-dark: #292b2c;\n --blue: #00aeef;\n --indigo: #6610f2;\n --purple: #ab8ce4;\n --pink: #E91E63;\n --red: #ff0017;\n --orange: #fb9678;\n --yellow: #ffd500;\n --green: #3bd949;\n --teal: #58d8a3;\n --cyan: #57c7d4;\n --white: #ffffff;\n --white-smoke: #f3f5f6;\n --gray: #6c757d;\n --gray-light: #8ba2b5;\n --gray-lightest: #f7f7f9;\n --primary: #2196f3;\n --secondary: #dde4eb;\n --success: #19d895;\n --info: #8862e0;\n --warning: #ffaf00;\n --danger: #ff6258;\n --light: #fbfbfb;\n --dark: #252C46;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block; }\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n var(--base-text);\n text-align: left;\n background: var(--base-text); }\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: 700; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\nb,\nstrong {\n font-weight: bolder; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -.25em; }\n\nsup {\n top: -.5em; }\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent; }\n a:hover {\n color: #0056b3;\n text-decoration: underline; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle;\n border-style: none; }\n\nsvg {\n overflow: hidden;\n vertical-align: middle; }\n\ntable {\n border-collapse: collapse; }\n\ncaption {\n padding-top: 12px 15px;\n padding-bottom: 12px 15px;\n color: #6c757d;\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: inherit; }\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem; }\n\nbutton {\n border-radius: 0; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nselect {\n word-wrap: normal; }\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n overflow: auto;\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal; }\n\nprogress {\n vertical-align: baseline; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none; }\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button; }\n\noutput {\n display: inline-block; }\n\nsummary {\n display: list-item;\n cursor: pointer; }\n\ntemplate {\n display: none; }\n\n[hidden] {\n display: none !important; }\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-weight: 500;\n line-height: 1.2; }\n\nh1, .h1 {\n font-size: 2.5rem; }\n\nh2, .h2 {\n font-size: 2rem; }\n\nh3, .h3 {\n font-size: 1.75rem; }\n\nh4, .h4 {\n font-size: 1.5rem; }\n\nh5, .h5 {\n font-size: 1.25rem; }\n\nh6, .h6 {\n font-size: 1rem; }\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300; }\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400; }\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3; }\n\n.list-unstyled {\n padding-left: 0;\n list-style: none; }\n\n.list-inline {\n padding-left: 0;\n list-style: none; }\n\n.list-inline-item {\n display: inline-block; }\n .list-inline-item:not(:last-child) {\n margin-right: 0.5rem; }\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase; }\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem; }\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d; }\n .blockquote-footer::before {\n content: \"\\2014\\00A0\"; }\n\n.img-fluid {\n max-width: 100%;\n height: auto; }\n\n.img-thumbnail {\n padding: 0.25rem;\n background: var(--base-text);\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto; }\n\n.figure {\n display: inline-block; }\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1; }\n\n.figure-caption {\n font-size: 90%;\n color: #6c757d; }\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word; }\n a > code {\n color: inherit; }\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n var(--base-text);\n background-color: #212529;\n border-radius: 0.2rem; }\n kbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700; }\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529; }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal; }\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll; }\n\n.container {\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px;\n margin-right: auto;\n margin-left: auto; }\n @media (min-width: 576px) {\n .container {\n max-width: 540px; } }\n @media (min-width: 768px) {\n .container {\n max-width: 720px; } }\n @media (min-width: 992px) {\n .container {\n max-width: 960px; } }\n @media (min-width: 1200px) {\n .container {\n max-width: 1140px; } }\n\n.container-fluid {\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px;\n margin-right: auto;\n margin-left: auto; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -12.5px;\n margin-left: -12.5px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6, .lightGallery .image-tile {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-first {\n order: -1; }\n\n.order-last {\n order: 13; }\n\n.order-0 {\n order: 0; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-first {\n order: -1; }\n .order-sm-last {\n order: 13; }\n .order-sm-0 {\n order: 0; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-0 {\n margin-left: 0; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4, .lightGallery .image-tile {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-first {\n order: -1; }\n .order-md-last {\n order: 13; }\n .order-md-0 {\n order: 0; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-0 {\n margin-left: 0; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-first {\n order: -1; }\n .order-lg-last {\n order: 13; }\n .order-lg-0 {\n order: 0; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-0 {\n margin-left: 0; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-first {\n order: -1; }\n .order-xl-last {\n order: 13; }\n .order-xl-0 {\n order: 0; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-0 {\n margin-left: 0; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.table, .jsgrid .jsgrid-table {\n width: 100%;\n margin-bottom: 1rem;\n var(--base-text); }\n .table th, .jsgrid .jsgrid-table th,\n .table td,\n .jsgrid .jsgrid-table td {\n padding: 12px 15px;\n vertical-align: top;\n border-top: 1px solid #dee2e6; }\n .table thead th, .jsgrid .jsgrid-table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6; }\n .table tbody + tbody, .jsgrid .jsgrid-table tbody + tbody {\n border-top: 2px solid #dee2e6; }\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem; }\n\n.table-bordered {\n border: 1px solid #dee2e6; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6; }\n .table-bordered thead th,\n .table-bordered thead td {\n border-bottom-width: 2px; }\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0; }\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05); }\n\n.table-hover tbody tr:hover {\n color: #212529;\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #c1e2fc; }\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #8cc8f9; }\n\n.table-hover .table-primary:hover {\n background-color: #a9d7fb; }\n .table-hover .table-primary:hover > td,\n .table-hover .table-primary:hover > th {\n background-color: #a9d7fb; }\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #f5f7f9; }\n\n.table-secondary th,\n.table-secondary td,\n.table-secondary thead th,\n.table-secondary tbody + tbody {\n border-color: #edf1f5; }\n\n.table-hover .table-secondary:hover {\n background-color: #e5eaef; }\n .table-hover .table-secondary:hover > td,\n .table-hover .table-secondary:hover > th {\n background-color: #e5eaef; }\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #bff4e1; }\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #87ebc8; }\n\n.table-hover .table-success:hover {\n background-color: #a9f0d7; }\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th {\n background-color: #a9f0d7; }\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #ded3f6; }\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #c1adef; }\n\n.table-hover .table-info:hover {\n background-color: #cebef2; }\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th {\n background-color: #cebef2; }\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffe9b8; }\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffd57a; }\n\n.table-hover .table-warning:hover {\n background-color: #ffe19f; }\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th {\n background-color: #ffe19f; }\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #ffd3d0; }\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ffada8; }\n\n.table-hover .table-danger:hover {\n background-color: #ffbbb7; }\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th {\n background-color: #ffbbb7; }\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe; }\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd; }\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1; }\n .table-hover .table-light:hover > td,\n .table-hover .table-light:hover > th {\n background-color: #f1f1f1; }\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c2c4cb; }\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8e919f; }\n\n.table-hover .table-dark:hover {\n background-color: #b4b7bf; }\n .table-hover .table-dark:hover > td,\n .table-hover .table-dark:hover > th {\n background-color: #b4b7bf; }\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {\n var(--base-text);\n background-color: #343a40;\n border-color: #454d55; }\n\n.table .thead-light th, .jsgrid .jsgrid-table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n\n.table-dark {\n var(--base-text);\n background-color: #343a40; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th {\n border-color: #454d55; }\n .table-dark.table-bordered {\n border: 0; }\n .table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05); }\n .table-dark.table-hover tbody tr:hover {\n var(--base-text);\n background-color: rgba(255, 255, 255, 0.075); }\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-sm > .table-bordered {\n border: 0; } }\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-md > .table-bordered {\n border: 0; } }\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-lg > .table-bordered {\n border: 0; } }\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-xl > .table-bordered {\n border: 0; } }\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive > .table-bordered {\n border: 0; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n display: block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.56rem 1.375rem;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1;\n color: #495057;\n background-color: var(--card-banner-bg);\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 2px;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n .tt-query,\n .typeahead {\n transition: none; } }\n .form-control::-ms-expand, .asColorPicker-input::-ms-expand, .dataTables_wrapper select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand,\n .jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand, .select2-container--default .select2-selection--single::-ms-expand, .select2-container--default .select2-selection--single .select2-search__field::-ms-expand, .tt-hint::-ms-expand,\n .tt-query::-ms-expand,\n .typeahead::-ms-expand {\n background-color: transparent;\n border: 0; }\n .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n .tt-query:focus,\n .typeahead:focus {\n color: #495057;\n background: var(--base-text);\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .form-control::placeholder, .asColorPicker-input::placeholder, .dataTables_wrapper select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,\n .jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder, .select2-container--default .select2-selection--single::placeholder, .select2-container--default .select2-selection--single .select2-search__field::placeholder, .tt-hint::placeholder,\n .tt-query::placeholder,\n .typeahead::placeholder {\n color: #6c757d;\n opacity: 1; }\n .form-control:disabled, .asColorPicker-input:disabled, .dataTables_wrapper select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number], .select2-container--default .select2-selection--single:disabled, .select2-container--default .select2-selection--single .select2-search__field:disabled, .tt-hint:disabled,\n .tt-query:disabled,\n .typeahead:disabled, .form-control[readonly], .asColorPicker-input[readonly], .dataTables_wrapper select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], .select2-container--default .select2-selection--single[readonly], .select2-container--default .select2-selection--single .select2-search__field[readonly], .tt-hint[readonly],\n .tt-query[readonly],\n .typeahead[readonly] {\n background-color: #e9ecef;\n opacity: 1; }\n\nselect.form-control:focus::-ms-value, select.asColorPicker-input:focus::-ms-value, .dataTables_wrapper select:focus::-ms-value,\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, .select2-container--default select.select2-selection--single:focus::-ms-value, .select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, select.tt-hint:focus::-ms-value,\nselect.tt-query:focus::-ms-value,\nselect.typeahead:focus::-ms-value {\n color: #495057;\n background-color: var(--card-banner-bg); }\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%; }\n\n.col-form-label {\n padding-top: calc(0.56rem + 1px);\n padding-bottom: calc(0.56rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1; }\n\n.col-form-label-lg {\n padding-top: calc(0.94rem + 1px);\n padding-bottom: calc(0.94rem + 1px);\n font-size: 1.25rem;\n line-height: 1; }\n\n.col-form-label-sm {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 0.875rem;\n line-height: 1; }\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.56rem;\n padding-bottom: 0.56rem;\n margin-bottom: 0;\n line-height: 1;\n color: #212529;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0; }\n .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n padding-right: 0;\n padding-left: 0; }\n\n.form-control-sm {\n height: calc(1.5em + 0.5rem + 2px);\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.2rem; }\n\n.form-control-lg {\n height: calc(1.5em + 1rem + 2px);\n padding: 0.94rem 1.94rem;\n font-size: 1.25rem;\n line-height: 1;\n border-radius: 0.3rem; }\n\nselect.form-control[size], select.asColorPicker-input[size], .dataTables_wrapper select[size],\n.jsgrid .jsgrid-table .jsgrid-filter-row select[size], .select2-container--default select.select2-selection--single[size], .select2-container--default .select2-selection--single select.select2-search__field[size], select.tt-hint[size],\nselect.tt-query[size],\nselect.typeahead[size], select.form-control[multiple], select.asColorPicker-input[multiple], .dataTables_wrapper select[multiple],\n.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple], .select2-container--default select.select2-selection--single[multiple], .select2-container--default .select2-selection--single select.select2-search__field[multiple], select.tt-hint[multiple],\nselect.tt-query[multiple],\nselect.typeahead[multiple] {\n height: auto; }\n\ntextarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint,\ntextarea.tt-query,\ntextarea.typeahead {\n height: auto; }\n\n.form-group {\n margin-bottom: 1rem; }\n\n.form-text {\n display: block;\n margin-top: 0.25rem; }\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px; }\n .form-row > .col,\n .form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px; }\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem; }\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem; }\n .form-check-input:disabled ~ .form-check-label {\n var(--base-text) }\n\n.form-check-label {\n margin-bottom: 0; }\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem; }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0; }\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745; }\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.875rem;\n line-height: 1.5;\n var(--base-text);\n background-color: rgba(40, 167, 69, 0.9);\n border-radius: 0.25rem; }\n\n.was-validated .form-control:valid, .was-validated .asColorPicker-input:valid, .was-validated .dataTables_wrapper select:valid, .dataTables_wrapper .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text],\n.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number], .was-validated .select2-container--default .select2-selection--single:valid, .select2-container--default .was-validated .select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid, .was-validated .tt-hint:valid,\n.was-validated .tt-query:valid,\n.was-validated .typeahead:valid, .form-control.is-valid, .is-valid.asColorPicker-input, .dataTables_wrapper select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number], .select2-container--default .is-valid.select2-selection--single, .select2-container--default .select2-selection--single .is-valid.select2-search__field, .is-valid.tt-hint,\n.is-valid.tt-query,\n.is-valid.typeahead {\n border-color: #28a745;\n padding-right: calc(1.5em + 0.75rem);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: center right calc(0.375em + 0.1875rem);\n background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .form-control:valid:focus, .was-validated .asColorPicker-input:valid:focus, .was-validated .dataTables_wrapper select:valid:focus, .dataTables_wrapper .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text],\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:valid:focus, .select2-container--default .was-validated .select2-selection--single:valid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus, .was-validated .tt-hint:valid:focus,\n .was-validated .tt-query:valid:focus,\n .was-validated .typeahead:valid:focus, .form-control.is-valid:focus, .is-valid.asColorPicker-input:focus, .dataTables_wrapper select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number], .select2-container--default .is-valid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-valid.select2-search__field:focus, .is-valid.tt-hint:focus,\n .is-valid.tt-query:focus,\n .is-valid.typeahead:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .form-control:valid ~ .valid-feedback, .was-validated .asColorPicker-input:valid ~ .valid-feedback, .was-validated .dataTables_wrapper select:valid ~ .valid-feedback, .dataTables_wrapper .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-feedback, .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-feedback, .was-validated .tt-hint:valid ~ .valid-feedback, .was-validated .tt-query:valid ~ .valid-feedback, .was-validated .typeahead:valid ~ .valid-feedback,\n .was-validated .form-control:valid ~ .valid-tooltip,\n .was-validated .asColorPicker-input:valid ~ .valid-tooltip,\n .was-validated .dataTables_wrapper select:valid ~ .valid-tooltip,\n .dataTables_wrapper .was-validated select:valid ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-tooltip,\n .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-tooltip,\n .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-tooltip,\n .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-tooltip,\n .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-tooltip,\n .was-validated .tt-hint:valid ~ .valid-tooltip,\n .was-validated .tt-query:valid ~ .valid-tooltip,\n .was-validated .typeahead:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.asColorPicker-input ~ .valid-feedback, .dataTables_wrapper select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-feedback, .select2-container--default .is-valid.select2-selection--single ~ .valid-feedback, .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-feedback, .is-valid.tt-hint ~ .valid-feedback, .is-valid.tt-query ~ .valid-feedback, .is-valid.typeahead ~ .valid-feedback,\n .form-control.is-valid ~ .valid-tooltip,\n .is-valid.asColorPicker-input ~ .valid-tooltip,\n .dataTables_wrapper select.is-valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-tooltip,\n .select2-container--default .is-valid.select2-selection--single ~ .valid-tooltip,\n .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-tooltip,\n .is-valid.tt-hint ~ .valid-tooltip,\n .is-valid.tt-query ~ .valid-tooltip,\n .is-valid.typeahead ~ .valid-tooltip {\n display: block; }\n\n.was-validated textarea.form-control:valid, .was-validated textarea.asColorPicker-input:valid, .was-validated .select2-container--default textarea.select2-selection--single:valid, .select2-container--default .was-validated textarea.select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid, .was-validated textarea.tt-hint:valid,\n.was-validated textarea.tt-query:valid,\n.was-validated textarea.typeahead:valid, textarea.form-control.is-valid, textarea.is-valid.asColorPicker-input, .select2-container--default textarea.is-valid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-valid.select2-search__field, textarea.is-valid.tt-hint,\ntextarea.is-valid.tt-query,\ntextarea.is-valid.typeahead {\n padding-right: calc(1.5em + 0.75rem);\n background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n border-color: #28a745;\n padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px, url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .custom-select:valid ~ .valid-feedback,\n .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n .custom-select.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745; }\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745; }\n .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n border-color: #28a745; }\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n border-color: #34ce57;\n background-color: #34ce57; }\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #28a745; }\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745; }\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545; }\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.875rem;\n line-height: 1.5;\n var(--base-text);\n background-color: rgba(220, 53, 69, 0.9);\n border-radius: 0.25rem; }\n\n.was-validated .form-control:invalid, .was-validated .asColorPicker-input:invalid, .was-validated .dataTables_wrapper select:invalid, .dataTables_wrapper .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text],\n.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number], .was-validated .select2-container--default .select2-selection--single:invalid, .select2-container--default .was-validated .select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid, .was-validated .tt-hint:invalid,\n.was-validated .tt-query:invalid,\n.was-validated .typeahead:invalid, .form-control.is-invalid, .is-invalid.asColorPicker-input, .dataTables_wrapper select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number], .select2-container--default .is-invalid.select2-selection--single, .select2-container--default .select2-selection--single .is-invalid.select2-search__field, .is-invalid.tt-hint,\n.is-invalid.tt-query,\n.is-invalid.typeahead {\n border-color: #dc3545;\n padding-right: calc(1.5em + 0.75rem);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right calc(0.375em + 0.1875rem);\n background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .form-control:invalid:focus, .was-validated .asColorPicker-input:invalid:focus, .was-validated .dataTables_wrapper select:invalid:focus, .dataTables_wrapper .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text],\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:invalid:focus, .select2-container--default .was-validated .select2-selection--single:invalid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus, .was-validated .tt-hint:invalid:focus,\n .was-validated .tt-query:invalid:focus,\n .was-validated .typeahead:invalid:focus, .form-control.is-invalid:focus, .is-invalid.asColorPicker-input:focus, .dataTables_wrapper select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number], .select2-container--default .is-invalid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus, .is-invalid.tt-hint:focus,\n .is-invalid.tt-query:focus,\n .is-invalid.typeahead:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .asColorPicker-input:invalid ~ .invalid-feedback, .was-validated .dataTables_wrapper select:invalid ~ .invalid-feedback, .dataTables_wrapper .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-feedback, .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-feedback, .was-validated .tt-hint:invalid ~ .invalid-feedback, .was-validated .tt-query:invalid ~ .invalid-feedback, .was-validated .typeahead:invalid ~ .invalid-feedback,\n .was-validated .form-control:invalid ~ .invalid-tooltip,\n .was-validated .asColorPicker-input:invalid ~ .invalid-tooltip,\n .was-validated .dataTables_wrapper select:invalid ~ .invalid-tooltip,\n .dataTables_wrapper .was-validated select:invalid ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-tooltip,\n .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-tooltip,\n .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-tooltip,\n .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-tooltip,\n .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-tooltip,\n .was-validated .tt-hint:invalid ~ .invalid-tooltip,\n .was-validated .tt-query:invalid ~ .invalid-tooltip,\n .was-validated .typeahead:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.asColorPicker-input ~ .invalid-feedback, .dataTables_wrapper select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-feedback, .select2-container--default .is-invalid.select2-selection--single ~ .invalid-feedback, .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-feedback, .is-invalid.tt-hint ~ .invalid-feedback, .is-invalid.tt-query ~ .invalid-feedback, .is-invalid.typeahead ~ .invalid-feedback,\n .form-control.is-invalid ~ .invalid-tooltip,\n .is-invalid.asColorPicker-input ~ .invalid-tooltip,\n .dataTables_wrapper select.is-invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-tooltip,\n .select2-container--default .is-invalid.select2-selection--single ~ .invalid-tooltip,\n .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-tooltip,\n .is-invalid.tt-hint ~ .invalid-tooltip,\n .is-invalid.tt-query ~ .invalid-tooltip,\n .is-invalid.typeahead ~ .invalid-tooltip {\n display: block; }\n\n.was-validated textarea.form-control:invalid, .was-validated textarea.asColorPicker-input:invalid, .was-validated .select2-container--default textarea.select2-selection--single:invalid, .select2-container--default .was-validated textarea.select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid, .was-validated textarea.tt-hint:invalid,\n.was-validated textarea.tt-query:invalid,\n.was-validated textarea.typeahead:invalid, textarea.form-control.is-invalid, textarea.is-invalid.asColorPicker-input, .select2-container--default textarea.is-invalid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field, textarea.is-invalid.tt-hint,\ntextarea.is-invalid.tt-query,\ntextarea.is-invalid.typeahead {\n padding-right: calc(1.5em + 0.75rem);\n background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n border-color: #dc3545;\n padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px, url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .custom-select:invalid ~ .invalid-feedback,\n .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n .custom-select.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545; }\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545; }\n .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n border-color: #dc3545; }\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n border-color: #e4606d;\n background-color: #e4606d; }\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #dc3545; }\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545; }\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; }\n .form-inline .form-check {\n width: 100%; }\n @media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0; }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0; }\n .form-inline .form-control, .form-inline .asColorPicker-input, .form-inline .dataTables_wrapper select, .dataTables_wrapper .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text],\n .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number], .form-inline .select2-container--default .select2-selection--single, .select2-container--default .form-inline .select2-selection--single, .form-inline .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-inline .select2-search__field, .form-inline .tt-hint,\n .form-inline .tt-query,\n .form-inline .typeahead {\n display: inline-block;\n width: auto;\n vertical-align: middle; }\n .form-inline .form-control-plaintext {\n display: inline-block; }\n .form-inline .input-group, .form-inline .asColorPicker-wrap,\n .form-inline .custom-select {\n width: auto; }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0; }\n .form-inline .form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0; }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center; }\n .form-inline .custom-control-label {\n margin-bottom: 0; } }\n\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n display: inline-block;\n font-weight: 400;\n var(--base-text);\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 0.4rem 1rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.1875rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n transition: none; } }\n .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover {\n var(--base-text);\n text-decoration: none; }\n .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .btn.disabled, .ajax-upload-dragdrop .disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, .wizard > .actions a.disabled, .btn:disabled, .ajax-upload-dragdrop .ajax-file-upload:disabled, .swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, .wizard > .actions a:disabled {\n opacity: 0.65; }\n\na.btn.disabled, .ajax-upload-dragdrop a.disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, .wizard > .actions a.disabled,\nfieldset:disabled a.btn,\nfieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload,\n.ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload,\nfieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled,\n.swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,\nfieldset:disabled .wizard > .actions a,\n.wizard > .actions fieldset:disabled a {\n pointer-events: none; }\n\n.btn-primary, .wizard > .actions a {\n var(--base-text);\n background-color: #2196f3;\n border-color: #2196f3; }\n .btn-primary:hover, .wizard > .actions a:hover {\n var(--base-text);\n background-color: #0c83e2;\n border-color: #0c7cd5; }\n .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }\n .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled {\n var(--base-text);\n background-color: #2196f3;\n border-color: #2196f3; }\n .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active,\n .show > .btn-primary.dropdown-toggle,\n .wizard > .actions .show > a.dropdown-toggle {\n var(--base-text);\n background-color: #0c7cd5;\n border-color: #0b75c9; }\n .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus,\n .show > .btn-primary.dropdown-toggle:focus,\n .wizard > .actions .show > a.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }\n\n.btn-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {\n color: #212529;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover {\n color: #212529;\n background-color: #c5d1dd;\n border-color: #bdcbd8; }\n .btn-secondary:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus, .btn-secondary.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel {\n box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); }\n .btn-secondary.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel, .btn-secondary:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {\n color: #212529;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .btn-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active,\n .show > .btn-secondary.dropdown-toggle,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel {\n color: #212529;\n background-color: #bdcbd8;\n border-color: #b5c4d3; }\n .btn-secondary:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus,\n .show > .btn-secondary.dropdown-toggle:focus,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel:focus {\n box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); }\n\n.btn-success {\n color: #212529;\n background-color: #19d895;\n border-color: #19d895; }\n .btn-success:hover {\n var(--base-text);\n background-color: #15b67d;\n border-color: #14aa75; }\n .btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); }\n .btn-success.disabled, .btn-success:disabled {\n color: #212529;\n background-color: #19d895;\n border-color: #19d895; }\n .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n .show > .btn-success.dropdown-toggle {\n var(--base-text);\n background-color: #14aa75;\n border-color: #129f6e; }\n .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); }\n\n.btn-info, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {\n var(--base-text);\n background-color: #8862e0;\n border-color: #8862e0; }\n .btn-info:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {\n var(--base-text);\n background-color: #7042da;\n border-color: #6837d8; }\n .btn-info:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus, .btn-info.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit {\n box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); }\n .btn-info.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit, .btn-info:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {\n var(--base-text);\n background-color: #8862e0;\n border-color: #8862e0; }\n .btn-info:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,\n .show > .btn-info.dropdown-toggle,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit {\n var(--base-text);\n background-color: #6837d8;\n border-color: #602dd5; }\n .btn-info:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus,\n .show > .btn-info.dropdown-toggle:focus,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit:focus {\n box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); }\n\n.btn-warning {\n color: #212529;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .btn-warning:hover {\n color: #212529;\n background-color: #d99500;\n border-color: #cc8c00; }\n .btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); }\n .btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n .show > .btn-warning.dropdown-toggle {\n var(--base-text);\n background-color: #cc8c00;\n border-color: #bf8300; }\n .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); }\n\n.btn-danger {\n var(--base-text);\n background-color: #ff6258;\n border-color: #ff6258; }\n .btn-danger:hover {\n var(--base-text);\n background-color: #ff3e32;\n border-color: #ff3225; }\n .btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); }\n .btn-danger.disabled, .btn-danger:disabled {\n var(--base-text);\n background-color: #ff6258;\n border-color: #ff6258; }\n .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n .show > .btn-danger.dropdown-toggle {\n var(--base-text);\n background-color: #ff3225;\n border-color: #ff2618; }\n .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); }\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2; }\n .btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); }\n .btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n .show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb; }\n .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); }\n\n.btn-dark {\n var(--base-text);\n background-color: #252C46;\n border-color: #252C46; }\n .btn-dark:hover {\n var(--base-text);\n background-color: #181c2d;\n border-color: #131725; }\n .btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); }\n .btn-dark.disabled, .btn-dark:disabled {\n var(--base-text);\n background-color: #252C46;\n border-color: #252C46; }\n .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n .show > .btn-dark.dropdown-toggle {\n var(--base-text);\n background-color: #131725;\n border-color: #0f121c; }\n .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); }\n\n.btn-outline-primary, .wizard > .actions .disabled a {\n color: #2196f3;\n border-color: #2196f3; }\n .btn-outline-primary:hover, .wizard > .actions .disabled a:hover {\n var(--base-text);\n background-color: #2196f3;\n border-color: #2196f3; }\n .btn-outline-primary:focus, .wizard > .actions .disabled a:focus, .btn-outline-primary.focus, .wizard > .actions .disabled a.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n .btn-outline-primary.disabled, .wizard > .actions .disabled a.disabled, .btn-outline-primary:disabled, .wizard > .actions .disabled a:disabled {\n color: #2196f3;\n background-color: transparent; }\n .btn-outline-primary:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active,\n .show > .btn-outline-primary.dropdown-toggle,\n .wizard > .actions .disabled .show > a.dropdown-toggle {\n var(--base-text);\n background-color: #2196f3;\n border-color: #2196f3; }\n .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-primary.dropdown-toggle:focus,\n .wizard > .actions .disabled .show > a.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n\n.btn-outline-secondary {\n color: #dde4eb;\n border-color: #dde4eb; }\n .btn-outline-secondary:hover {\n color: #212529;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #dde4eb;\n background-color: transparent; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-secondary.dropdown-toggle {\n color: #212529;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n\n.btn-outline-success {\n color: #19d895;\n border-color: #19d895; }\n .btn-outline-success:hover {\n color: #212529;\n background-color: #19d895;\n border-color: #19d895; }\n .btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n .btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #19d895;\n background-color: transparent; }\n .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n .show > .btn-outline-success.dropdown-toggle {\n color: #212529;\n background-color: #19d895;\n border-color: #19d895; }\n .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n\n.btn-outline-info {\n color: #8862e0;\n border-color: #8862e0; }\n .btn-outline-info:hover {\n var(--base-text);\n background-color: #8862e0;\n border-color: #8862e0; }\n .btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n .btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #8862e0;\n background-color: transparent; }\n .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n .show > .btn-outline-info.dropdown-toggle {\n var(--base-text);\n background-color: #8862e0;\n border-color: #8862e0; }\n .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n\n.btn-outline-warning {\n color: #ffaf00;\n border-color: #ffaf00; }\n .btn-outline-warning:hover {\n color: #212529;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n .btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffaf00;\n background-color: transparent; }\n .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n .show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n\n.btn-outline-danger {\n color: #ff6258;\n border-color: #ff6258; }\n .btn-outline-danger:hover {\n var(--base-text);\n background-color: #ff6258;\n border-color: #ff6258; }\n .btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n .btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #ff6258;\n background-color: transparent; }\n .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n .show > .btn-outline-danger.dropdown-toggle {\n var(--base-text);\n background-color: #ff6258;\n border-color: #ff6258; }\n .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n .btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent; }\n .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n .show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n\n.btn-outline-dark {\n color: #252C46;\n border-color: #252C46; }\n .btn-outline-dark:hover {\n var(--base-text);\n background-color: #252C46;\n border-color: #252C46; }\n .btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n .btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #252C46;\n background-color: transparent; }\n .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n .show > .btn-outline-dark.dropdown-toggle {\n var(--base-text);\n background-color: #252C46;\n border-color: #252C46; }\n .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n text-decoration: none; }\n .btn-link:hover {\n color: #0056b3;\n text-decoration: underline; }\n .btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none; }\n .btn-link:disabled, .btn-link.disabled {\n color: #6c757d;\n pointer-events: none; }\n\n.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a {\n padding: 0.94rem 1.94rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.1875rem; }\n\n.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a {\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.1875rem; }\n\n.btn-block {\n display: block;\n width: 100%; }\n .btn-block + .btn-block {\n margin-top: 0.5rem; }\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%; }\n\n.fade {\n transition: opacity 0.15s linear; }\n @media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none; } }\n .fade:not(.show) {\n opacity: 0; }\n\n.collapse:not(.show) {\n display: none; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease; }\n @media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none; } }\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n position: relative; }\n\n.dropdown-toggle {\n white-space: nowrap; }\n .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent; }\n .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: var(--dropdown-bg);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem; }\n\n.dropdown-menu-left {\n right: auto;\n left: 0; }\n\n.dropdown-menu-right {\n right: 0;\n left: auto; }\n\n@media (min-width: 576px) {\n .dropdown-menu-sm-left {\n right: auto;\n left: 0; }\n .dropdown-menu-sm-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 768px) {\n .dropdown-menu-md-left {\n right: auto;\n left: 0; }\n .dropdown-menu-md-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 992px) {\n .dropdown-menu-lg-left {\n right: auto;\n left: 0; }\n .dropdown-menu-lg-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 1200px) {\n .dropdown-menu-xl-left {\n right: auto;\n left: 0; }\n .dropdown-menu-xl-right {\n right: 0;\n left: auto; } }\n\n.dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 0.125rem; }\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent; }\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-menu {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: 0.125rem; }\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid; }\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0; }\n\n.dropleft .dropdown-menu {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: 0.125rem; }\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\"; }\n\n.dropleft .dropdown-toggle::after {\n display: none; }\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent; }\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0; }\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n right: auto;\n bottom: auto; }\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: var(--card-banner-bg); }\n .dropdown-item.active, .dropdown-item:active {\n var(--base-text);\n text-decoration: none;\n background-color: #007bff; }\n .dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n pointer-events: none;\n background-color: transparent; }\n\n.dropdown-menu.show {\n display: block; }\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #6c757d;\n white-space: nowrap; }\n\n.dropdown-item-text {\n display: block;\n padding: 0.25rem 1.5rem;\n color: #212529; }\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; }\n .btn-group > .btn, .ajax-upload-dragdrop .btn-group > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled, .wizard > .actions .btn-group > a,\n .btn-group-vertical > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled,\n .wizard > .actions .btn-group-vertical > a {\n position: relative;\n flex: 1 1 auto; }\n .btn-group > .btn:hover, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:hover, .wizard > .actions .btn-group > a:hover,\n .btn-group-vertical > .btn:hover,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:hover,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:hover,\n .wizard > .actions .btn-group-vertical > a:hover {\n z-index: 1; }\n .btn-group > .btn:focus, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:focus, .wizard > .actions .btn-group > a:focus, .btn-group > .btn:active, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:active, .wizard > .actions .btn-group > a:active, .btn-group > .btn.active, .ajax-upload-dragdrop .btn-group > .active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .active.swal2-styled, .wizard > .actions .btn-group > a.active,\n .btn-group-vertical > .btn:focus,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:focus,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:focus,\n .wizard > .actions .btn-group-vertical > a:focus,\n .btn-group-vertical > .btn:active,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:active,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:active,\n .wizard > .actions .btn-group-vertical > a:active,\n .btn-group-vertical > .btn.active,\n .ajax-upload-dragdrop .btn-group-vertical > .active.ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .active.swal2-styled,\n .wizard > .actions .btn-group-vertical > a.active {\n z-index: 1; }\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; }\n .btn-toolbar .input-group, .btn-toolbar .asColorPicker-wrap {\n width: auto; }\n\n.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px; }\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group > a:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn,\n.ajax-upload-dragdrop .btn-group > .btn-group:not(:last-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:last-child) > .swal2-styled,\n.wizard > .actions .btn-group > .btn-group:not(:last-child) > a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn,\n.ajax-upload-dragdrop .btn-group > .btn-group:not(:first-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:first-child) > .swal2-styled,\n.wizard > .actions .btn-group > .btn-group:not(:first-child) > a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem; }\n .dropdown-toggle-split::after,\n .dropup .dropdown-toggle-split::after,\n .dropright .dropdown-toggle-split::after {\n margin-left: 0; }\n .dropleft .dropdown-toggle-split::before {\n margin-right: 0; }\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-sm > a + .dropdown-toggle-split {\n padding-right: 0.6075rem;\n padding-left: 0.6075rem; }\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-lg > a + .dropdown-toggle-split {\n padding-right: 1.455rem;\n padding-left: 1.455rem; }\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n \n .btn-group-vertical > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled,\n .wizard > .actions .btn-group-vertical > a,\n .btn-group-vertical > .btn-group {\n width: 100%; }\n .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px; }\n .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle),\n .btn-group-vertical > .btn-group:not(:last-child) > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:last-child) > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:last-child) > .swal2-styled,\n .wizard > .actions .btn-group-vertical > .btn-group:not(:last-child) > a {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:first-child) > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:first-child) > .swal2-styled,\n .wizard > .actions .btn-group-vertical > .btn-group:not(:first-child) > a {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group-toggle > .btn, .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled, .wizard > .actions .btn-group-toggle > a,\n.btn-group-toggle > .btn-group > .btn,\n.ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled,\n.wizard > .actions .btn-group-toggle > .btn-group > a {\n margin-bottom: 0; }\n .btn-group-toggle > .btn input[type=\"radio\"], .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type=\"radio\"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type=\"radio\"], .wizard > .actions .btn-group-toggle > a input[type=\"radio\"],\n .btn-group-toggle > .btn input[type=\"checkbox\"],\n .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type=\"checkbox\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type=\"checkbox\"],\n .wizard > .actions .btn-group-toggle > a input[type=\"checkbox\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type=\"radio\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type=\"radio\"],\n .wizard > .actions .btn-group-toggle > .btn-group > a input[type=\"radio\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"],\n .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type=\"checkbox\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type=\"checkbox\"],\n .wizard > .actions .btn-group-toggle > .btn-group > a input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none; }\n\n.input-group, .asColorPicker-wrap {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%; }\n .input-group > .form-control, .asColorPicker-wrap > .form-control, .input-group > .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input, .dataTables_wrapper .input-group > select, .dataTables_wrapper .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number], .select2-container--default .input-group > .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field, .input-group > .tt-hint, .asColorPicker-wrap > .tt-hint,\n .input-group > .tt-query,\n .asColorPicker-wrap > .tt-query,\n .input-group > .typeahead,\n .asColorPicker-wrap > .typeahead,\n .input-group > .form-control-plaintext,\n .asColorPicker-wrap > .form-control-plaintext,\n .input-group > .custom-select,\n .asColorPicker-wrap > .custom-select,\n .input-group > .custom-file,\n .asColorPicker-wrap > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0; }\n .input-group > .form-control + .form-control, .asColorPicker-wrap > .form-control + .form-control, .input-group > .asColorPicker-input + .form-control, .asColorPicker-wrap > .asColorPicker-input + .form-control, .dataTables_wrapper .input-group > select + .form-control, .dataTables_wrapper .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .form-control, .select2-container--default .input-group > .select2-selection--single + .form-control, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .form-control, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .form-control, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .form-control, .input-group > .tt-hint + .form-control, .asColorPicker-wrap > .tt-hint + .form-control, .input-group > .tt-query + .form-control, .asColorPicker-wrap > .tt-query + .form-control, .input-group > .typeahead + .form-control, .asColorPicker-wrap > .typeahead + .form-control, .input-group > .form-control + .asColorPicker-input, .asColorPicker-wrap > .form-control + .asColorPicker-input, .input-group > .asColorPicker-input + .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input + .asColorPicker-input, .dataTables_wrapper .input-group > select + .asColorPicker-input, .dataTables_wrapper .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .asColorPicker-input, .select2-container--default .input-group > .select2-selection--single + .asColorPicker-input, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .asColorPicker-input, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .asColorPicker-input, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .asColorPicker-input, .input-group > .tt-hint + .asColorPicker-input, .asColorPicker-wrap > .tt-hint + .asColorPicker-input, .input-group > .tt-query + .asColorPicker-input, .asColorPicker-wrap > .tt-query + .asColorPicker-input, .input-group > .typeahead + .asColorPicker-input, .asColorPicker-wrap > .typeahead + .asColorPicker-input, .dataTables_wrapper .input-group > .form-control + select, .dataTables_wrapper .asColorPicker-wrap > .form-control + select, .dataTables_wrapper .input-group > .asColorPicker-input + select, .dataTables_wrapper .asColorPicker-wrap > .asColorPicker-input + select, .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, .select2-container--default .dataTables_wrapper .input-group > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .input-group > .select2-selection--single + select, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .input-group > .tt-hint + select, .dataTables_wrapper .asColorPicker-wrap > .tt-hint + select, .dataTables_wrapper .input-group > .tt-query + select, .dataTables_wrapper .asColorPicker-wrap > .tt-query + select, .dataTables_wrapper .input-group > .typeahead + select, .dataTables_wrapper .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + select,\n .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select,\n .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select,\n .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + select,\n .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + select,\n .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + select,\n .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=number], .select2-container--default .input-group > .form-control + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .form-control + .select2-selection--single, .select2-container--default .input-group > .asColorPicker-input + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .asColorPicker-input + .select2-selection--single, .dataTables_wrapper .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .input-group > select + .select2-selection--single, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .input-group > .select2-selection--single + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-selection--single, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-selection--single, .select2-container--default .input-group > .tt-hint + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-hint + .select2-selection--single, .select2-container--default .input-group > .tt-query + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-query + .select2-selection--single, .select2-container--default .input-group > .typeahead + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .typeahead + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .asColorPicker-input + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .asColorPicker-input + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > select + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .typeahead + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .typeahead + .select2-search__field, .input-group > .form-control + .tt-hint, .asColorPicker-wrap > .form-control + .tt-hint, .input-group > .asColorPicker-input + .tt-hint, .asColorPicker-wrap > .asColorPicker-input + .tt-hint, .dataTables_wrapper .input-group > select + .tt-hint, .dataTables_wrapper .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-hint, .select2-container--default .input-group > .select2-selection--single + .tt-hint, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-hint, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-hint, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-hint, .input-group > .tt-hint + .tt-hint, .asColorPicker-wrap > .tt-hint + .tt-hint, .input-group > .tt-query + .tt-hint, .asColorPicker-wrap > .tt-query + .tt-hint, .input-group > .typeahead + .tt-hint, .asColorPicker-wrap > .typeahead + .tt-hint,\n .input-group > .form-control + .tt-query,\n .asColorPicker-wrap > .form-control + .tt-query,\n .input-group > .asColorPicker-input + .tt-query,\n .asColorPicker-wrap > .asColorPicker-input + .tt-query,\n .dataTables_wrapper .input-group > select + .tt-query,\n .dataTables_wrapper .asColorPicker-wrap > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-query,\n .select2-container--default .input-group > .select2-selection--single + .tt-query,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-query,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-query,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-query,\n .input-group > .tt-hint + .tt-query,\n .asColorPicker-wrap > .tt-hint + .tt-query,\n .input-group > .tt-query + .tt-query,\n .asColorPicker-wrap > .tt-query + .tt-query,\n .input-group > .typeahead + .tt-query,\n .asColorPicker-wrap > .typeahead + .tt-query,\n .input-group > .form-control + .typeahead,\n .asColorPicker-wrap > .form-control + .typeahead,\n .input-group > .asColorPicker-input + .typeahead,\n .asColorPicker-wrap > .asColorPicker-input + .typeahead,\n .dataTables_wrapper .input-group > select + .typeahead,\n .dataTables_wrapper .asColorPicker-wrap > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .typeahead,\n .select2-container--default .input-group > .select2-selection--single + .typeahead,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .typeahead,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .typeahead,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .typeahead,\n .input-group > .tt-hint + .typeahead,\n .asColorPicker-wrap > .tt-hint + .typeahead,\n .input-group > .tt-query + .typeahead,\n .asColorPicker-wrap > .tt-query + .typeahead,\n .input-group > .typeahead + .typeahead,\n .asColorPicker-wrap > .typeahead + .typeahead,\n .input-group > .form-control + .custom-select,\n .asColorPicker-wrap > .form-control + .custom-select,\n .input-group > .asColorPicker-input + .custom-select,\n .asColorPicker-wrap > .asColorPicker-input + .custom-select,\n .dataTables_wrapper .input-group > select + .custom-select,\n .dataTables_wrapper .asColorPicker-wrap > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-select,\n .select2-container--default .input-group > .select2-selection--single + .custom-select,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-select,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-select,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-select,\n .input-group > .tt-hint + .custom-select,\n .asColorPicker-wrap > .tt-hint + .custom-select,\n .input-group > .tt-query + .custom-select,\n .asColorPicker-wrap > .tt-query + .custom-select,\n .input-group > .typeahead + .custom-select,\n .asColorPicker-wrap > .typeahead + .custom-select,\n .input-group > .form-control + .custom-file,\n .asColorPicker-wrap > .form-control + .custom-file,\n .input-group > .asColorPicker-input + .custom-file,\n .asColorPicker-wrap > .asColorPicker-input + .custom-file,\n .dataTables_wrapper .input-group > select + .custom-file,\n .dataTables_wrapper .asColorPicker-wrap > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-file,\n .select2-container--default .input-group > .select2-selection--single + .custom-file,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-file,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-file,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-file,\n .input-group > .tt-hint + .custom-file,\n .asColorPicker-wrap > .tt-hint + .custom-file,\n .input-group > .tt-query + .custom-file,\n .asColorPicker-wrap > .tt-query + .custom-file,\n .input-group > .typeahead + .custom-file,\n .asColorPicker-wrap > .typeahead + .custom-file,\n .input-group > .form-control-plaintext + .form-control,\n .asColorPicker-wrap > .form-control-plaintext + .form-control,\n .input-group > .form-control-plaintext + .asColorPicker-input,\n .asColorPicker-wrap > .form-control-plaintext + .asColorPicker-input,\n .dataTables_wrapper .input-group > .form-control-plaintext + select,\n .dataTables_wrapper .asColorPicker-wrap > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=number],\n .select2-container--default .input-group > .form-control-plaintext + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .form-control-plaintext + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .form-control-plaintext + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control-plaintext + .select2-search__field,\n .input-group > .form-control-plaintext + .tt-hint,\n .asColorPicker-wrap > .form-control-plaintext + .tt-hint,\n .input-group > .form-control-plaintext + .tt-query,\n .asColorPicker-wrap > .form-control-plaintext + .tt-query,\n .input-group > .form-control-plaintext + .typeahead,\n .asColorPicker-wrap > .form-control-plaintext + .typeahead,\n .input-group > .form-control-plaintext + .custom-select,\n .asColorPicker-wrap > .form-control-plaintext + .custom-select,\n .input-group > .form-control-plaintext + .custom-file,\n .asColorPicker-wrap > .form-control-plaintext + .custom-file,\n .input-group > .custom-select + .form-control,\n .asColorPicker-wrap > .custom-select + .form-control,\n .input-group > .custom-select + .asColorPicker-input,\n .asColorPicker-wrap > .custom-select + .asColorPicker-input,\n .dataTables_wrapper .input-group > .custom-select + select,\n .dataTables_wrapper .asColorPicker-wrap > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=number],\n .select2-container--default .input-group > .custom-select + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .custom-select + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .custom-select + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-select + .select2-search__field,\n .input-group > .custom-select + .tt-hint,\n .asColorPicker-wrap > .custom-select + .tt-hint,\n .input-group > .custom-select + .tt-query,\n .asColorPicker-wrap > .custom-select + .tt-query,\n .input-group > .custom-select + .typeahead,\n .asColorPicker-wrap > .custom-select + .typeahead,\n .input-group > .custom-select + .custom-select,\n .asColorPicker-wrap > .custom-select + .custom-select,\n .input-group > .custom-select + .custom-file,\n .asColorPicker-wrap > .custom-select + .custom-file,\n .input-group > .custom-file + .form-control,\n .asColorPicker-wrap > .custom-file + .form-control,\n .input-group > .custom-file + .asColorPicker-input,\n .asColorPicker-wrap > .custom-file + .asColorPicker-input,\n .dataTables_wrapper .input-group > .custom-file + select,\n .dataTables_wrapper .asColorPicker-wrap > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=number],\n .select2-container--default .input-group > .custom-file + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .custom-file + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .custom-file + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-file + .select2-search__field,\n .input-group > .custom-file + .tt-hint,\n .asColorPicker-wrap > .custom-file + .tt-hint,\n .input-group > .custom-file + .tt-query,\n .asColorPicker-wrap > .custom-file + .tt-query,\n .input-group > .custom-file + .typeahead,\n .asColorPicker-wrap > .custom-file + .typeahead,\n .input-group > .custom-file + .custom-select,\n .asColorPicker-wrap > .custom-file + .custom-select,\n .input-group > .custom-file + .custom-file,\n .asColorPicker-wrap > .custom-file + .custom-file {\n margin-left: -1px; }\n .input-group > .form-control:focus, .asColorPicker-wrap > .form-control:focus, .input-group > .asColorPicker-input:focus, .asColorPicker-wrap > .asColorPicker-input:focus, .dataTables_wrapper .input-group > select:focus, .dataTables_wrapper .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:focus,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=number], .select2-container--default .input-group > .select2-selection--single:focus, .select2-container--default .asColorPicker-wrap > .select2-selection--single:focus, .select2-container--default .select2-selection--single .input-group > .select2-search__field:focus, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:focus, .input-group > .tt-hint:focus, .asColorPicker-wrap > .tt-hint:focus,\n .input-group > .tt-query:focus,\n .asColorPicker-wrap > .tt-query:focus,\n .input-group > .typeahead:focus,\n .asColorPicker-wrap > .typeahead:focus,\n .input-group > .custom-select:focus,\n .asColorPicker-wrap > .custom-select:focus,\n .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,\n .asColorPicker-wrap > .custom-file .custom-file-input:focus ~ .custom-file-label {\n z-index: 3; }\n .input-group > .custom-file .custom-file-input:focus, .asColorPicker-wrap > .custom-file .custom-file-input:focus {\n z-index: 4; }\n .input-group > .form-control:not(:last-child), .asColorPicker-wrap > .form-control:not(:last-child), .input-group > .asColorPicker-input:not(:last-child), .asColorPicker-wrap > .asColorPicker-input:not(:last-child), .dataTables_wrapper .input-group > select:not(:last-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:last-child),\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:last-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:last-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:last-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:last-child), .input-group > .tt-hint:not(:last-child), .asColorPicker-wrap > .tt-hint:not(:last-child),\n .input-group > .tt-query:not(:last-child),\n .asColorPicker-wrap > .tt-query:not(:last-child),\n .input-group > .typeahead:not(:last-child),\n .asColorPicker-wrap > .typeahead:not(:last-child),\n .input-group > .custom-select:not(:last-child),\n .asColorPicker-wrap > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .form-control:not(:first-child), .asColorPicker-wrap > .form-control:not(:first-child), .input-group > .asColorPicker-input:not(:first-child), .asColorPicker-wrap > .asColorPicker-input:not(:first-child), .dataTables_wrapper .input-group > select:not(:first-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:first-child),\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:first-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:first-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:first-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:first-child), .input-group > .tt-hint:not(:first-child), .asColorPicker-wrap > .tt-hint:not(:first-child),\n .input-group > .tt-query:not(:first-child),\n .asColorPicker-wrap > .tt-query:not(:first-child),\n .input-group > .typeahead:not(:first-child),\n .asColorPicker-wrap > .typeahead:not(:first-child),\n .input-group > .custom-select:not(:first-child),\n .asColorPicker-wrap > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n \n .input-group > .custom-file,\n .asColorPicker-wrap > .custom-file {\n display: flex;\n align-items: center; }\n .input-group > .custom-file:not(:last-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label,\n .input-group > .custom-file:not(:last-child) .custom-file-label::after,\n .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label::after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .custom-file:not(:first-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:first-child) .custom-file-label {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.input-group-prepend, .asColorPicker-trigger,\n.input-group-append {\n display: flex; }\n .input-group-prepend .btn, .asColorPicker-trigger .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled, .input-group-prepend .wizard > .actions a, .wizard > .actions .input-group-prepend a, .asColorPicker-trigger .wizard > .actions a, .wizard > .actions .asColorPicker-trigger a,\n .input-group-append .btn,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,\n .input-group-append .wizard > .actions a,\n .wizard > .actions .input-group-append a {\n position: relative;\n z-index: 2; }\n .input-group-prepend .btn:focus, .asColorPicker-trigger .btn:focus, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload:focus, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled:focus, .input-group-prepend .wizard > .actions a:focus, .wizard > .actions .input-group-prepend a:focus, .asColorPicker-trigger .wizard > .actions a:focus, .wizard > .actions .asColorPicker-trigger a:focus,\n .input-group-append .btn:focus,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus,\n .input-group-append .wizard > .actions a:focus,\n .wizard > .actions .input-group-append a:focus {\n z-index: 3; }\n .input-group-prepend .btn + .btn, .asColorPicker-trigger .btn + .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .btn, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .btn, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .btn, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .btn, .input-group-prepend .wizard > .actions a + .btn, .wizard > .actions .input-group-prepend a + .btn, .asColorPicker-trigger .wizard > .actions a + .btn, .wizard > .actions .asColorPicker-trigger a + .btn, .input-group-prepend .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .btn + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .btn + .ajax-file-upload, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .ajax-file-upload, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .ajax-file-upload, .input-group-prepend .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions a + .ajax-file-upload, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .input-group-prepend a + .ajax-file-upload, .asColorPicker-trigger .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions a + .ajax-file-upload, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .asColorPicker-trigger a + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .btn + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .btn + .swal2-styled, .input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .swal2-styled, .asColorPicker-trigger .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .swal2-styled, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .swal2-styled, .input-group-prepend .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions a + .swal2-styled, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-prepend a + .swal2-styled, .asColorPicker-trigger .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions a + .swal2-styled, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .asColorPicker-trigger a + .swal2-styled, .input-group-prepend .wizard > .actions .btn + a, .wizard > .actions .input-group-prepend .btn + a, .asColorPicker-trigger .wizard > .actions .btn + a, .wizard > .actions .asColorPicker-trigger .btn + a, .input-group-prepend .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + a, .asColorPicker-trigger .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + a, .input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + a, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + a, .input-group-prepend .wizard > .actions a + a, .wizard > .actions .input-group-prepend a + a, .asColorPicker-trigger .wizard > .actions a + a, .wizard > .actions .asColorPicker-trigger a + a,\n .input-group-prepend .btn + .input-group-text,\n .asColorPicker-trigger .btn + .input-group-text,\n .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .input-group-text,\n .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .input-group-text,\n .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .input-group-text,\n .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .input-group-text,\n .input-group-prepend .wizard > .actions a + .input-group-text,\n .wizard > .actions .input-group-prepend a + .input-group-text,\n .asColorPicker-trigger .wizard > .actions a + .input-group-text,\n .wizard > .actions .asColorPicker-trigger a + .input-group-text,\n .input-group-prepend .input-group-text + .input-group-text,\n .asColorPicker-trigger .input-group-text + .input-group-text,\n .input-group-prepend .input-group-text + .btn,\n .asColorPicker-trigger .input-group-text + .btn,\n .input-group-prepend .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-prepend .input-group-text + .ajax-file-upload,\n .asColorPicker-trigger .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .asColorPicker-trigger .input-group-text + .ajax-file-upload,\n .input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text + .swal2-styled,\n .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .input-group-text + .swal2-styled,\n .input-group-prepend .wizard > .actions .input-group-text + a,\n .wizard > .actions .input-group-prepend .input-group-text + a,\n .asColorPicker-trigger .wizard > .actions .input-group-text + a,\n .wizard > .actions .asColorPicker-trigger .input-group-text + a,\n .input-group-append .btn + .btn,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .btn,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .btn,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .btn,\n .input-group-append .wizard > .actions a + .btn,\n .wizard > .actions .input-group-append a + .btn,\n .input-group-append .ajax-upload-dragdrop .btn + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .btn + .ajax-file-upload,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload,\n .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .ajax-file-upload,\n .input-group-append .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .wizard > .actions a + .ajax-file-upload,\n .wizard > .actions .input-group-append .ajax-upload-dragdrop a + .ajax-file-upload,\n .ajax-upload-dragdrop .wizard > .actions .input-group-append a + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .btn + .swal2-styled,\n .input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled,\n .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .swal2-styled,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .swal2-styled,\n .input-group-append .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions a + .swal2-styled,\n .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper a + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-append a + .swal2-styled,\n .input-group-append .wizard > .actions .btn + a,\n .wizard > .actions .input-group-append .btn + a,\n .input-group-append .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a,\n .wizard > .actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload + a,\n .ajax-upload-dragdrop .input-group-append .wizard > .actions .ajax-file-upload + a,\n .wizard > .actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload + a,\n .input-group-append .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a,\n .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + a,\n .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions .swal2-styled + a,\n .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + a,\n .input-group-append .wizard > .actions a + a,\n .wizard > .actions .input-group-append a + a,\n .input-group-append .btn + .input-group-text,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .input-group-text,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .input-group-text,\n .input-group-append .wizard > .actions a + .input-group-text,\n .wizard > .actions .input-group-append a + .input-group-text,\n .input-group-append .input-group-text + .input-group-text,\n .input-group-append .input-group-text + .btn,\n .input-group-append .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .input-group-text + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text + .swal2-styled,\n .input-group-append .wizard > .actions .input-group-text + a,\n .wizard > .actions .input-group-append .input-group-text + a {\n margin-left: -1px; }\n\n.input-group-prepend, .asColorPicker-trigger {\n margin-right: -1px; }\n\n.input-group-append {\n margin-left: -1px; }\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.56rem 1.375rem;\n margin-bottom: 0;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 2px; }\n .input-group-text input[type=\"radio\"],\n .input-group-text input[type=\"checkbox\"] {\n margin-top: 0; }\n\n.input-group-lg > .form-control:not(textarea), .input-group-lg > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=number], .select2-container--default .input-group-lg > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field:not(textarea), .input-group-lg > .tt-hint:not(textarea),\n.input-group-lg > .tt-query:not(textarea),\n.input-group-lg > .typeahead:not(textarea),\n.input-group-lg > .custom-select {\n height: calc(1.5em + 1rem + 2px); }\n\n.input-group-lg > .form-control, .input-group-lg > .asColorPicker-input, .dataTables_wrapper .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=number], .select2-container--default .input-group-lg > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field, .input-group-lg > .tt-hint,\n.input-group-lg > .tt-query,\n.input-group-lg > .typeahead,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .asColorPicker-trigger > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .asColorPicker-trigger > .btn,\n.ajax-upload-dragdrop .input-group-lg > .input-group-prepend > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group-lg > .asColorPicker-trigger > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .asColorPicker-trigger > .swal2-styled,\n.wizard > .actions .input-group-lg > .input-group-prepend > a,\n.wizard > .actions .input-group-lg > .asColorPicker-trigger > a,\n.input-group-lg > .input-group-append > .btn,\n.ajax-upload-dragdrop .input-group-lg > .input-group-append > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > .swal2-styled,\n.wizard > .actions .input-group-lg > .input-group-append > a {\n padding: 0.94rem 1.94rem;\n font-size: 1.25rem;\n line-height: 1;\n border-radius: 0.3rem; }\n\n.input-group-sm > .form-control:not(textarea), .input-group-sm > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=number], .select2-container--default .input-group-sm > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field:not(textarea), .input-group-sm > .tt-hint:not(textarea),\n.input-group-sm > .tt-query:not(textarea),\n.input-group-sm > .typeahead:not(textarea),\n.input-group-sm > .custom-select {\n height: calc(1.5em + 0.5rem + 2px); }\n\n.input-group-sm > .form-control, .input-group-sm > .asColorPicker-input, .dataTables_wrapper .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=number], .select2-container--default .input-group-sm > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field, .input-group-sm > .tt-hint,\n.input-group-sm > .tt-query,\n.input-group-sm > .typeahead,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .asColorPicker-trigger > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .asColorPicker-trigger > .btn,\n.ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group-sm > .asColorPicker-trigger > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .asColorPicker-trigger > .swal2-styled,\n.wizard > .actions .input-group-sm > .input-group-prepend > a,\n.wizard > .actions .input-group-sm > .asColorPicker-trigger > a,\n.input-group-sm > .input-group-append > .btn,\n.ajax-upload-dragdrop .input-group-sm > .input-group-append > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .swal2-styled,\n.wizard > .actions .input-group-sm > .input-group-append > a {\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.2rem; }\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n padding-right: 1.75rem; }\n\n.input-group > .input-group-prepend > .btn, .asColorPicker-wrap > .input-group-prepend > .btn, .input-group > .asColorPicker-trigger > .btn, .asColorPicker-wrap > .asColorPicker-trigger > .btn, .ajax-upload-dragdrop .input-group > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .input-group > .asColorPicker-trigger > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger > .swal2-styled, .wizard > .actions .input-group > .input-group-prepend > a, .wizard > .actions .asColorPicker-wrap > .input-group-prepend > a, .wizard > .actions .input-group > .asColorPicker-trigger > a, .wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger > a,\n.input-group > .input-group-prepend > .input-group-text,\n.asColorPicker-wrap > .input-group-prepend > .input-group-text,\n.input-group > .asColorPicker-trigger > .input-group-text,\n.asColorPicker-wrap > .asColorPicker-trigger > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.asColorPicker-wrap > .input-group-append:not(:last-child) > .btn,\n.ajax-upload-dragdrop .input-group > .input-group-append:not(:last-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:not(:last-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:not(:last-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:not(:last-child) > .swal2-styled,\n.wizard > .actions .input-group > .input-group-append:not(:last-child) > a,\n.wizard > .actions .asColorPicker-wrap > .input-group-append:not(:last-child) > a,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.asColorPicker-wrap > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.asColorPicker-wrap > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.ajax-upload-dragdrop .input-group > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle),\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle),\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle),\n.wizard > .actions .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),\n.wizard > .actions .asColorPicker-wrap > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),\n.asColorPicker-wrap > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.input-group > .input-group-append > .btn, .asColorPicker-wrap > .input-group-append > .btn, .ajax-upload-dragdrop .input-group > .input-group-append > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append > .swal2-styled, .wizard > .actions .input-group > .input-group-append > a, .wizard > .actions .asColorPicker-wrap > .input-group-append > a,\n.input-group > .input-group-append > .input-group-text,\n.asColorPicker-wrap > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .asColorPicker-trigger:not(:first-child) > .btn,\n.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .btn,\n.ajax-upload-dragdrop .input-group > .input-group-prepend:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .swal2-styled,\n.wizard > .actions .input-group > .input-group-prepend:not(:first-child) > a,\n.wizard > .actions .asColorPicker-wrap > .input-group-prepend:not(:first-child) > a,\n.wizard > .actions .input-group > .asColorPicker-trigger:not(:first-child) > a,\n.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > a,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .asColorPicker-trigger:not(:first-child) > .input-group-text,\n.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.asColorPicker-wrap > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .asColorPicker-trigger:first-child > .btn:not(:first-child),\n.asColorPicker-wrap > .asColorPicker-trigger:first-child > .btn:not(:first-child),\n.ajax-upload-dragdrop .input-group > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child),\n.wizard > .actions .input-group > .input-group-prepend:first-child > a:not(:first-child),\n.wizard > .actions .asColorPicker-wrap > .input-group-prepend:first-child > a:not(:first-child),\n.wizard > .actions .input-group > .asColorPicker-trigger:first-child > a:not(:first-child),\n.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:first-child > a:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),\n.asColorPicker-wrap > .input-group-prepend:first-child > .input-group-text:not(:first-child),\n.input-group > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child),\n.asColorPicker-wrap > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.75rem; }\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem; }\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0; }\n .custom-control-input:checked ~ .custom-control-label::before {\n var(--base-text);\n border-color: #007bff;\n background-color: #007bff; }\n .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #80bdff; }\n .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n var(--base-text);\n background-color: #b3d7ff;\n border-color: #b3d7ff; }\n .custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d; }\n .custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef; }\n\n.custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top; }\n .custom-control-label::before {\n position: absolute;\n top: 0.125rem;\n left: -1.75rem;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n pointer-events: none;\n content: \"\";\n background: var(--base-text);\n border: #adb5bd solid 1px; }\n .custom-control-label::after {\n position: absolute;\n top: 0.125rem;\n left: -1.75rem;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n content: \"\";\n background: no-repeat 50% / 50% 50%; }\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"); }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n border-color: #007bff;\n background-color: #007bff; }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e\"); }\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-switch {\n padding-left: 2.75rem; }\n .custom-switch .custom-control-label::before {\n left: -2.75rem;\n width: 2.25rem;\n pointer-events: all;\n border-radius: 50px; }\n .custom-switch .custom-control-label::after {\n top: calc(0.125rem + 2px);\n left: calc(-2.75rem + 2px);\n width: 1rem;\n height: 1rem;\n background-color: #adb5bd;\n border-radius: 50px;\n transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .custom-switch .custom-control-label::after {\n transition: none; } }\n .custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n background: var(--base-text);\n transform: translateX(1rem); }\n .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px;\n background: var(--base-text);\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none; }\n .custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-select:focus::-ms-value {\n color: #495057;\n background-color: var(--card-banner-bg); }\n .custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none; }\n .custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef; }\n .custom-select::-ms-expand {\n display: none; }\n\n.custom-select-sm {\n height: calc(1.5em + 0.5rem + 2px);\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n font-size: 0.875rem; }\n\n.custom-select-lg {\n height: calc(1.5em + 1rem + 2px);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n font-size: 1.25rem; }\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0; }\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n margin: 0;\n opacity: 0; }\n .custom-file-input:focus ~ .custom-file-label {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-file-input:disabled ~ .custom-file-label {\n background-color: #e9ecef; }\n .custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\"; }\n .custom-file-input ~ .custom-file-label[data-browse]::after {\n content: attr(data-browse); }\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.375rem 0.75rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n background: var(--base-text);\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(1.5em + 0.75rem);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: inherit;\n border-radius: 0 0.25rem 0.25rem 0; }\n\n.custom-range {\n width: 100%;\n height: calc(1rem + 0.4rem);\n padding: 0;\n background-color: transparent;\n appearance: none; }\n .custom-range:focus {\n outline: none; }\n .custom-range:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range:focus::-moz-range-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range::-moz-focus-outer {\n border: 0; }\n .custom-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-webkit-slider-thumb {\n transition: none; } }\n .custom-range::-webkit-slider-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-moz-range-thumb {\n transition: none; } }\n .custom-range::-moz-range-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.2rem;\n margin-left: 0.2rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-ms-thumb {\n transition: none; } }\n .custom-range::-ms-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem; }\n .custom-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem; }\n .custom-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem; }\n .custom-range:disabled::-webkit-slider-thumb {\n background-color: #adb5bd; }\n .custom-range:disabled::-webkit-slider-runnable-track {\n cursor: default; }\n .custom-range:disabled::-moz-range-thumb {\n background-color: #adb5bd; }\n .custom-range:disabled::-moz-range-track {\n cursor: default; }\n .custom-range:disabled::-ms-thumb {\n background-color: #adb5bd; }\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .custom-control-label::before,\n .custom-file-label,\n .custom-select {\n transition: none; } }\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem; }\n .nav-link:hover, .nav-link:focus {\n text-decoration: none; }\n .nav-link.disabled {\n color: #6c757d;\n pointer-events: none;\n cursor: default; }\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6; }\n .nav-tabs .nav-item {\n margin-bottom: -1px; }\n .nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6; }\n .nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent; }\n .nav-tabs .nav-link.active,\n .nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background: var(--base-text);\n border-color: #dee2e6 #dee2e6 #fff; }\n .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.nav-pills .nav-link {\n border-radius: 0.25rem; }\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n var(--base-text);\n background-color: #007bff; }\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center; }\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center; }\n\n.tab-content > .tab-pane {\n display: none; }\n\n.tab-content > .active {\n display: block; }\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem; }\n .navbar > .container,\n .navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between; }\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap; }\n .navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none; }\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n .navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0; }\n .navbar-nav .dropdown-menu {\n position: static;\n float: none; }\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; }\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center; }\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n .navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none; }\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%; }\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row; }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-sm .navbar-toggler {\n display: none; } }\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-md .navbar-nav {\n flex-direction: row; }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-md .navbar-toggler {\n display: none; } }\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row; }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-lg .navbar-toggler {\n display: none; } }\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row; }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-xl .navbar-toggler {\n display: none; } }\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0; }\n .navbar-expand .navbar-nav {\n flex-direction: row; }\n .navbar-expand .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand .navbar-toggler {\n display: none; }\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-nav .nav-link {\n var(--base-text); }\n .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7); }\n .navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3); }\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-toggler {\n var(--base-text);\n border-color: rgba(0, 0, 0, 0.1); }\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"); }\n\n.navbar-light .navbar-text {\n var(--base-text); }\n .navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-dark .navbar-brand {\n var(--base-text); }\n .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n var(--base-text); }\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75); }\n .navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25); }\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n var(--base-text); }\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1); }\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"); }\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-text a {\n var(--base-text); }\n .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n var(--base-text); }\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: var(--dropdown-bg);\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem; }\n .card > hr {\n margin-right: 0;\n margin-left: 0; }\n .card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem; }\n\n.card-title {\n margin-bottom: 0.75rem; }\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0; }\n\n.card-text:last-child {\n margin-bottom: 0; }\n\n.card-link:hover {\n text-decoration: none; }\n\n.card-link + .card-link {\n margin-left: 1.25rem; }\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125); }\n .card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }\n .card-header + .list-group .list-group-item:first-child {\n border-top: 0; }\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125); }\n .card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0; }\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem; }\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem; }\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px); }\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px); }\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px); }\n\n.card-deck {\n display: flex;\n flex-direction: column; }\n .card-deck .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px; }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px; } }\n\n.card-group {\n display: flex;\n flex-direction: column; }\n .card-group > .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap; }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0; }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0; }\n .card-group > .card:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .card-group > .card:not(:last-child) .card-img-top,\n .card-group > .card:not(:last-child) .card-header {\n border-top-right-radius: 0; }\n .card-group > .card:not(:last-child) .card-img-bottom,\n .card-group > .card:not(:last-child) .card-footer {\n border-bottom-right-radius: 0; }\n .card-group > .card:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .card-group > .card:not(:first-child) .card-img-top,\n .card-group > .card:not(:first-child) .card-header {\n border-top-left-radius: 0; }\n .card-group > .card:not(:first-child) .card-img-bottom,\n .card-group > .card:not(:first-child) .card-footer {\n border-bottom-left-radius: 0; } }\n\n.card-columns .card {\n margin-bottom: 0.75rem; }\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem;\n orphans: 1;\n widows: 1; }\n .card-columns .card {\n display: inline-block;\n width: 100%; } }\n\n.accordion > .card {\n overflow: hidden; }\n .accordion > .card:not(:first-of-type) .card-header:first-child {\n border-radius: 0; }\n .accordion > .card:not(:first-of-type):not(:last-of-type) {\n border-bottom: 0;\n border-radius: 0; }\n .accordion > .card:first-of-type {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .accordion > .card:last-of-type {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n .accordion > .card .card-header {\n margin-bottom: -1px; }\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 0.56rem 1.13rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: transparent;\n border-radius: 0.25rem; }\n\n.breadcrumb-item + .breadcrumb-item {\n padding-left: 0.5rem; }\n .breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n color: #6c757d;\n content: \"/\"; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none; }\n\n.breadcrumb-item.active {\n color: #6c757d; }\n\n.pagination, .jsgrid .jsgrid-pager {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem; }\n\n.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page a {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background: var(--base-text);\n border: 1px solid #dee2e6; }\n .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {\n z-index: 2;\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n\n.page-item:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.page-item:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,\n.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,\n.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {\n z-index: 1;\n var(--base-text);\n background-color: #007bff;\n border-color: #007bff; }\n\n.page-item.disabled .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a,\n.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a,\n.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background: var(--base-text);\n border-color: #dee2e6; }\n\n.pagination-lg .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5; }\n\n.pagination-lg .page-item:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link, .pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a,\n.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n\n.pagination-lg .page-item:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link, .pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a,\n.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem; }\n\n.pagination-sm .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5; }\n\n.pagination-sm .page-item:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link, .pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a,\n.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem; }\n\n.pagination-sm .page-item:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link, .pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a,\n.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem; }\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .badge {\n transition: none; } }\n a.badge:hover, a.badge:focus {\n text-decoration: none; }\n .badge:empty {\n display: none; }\n\n.btn .badge, .ajax-upload-dragdrop .ajax-file-upload .badge, .swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard > .actions a .badge {\n position: relative;\n top: -1px; }\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem; }\n\n.badge-primary {\n var(--base-text);\n background-color: #2196f3; }\n a.badge-primary:hover, a.badge-primary:focus {\n var(--base-text);\n background-color: #0c7cd5; }\n a.badge-primary:focus, a.badge-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n\n.badge-secondary {\n color: #212529;\n background-color: #dde4eb; }\n a.badge-secondary:hover, a.badge-secondary:focus {\n color: #212529;\n background-color: #bdcbd8; }\n a.badge-secondary:focus, a.badge-secondary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n\n.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {\n color: #212529;\n background-color: #19d895; }\n a.badge-success:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus {\n color: #212529;\n background-color: #14aa75; }\n a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus, a.badge-success.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n\n.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {\n var(--base-text);\n background-color: #8862e0; }\n a.badge-info:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus {\n var(--base-text);\n background-color: #6837d8; }\n a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus, a.badge-info.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n\n.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {\n color: #212529;\n background-color: #ffaf00; }\n a.badge-warning:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover, a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus {\n color: #212529;\n background-color: #cc8c00; }\n a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus, a.badge-warning.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n\n.badge-danger {\n var(--base-text);\n background-color: #ff6258; }\n a.badge-danger:hover, a.badge-danger:focus {\n var(--base-text);\n background-color: #ff3225; }\n a.badge-danger:focus, a.badge-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n\n.badge-light {\n color: #212529;\n background-color: #fbfbfb; }\n a.badge-light:hover, a.badge-light:focus {\n color: #212529;\n background-color: #e2e2e2; }\n a.badge-light:focus, a.badge-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n\n.badge-dark {\n var(--base-text);\n background-color: #252C46; }\n a.badge-dark:hover, a.badge-dark:focus {\n var(--base-text);\n background-color: #131725; }\n a.badge-dark:focus, a.badge-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem; }\n @media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem; } }\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0; }\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n\n.alert-heading {\n color: inherit; }\n\n.alert-link {\n font-weight: 700; }\n\n.alert-dismissible {\n padding-right: 4rem; }\n .alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit; }\n\n.alert-primary {\n color: #114e7e;\n background-color: #d3eafd;\n border-color: #c1e2fc; }\n .alert-primary hr {\n border-top-color: #a9d7fb; }\n .alert-primary .alert-link {\n color: #0b3251; }\n\n.alert-secondary {\n color: #73777a;\n background-color: #f8fafb;\n border-color: #f5f7f9; }\n .alert-secondary hr {\n border-top-color: #e5eaef; }\n .alert-secondary .alert-link {\n color: #5a5d60; }\n\n.alert-success {\n color: #0d704d;\n background-color: #d1f7ea;\n border-color: #bff4e1; }\n .alert-success hr {\n border-top-color: #a9f0d7; }\n .alert-success .alert-link {\n color: #08422e; }\n\n.alert-info {\n color: #473374;\n background-color: #e7e0f9;\n border-color: #ded3f6; }\n .alert-info hr {\n border-top-color: #cebef2; }\n .alert-info .alert-link {\n color: #312351; }\n\n.alert-warning {\n color: #855b00;\n background-color: #ffefcc;\n border-color: #ffe9b8; }\n .alert-warning hr {\n border-top-color: #ffe19f; }\n .alert-warning .alert-link {\n color: #523800; }\n\n.alert-danger {\n color: #85332e;\n background-color: #ffe0de;\n border-color: #ffd3d0; }\n .alert-danger hr {\n border-top-color: #ffbbb7; }\n .alert-danger .alert-link {\n color: #5f2421; }\n\n.alert-light {\n color: #838383;\n background-color: #fefefe;\n border-color: #fefefe; }\n .alert-light hr {\n border-top-color: #f1f1f1; }\n .alert-light .alert-link {\n color: #6a6a6a; }\n\n.alert-dark {\n color: #131724;\n background-color: #d3d5da;\n border-color: #c2c4cb; }\n .alert-dark hr {\n border-top-color: #b4b7bf; }\n .alert-dark .alert-link {\n color: #010203; }\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0; }\n to {\n background-position: 0 0; } }\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem; }\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n var(--base-text);\n text-align: center;\n white-space: nowrap;\n background-color: #007bff;\n transition: width 0.6s ease; }\n @media (prefers-reduced-motion: reduce) {\n .progress-bar {\n transition: none; } }\n\n.progress-bar-striped {\n 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);\n background-size: 1rem 1rem; }\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite; }\n @media (prefers-reduced-motion: reduce) {\n .progress-bar-animated {\n animation: none; } }\n\n.media {\n display: flex;\n align-items: flex-start; }\n\n.media-body {\n flex: 1; }\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0; }\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit; }\n .list-group-item-action:hover, .list-group-item-action:focus {\n z-index: 1;\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa; }\n .list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef; }\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background: var(--base-text);\n border: 1px solid rgba(0, 0, 0, 0.125); }\n .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n pointer-events: none;\n background: var(--base-text); }\n .list-group-item.active {\n z-index: 2;\n var(--base-text);\n background-color: #007bff;\n border-color: #007bff; }\n\n.list-group-horizontal {\n flex-direction: row; }\n .list-group-horizontal .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; }\n\n@media (min-width: 576px) {\n .list-group-horizontal-sm {\n flex-direction: row; }\n .list-group-horizontal-sm .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-sm .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-sm .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 768px) {\n .list-group-horizontal-md {\n flex-direction: row; }\n .list-group-horizontal-md .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-md .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-md .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 992px) {\n .list-group-horizontal-lg {\n flex-direction: row; }\n .list-group-horizontal-lg .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-lg .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-lg .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 1200px) {\n .list-group-horizontal-xl {\n flex-direction: row; }\n .list-group-horizontal-xl .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-xl .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-xl .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0; }\n .list-group-flush .list-group-item:last-child {\n margin-bottom: -1px; }\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0; }\n\n.list-group-flush:last-child .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom: 0; }\n\n.list-group-item-primary {\n color: #114e7e;\n background-color: #c1e2fc; }\n .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #114e7e;\n background-color: #a9d7fb; }\n .list-group-item-primary.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #114e7e;\n border-color: #114e7e; }\n\n.list-group-item-secondary {\n color: #73777a;\n background-color: #f5f7f9; }\n .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #73777a;\n background-color: #e5eaef; }\n .list-group-item-secondary.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #73777a;\n border-color: #73777a; }\n\n.list-group-item-success {\n color: #0d704d;\n background-color: #bff4e1; }\n .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #0d704d;\n background-color: #a9f0d7; }\n .list-group-item-success.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #0d704d;\n border-color: #0d704d; }\n\n.list-group-item-info {\n color: #473374;\n background-color: #ded3f6; }\n .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #473374;\n background-color: #cebef2; }\n .list-group-item-info.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #473374;\n border-color: #473374; }\n\n.list-group-item-warning {\n color: #855b00;\n background-color: #ffe9b8; }\n .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #855b00;\n background-color: #ffe19f; }\n .list-group-item-warning.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #855b00;\n border-color: #855b00; }\n\n.list-group-item-danger {\n color: #85332e;\n background-color: #ffd3d0; }\n .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #85332e;\n background-color: #ffbbb7; }\n .list-group-item-danger.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #85332e;\n border-color: #85332e; }\n\n.list-group-item-light {\n color: #838383;\n background-color: #fefefe; }\n .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #838383;\n background-color: #f1f1f1; }\n .list-group-item-light.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #838383;\n border-color: #838383; }\n\n.list-group-item-dark {\n color: #131724;\n background-color: #c2c4cb; }\n .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #131724;\n background-color: #b4b7bf; }\n .list-group-item-dark.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #131724;\n border-color: #131724; }\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5; }\n .close:hover {\n color: #000;\n text-decoration: none; }\n .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75; }\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none; }\n\na.close.disabled {\n pointer-events: none; }\n\n.toast {\n max-width: 350px;\n overflow: hidden;\n font-size: 0.875rem;\n background-color: rgba(255, 255, 255, 0.85);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n opacity: 0;\n border-radius: 0.25rem; }\n .toast:not(:last-child) {\n margin-bottom: 0.75rem; }\n .toast.showing {\n opacity: 1; }\n .toast.show {\n display: block;\n opacity: 1; }\n .toast.hide {\n display: none; }\n\n.toast-header {\n display: flex;\n align-items: center;\n padding: 0.25rem 0.75rem;\n color: #6c757d;\n background-color: rgba(255, 255, 255, 0.85);\n background-clip: padding-box;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\n\n.toast-body {\n padding: 0.75rem; }\n\n.modal-open {\n overflow: hidden; }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto; }\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0; }\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n pointer-events: none; }\n .modal.fade .modal-dialog {\n transition: transform 0.4s ease;\n transform: translate(0, -50px); }\n @media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none; } }\n .modal.show .modal-dialog {\n transform: none; }\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 20px); }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 20px);\n overflow: hidden; }\n .modal-dialog-scrollable .modal-header,\n .modal-dialog-scrollable .modal-footer {\n flex-shrink: 0; }\n .modal-dialog-scrollable .modal-body {\n overflow-y: auto; }\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 20px); }\n .modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 20px);\n content: \"\"; }\n .modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%; }\n .modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none; }\n .modal-dialog-centered.modal-dialog-scrollable::before {\n content: none; }\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background: var(--base-text);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0; }\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000; }\n .modal-backdrop.fade {\n opacity: 0; }\n .modal-backdrop.show {\n opacity: 0.5; }\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem 1rem;\n border-bottom: 1px solid #dee2e6;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem; }\n .modal-header .close {\n padding: 1rem 1rem;\n margin: -25px -26px -25px auto; }\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5; }\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 15px; }\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 15px;\n border-top: 1px solid #dee2e6;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n .modal-footer > :not(:first-child) {\n margin-left: .25rem; }\n .modal-footer > :not(:last-child) {\n margin-right: .25rem; }\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll; }\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 30px auto; }\n .modal-dialog-scrollable {\n max-height: calc(100% - 60px); }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 60px); }\n .modal-dialog-centered {\n min-height: calc(100% - 60px); }\n .modal-dialog-centered::before {\n height: calc(100vh - 60px); }\n .modal-sm {\n max-width: 300px; } }\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 90%; } }\n\n@media (min-width: 1200px) {\n .modal-xl {\n max-width: 1140px; } }\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.75rem;\n word-wrap: break-word;\n opacity: 0; }\n .tooltip.show {\n opacity: 0.9; }\n .tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem; }\n .tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0; }\n .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000; }\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000; }\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0; }\n .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000; }\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000; }\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.4rem 0.75rem;\n var(--base-text);\n text-align: center;\n background-color: #000;\n border-radius: 0.375rem; }\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: var(--card-banner-bg);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem; }\n .popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem; }\n .popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem; }\n .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=\"top\"] > .arrow {\n bottom: calc((0.5rem + 1px) * -1); }\n .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=\"top\"] > .arrow::before {\n bottom: 0;\n border-width: 0.5rem 0.5rem 0;\n border-top-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=\"top\"] > .arrow::after {\n bottom: 1px;\n border-width: 0.5rem 0.5rem 0;\n border-top-color: var(--card-banner-bg); }\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem; }\n .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=\"right\"] > .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=\"right\"] > .arrow::before {\n left: 0;\n border-width: 0.5rem 0.5rem 0.5rem 0;\n border-right-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=\"right\"] > .arrow::after {\n left: 1px;\n border-width: 0.5rem 0.5rem 0.5rem 0;\n border-right-color: var(--card-banner-bg); }\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem; }\n .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow {\n top: calc((0.5rem + 1px) * -1); }\n .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::before {\n top: 0;\n border-width: 0 0.5rem 0.5rem 0.5rem;\n border-bottom-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::after {\n top: 1px;\n border-width: 0 0.5rem 0.5rem 0.5rem;\n border-bottom-color: var(--card-banner-bg); }\n .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7; }\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem; }\n .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=\"left\"] > .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=\"left\"] > .arrow::before {\n right: 0;\n border-width: 0.5rem 0 0.5rem 0.5rem;\n border-left-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=\"left\"] > .arrow::after {\n right: 1px;\n border-width: 0.5rem 0 0.5rem 0.5rem;\n border-left-color: var(--card-banner-bg); }\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px); }\n .popover-header:empty {\n display: none; }\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529; }\n\n.carousel {\n position: relative; }\n\n.carousel.pointer-event {\n touch-action: pan-y; }\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden; }\n .carousel-inner::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.carousel-item {\n position: relative;\n display: none;\n float: left;\n width: 100%;\n margin-right: -100%;\n backface-visibility: hidden;\n transition: transform 0.6s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-item {\n transition: none; } }\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block; }\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n transform: translateX(100%); }\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n transform: translateX(-100%); }\n\n.carousel-fade .carousel-item {\n opacity: 0;\n transition-property: opacity;\n transform: none; }\n\n.carousel-fade .carousel-item.active,\n.carousel-fade .carousel-item-next.carousel-item-left,\n.carousel-fade .carousel-item-prev.carousel-item-right {\n z-index: 1;\n opacity: 1; }\n\n.carousel-fade .active.carousel-item-left,\n.carousel-fade .active.carousel-item-right {\n z-index: 0;\n opacity: 0;\n transition: 0s 0.6s opacity; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-fade .active.carousel-item-left,\n .carousel-fade .active.carousel-item-right {\n transition: none; } }\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n var(--base-text);\n text-align: center;\n opacity: 0.5;\n transition: opacity 0.15s ease; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-control-prev,\n .carousel-control-next {\n transition: none; } }\n .carousel-control-prev:hover, .carousel-control-prev:focus,\n .carousel-control-next:hover,\n .carousel-control-next:focus {\n var(--base-text);\n text-decoration: none;\n outline: 0;\n opacity: 0.9; }\n\n.carousel-control-prev {\n left: 0; }\n\n.carousel-control-next {\n right: 0; }\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: no-repeat 50% / 100% 100%; }\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"); }\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"); }\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none; }\n .carousel-indicators li {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n cursor: pointer;\n background: var(--base-text);\n background-clip: padding-box;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n opacity: .5;\n transition: opacity 0.6s ease; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-indicators li {\n transition: none; } }\n .carousel-indicators .active {\n opacity: 1; }\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n var(--base-text);\n text-align: center; }\n\n@keyframes spinner-border {\n to {\n transform: rotate(360deg); } }\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite; }\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em; }\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0); }\n 50% {\n opacity: 1; } }\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite; }\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem; }\n\n.align-baseline {\n vertical-align: baseline !important; }\n\n.align-top {\n vertical-align: top !important; }\n\n.align-middle {\n vertical-align: middle !important; }\n\n.align-bottom {\n vertical-align: bottom !important; }\n\n.align-text-bottom {\n vertical-align: text-bottom !important; }\n\n.align-text-top {\n vertical-align: text-top !important; }\n\n.bg-primary, .settings-panel .color-tiles .tiles.primary {\n background-color: #2196f3 !important; }\n\na.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover, a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus,\nbutton.bg-primary:hover,\n.settings-panel .color-tiles button.tiles.primary:hover,\nbutton.bg-primary:focus,\n.settings-panel .color-tiles button.tiles.primary:focus {\n background-color: #0c7cd5 !important; }\n\n.bg-secondary {\n background-color: #dde4eb !important; }\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #bdcbd8 !important; }\n\n.bg-success, .settings-panel .color-tiles .tiles.success {\n background-color: #19d895 !important; }\n\na.bg-success:hover, .settings-panel .color-tiles a.tiles.success:hover, a.bg-success:focus, .settings-panel .color-tiles a.tiles.success:focus,\nbutton.bg-success:hover,\n.settings-panel .color-tiles button.tiles.success:hover,\nbutton.bg-success:focus,\n.settings-panel .color-tiles button.tiles.success:focus {\n background-color: #14aa75 !important; }\n\n.bg-info, .settings-panel .color-tiles .tiles.info {\n background-color: #8862e0 !important; }\n\na.bg-info:hover, .settings-panel .color-tiles a.tiles.info:hover, a.bg-info:focus, .settings-panel .color-tiles a.tiles.info:focus,\nbutton.bg-info:hover,\n.settings-panel .color-tiles button.tiles.info:hover,\nbutton.bg-info:focus,\n.settings-panel .color-tiles button.tiles.info:focus {\n background-color: #6837d8 !important; }\n\n.bg-warning, .settings-panel .color-tiles .tiles.warning {\n background-color: #ffaf00 !important; }\n\na.bg-warning:hover, .settings-panel .color-tiles a.tiles.warning:hover, a.bg-warning:focus, .settings-panel .color-tiles a.tiles.warning:focus,\nbutton.bg-warning:hover,\n.settings-panel .color-tiles button.tiles.warning:hover,\nbutton.bg-warning:focus,\n.settings-panel .color-tiles button.tiles.warning:focus {\n background-color: #cc8c00 !important; }\n\n.bg-danger, .settings-panel .color-tiles .tiles.danger {\n background-color: #ff6258 !important; }\n\na.bg-danger:hover, .settings-panel .color-tiles a.tiles.danger:hover, a.bg-danger:focus, .settings-panel .color-tiles a.tiles.danger:focus,\nbutton.bg-danger:hover,\n.settings-panel .color-tiles button.tiles.danger:hover,\nbutton.bg-danger:focus,\n.settings-panel .color-tiles button.tiles.danger:focus {\n background-color: #ff3225 !important; }\n\n.bg-light {\n background-color: #fbfbfb !important; }\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #e2e2e2 !important; }\n\n.bg-dark, .settings-panel .color-tiles .tiles.dark {\n background-color: #252C46 !important; }\n\na.bg-dark:hover, .settings-panel .color-tiles a.tiles.dark:hover, a.bg-dark:focus, .settings-panel .color-tiles a.tiles.dark:focus,\nbutton.bg-dark:hover,\n.settings-panel .color-tiles button.tiles.dark:hover,\nbutton.bg-dark:focus,\n.settings-panel .color-tiles button.tiles.dark:focus {\n background-color: #131725 !important; }\n\n.bg-white {\n background: var(--base-text)fff !important; }\n\n.bg-transparent {\n background-color: transparent !important; }\n\n.border, .loader-demo-box {\n border: 1px solid var(--outline) !important; }\n\n.border-top {\n border-top: 1px solid var(--outline) !important; }\n\n.border-right {\n border-right: 1px solid var(--outline) !important; }\n\n.border-bottom {\n border-bottom: 1px solid var(--outline) !important; }\n\n.border-left {\n border-left: 1px solid var(--outline) !important; }\n\n.border-0 {\n border: 0 !important; }\n\n.border-top-0 {\n border-top: 0 !important; }\n\n.border-right-0 {\n border-right: 0 !important; }\n\n.border-bottom-0 {\n border-bottom: 0 !important; }\n\n.border-left-0 {\n border-left: 0 !important; }\n\n.border-primary {\n border-color: #2196f3 !important; }\n\n.border-secondary, .loader-demo-box {\n border-color: #dde4eb !important; }\n\n.border-success {\n border-color: #19d895 !important; }\n\n.border-info {\n border-color: #8862e0 !important; }\n\n.border-warning {\n border-color: #ffaf00 !important; }\n\n.border-danger {\n border-color: #ff6258 !important; }\n\n.border-light {\n border-color: #fbfbfb !important; }\n\n.border-dark {\n border-color: #252C46 !important; }\n\n.border-white {\n border-var(--base-text)fff !important; }\n\n.rounded-sm {\n border-radius: 0.2rem !important; }\n\n.rounded, .loader-demo-box {\n border-radius: 0.25rem !important; }\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important; }\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important; }\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-lg {\n border-radius: 0.3rem !important; }\n\n.rounded-circle, .settings-panel .color-tiles .tiles {\n border-radius: 50% !important; }\n\n.rounded-pill {\n border-radius: 50rem !important; }\n\n.rounded-0 {\n border-radius: 0 !important; }\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.d-none {\n display: none !important; }\n\n.d-inline {\n display: inline !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-block {\n display: block !important; }\n\n.d-table {\n display: table !important; }\n\n.d-table-row {\n display: table-row !important; }\n\n.d-table-cell {\n display: table-cell !important; }\n\n.d-flex, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user, .list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal {\n display: flex !important; }\n\n.d-inline-flex, .email-wrapper .message-body .attachments-sections ul li {\n display: inline-flex !important; }\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important; }\n .d-sm-inline {\n display: inline !important; }\n .d-sm-inline-block {\n display: inline-block !important; }\n .d-sm-block {\n display: block !important; }\n .d-sm-table {\n display: table !important; }\n .d-sm-table-row {\n display: table-row !important; }\n .d-sm-table-cell {\n display: table-cell !important; }\n .d-sm-flex {\n display: flex !important; }\n .d-sm-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important; }\n .d-md-inline {\n display: inline !important; }\n .d-md-inline-block {\n display: inline-block !important; }\n .d-md-block {\n display: block !important; }\n .d-md-table {\n display: table !important; }\n .d-md-table-row {\n display: table-row !important; }\n .d-md-table-cell {\n display: table-cell !important; }\n .d-md-flex {\n display: flex !important; }\n .d-md-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important; }\n .d-lg-inline {\n display: inline !important; }\n .d-lg-inline-block {\n display: inline-block !important; }\n .d-lg-block {\n display: block !important; }\n .d-lg-table {\n display: table !important; }\n .d-lg-table-row {\n display: table-row !important; }\n .d-lg-table-cell {\n display: table-cell !important; }\n .d-lg-flex {\n display: flex !important; }\n .d-lg-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important; }\n .d-xl-inline {\n display: inline !important; }\n .d-xl-inline-block {\n display: inline-block !important; }\n .d-xl-block {\n display: block !important; }\n .d-xl-table {\n display: table !important; }\n .d-xl-table-row {\n display: table-row !important; }\n .d-xl-table-cell {\n display: table-cell !important; }\n .d-xl-flex {\n display: flex !important; }\n .d-xl-inline-flex {\n display: inline-flex !important; } }\n\n@media print {\n .d-print-none {\n display: none !important; }\n .d-print-inline {\n display: inline !important; }\n .d-print-inline-block {\n display: inline-block !important; }\n .d-print-block {\n display: block !important; }\n .d-print-table {\n display: table !important; }\n .d-print-table-row {\n display: table-row !important; }\n .d-print-table-cell {\n display: table-cell !important; }\n .d-print-flex {\n display: flex !important; }\n .d-print-inline-flex {\n display: inline-flex !important; } }\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden; }\n .embed-responsive::before {\n display: block;\n content: \"\"; }\n .embed-responsive .embed-responsive-item,\n .embed-responsive iframe,\n .embed-responsive embed,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.flex-row, .email-wrapper .message-body .attachments-sections ul li {\n flex-direction: row !important; }\n\n.flex-column, .new-accounts ul.chats li.chat-persons a div.user, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {\n flex-direction: column !important; }\n\n.flex-row-reverse {\n flex-direction: row-reverse !important; }\n\n.flex-column-reverse {\n flex-direction: column-reverse !important; }\n\n.flex-wrap {\n flex-wrap: wrap !important; }\n\n.flex-nowrap {\n flex-wrap: nowrap !important; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n\n.flex-fill {\n flex: 1 1 auto !important; }\n\n.flex-grow-0 {\n flex-grow: 0 !important; }\n\n.flex-grow-1 {\n flex-grow: 1 !important; }\n\n.flex-shrink-0 {\n flex-shrink: 0 !important; }\n\n.flex-shrink-1 {\n flex-shrink: 1 !important; }\n\n.justify-content-start, .list-wrapper ul li {\n justify-content: flex-start !important; }\n\n.justify-content-end, .email-wrapper .mail-list-container .mail-list .details {\n justify-content: flex-end !important; }\n\n.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb {\n justify-content: center !important; }\n\n.justify-content-between {\n justify-content: space-between !important; }\n\n.justify-content-around {\n justify-content: space-around !important; }\n\n.align-items-start {\n align-items: flex-start !important; }\n\n.align-items-end {\n align-items: flex-end !important; }\n\n.align-items-center, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .list-wrapper ul li, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons {\n align-items: center !important; }\n\n.align-items-baseline {\n align-items: baseline !important; }\n\n.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li {\n align-items: stretch !important; }\n\n.align-content-start {\n align-content: flex-start !important; }\n\n.align-content-end {\n align-content: flex-end !important; }\n\n.align-content-center {\n align-content: center !important; }\n\n.align-content-between {\n align-content: space-between !important; }\n\n.align-content-around {\n align-content: space-around !important; }\n\n.align-content-stretch {\n align-content: stretch !important; }\n\n.align-self-auto {\n align-self: auto !important; }\n\n.align-self-start {\n align-self: flex-start !important; }\n\n.align-self-end {\n align-self: flex-end !important; }\n\n.align-self-center {\n align-self: center !important; }\n\n.align-self-baseline {\n align-self: baseline !important; }\n\n.align-self-stretch {\n align-self: stretch !important; }\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important; }\n .flex-sm-column {\n flex-direction: column !important; }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-sm-wrap {\n flex-wrap: wrap !important; }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important; }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-sm-fill {\n flex: 1 1 auto !important; }\n .flex-sm-grow-0 {\n flex-grow: 0 !important; }\n .flex-sm-grow-1 {\n flex-grow: 1 !important; }\n .flex-sm-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-sm-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-sm-start {\n justify-content: flex-start !important; }\n .justify-content-sm-end {\n justify-content: flex-end !important; }\n .justify-content-sm-center {\n justify-content: center !important; }\n .justify-content-sm-between {\n justify-content: space-between !important; }\n .justify-content-sm-around {\n justify-content: space-around !important; }\n .align-items-sm-start {\n align-items: flex-start !important; }\n .align-items-sm-end {\n align-items: flex-end !important; }\n .align-items-sm-center {\n align-items: center !important; }\n .align-items-sm-baseline {\n align-items: baseline !important; }\n .align-items-sm-stretch {\n align-items: stretch !important; }\n .align-content-sm-start {\n align-content: flex-start !important; }\n .align-content-sm-end {\n align-content: flex-end !important; }\n .align-content-sm-center {\n align-content: center !important; }\n .align-content-sm-between {\n align-content: space-between !important; }\n .align-content-sm-around {\n align-content: space-around !important; }\n .align-content-sm-stretch {\n align-content: stretch !important; }\n .align-self-sm-auto {\n align-self: auto !important; }\n .align-self-sm-start {\n align-self: flex-start !important; }\n .align-self-sm-end {\n align-self: flex-end !important; }\n .align-self-sm-center {\n align-self: center !important; }\n .align-self-sm-baseline {\n align-self: baseline !important; }\n .align-self-sm-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important; }\n .flex-md-column {\n flex-direction: column !important; }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-md-wrap {\n flex-wrap: wrap !important; }\n .flex-md-nowrap {\n flex-wrap: nowrap !important; }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-md-fill {\n flex: 1 1 auto !important; }\n .flex-md-grow-0 {\n flex-grow: 0 !important; }\n .flex-md-grow-1 {\n flex-grow: 1 !important; }\n .flex-md-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-md-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-md-start {\n justify-content: flex-start !important; }\n .justify-content-md-end {\n justify-content: flex-end !important; }\n .justify-content-md-center {\n justify-content: center !important; }\n .justify-content-md-between {\n justify-content: space-between !important; }\n .justify-content-md-around {\n justify-content: space-around !important; }\n .align-items-md-start {\n align-items: flex-start !important; }\n .align-items-md-end {\n align-items: flex-end !important; }\n .align-items-md-center {\n align-items: center !important; }\n .align-items-md-baseline {\n align-items: baseline !important; }\n .align-items-md-stretch {\n align-items: stretch !important; }\n .align-content-md-start {\n align-content: flex-start !important; }\n .align-content-md-end {\n align-content: flex-end !important; }\n .align-content-md-center {\n align-content: center !important; }\n .align-content-md-between {\n align-content: space-between !important; }\n .align-content-md-around {\n align-content: space-around !important; }\n .align-content-md-stretch {\n align-content: stretch !important; }\n .align-self-md-auto {\n align-self: auto !important; }\n .align-self-md-start {\n align-self: flex-start !important; }\n .align-self-md-end {\n align-self: flex-end !important; }\n .align-self-md-center {\n align-self: center !important; }\n .align-self-md-baseline {\n align-self: baseline !important; }\n .align-self-md-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important; }\n .flex-lg-column {\n flex-direction: column !important; }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-lg-wrap {\n flex-wrap: wrap !important; }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important; }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-lg-fill {\n flex: 1 1 auto !important; }\n .flex-lg-grow-0 {\n flex-grow: 0 !important; }\n .flex-lg-grow-1 {\n flex-grow: 1 !important; }\n .flex-lg-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-lg-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-lg-start {\n justify-content: flex-start !important; }\n .justify-content-lg-end {\n justify-content: flex-end !important; }\n .justify-content-lg-center {\n justify-content: center !important; }\n .justify-content-lg-between {\n justify-content: space-between !important; }\n .justify-content-lg-around {\n justify-content: space-around !important; }\n .align-items-lg-start {\n align-items: flex-start !important; }\n .align-items-lg-end {\n align-items: flex-end !important; }\n .align-items-lg-center {\n align-items: center !important; }\n .align-items-lg-baseline {\n align-items: baseline !important; }\n .align-items-lg-stretch {\n align-items: stretch !important; }\n .align-content-lg-start {\n align-content: flex-start !important; }\n .align-content-lg-end {\n align-content: flex-end !important; }\n .align-content-lg-center {\n align-content: center !important; }\n .align-content-lg-between {\n align-content: space-between !important; }\n .align-content-lg-around {\n align-content: space-around !important; }\n .align-content-lg-stretch {\n align-content: stretch !important; }\n .align-self-lg-auto {\n align-self: auto !important; }\n .align-self-lg-start {\n align-self: flex-start !important; }\n .align-self-lg-end {\n align-self: flex-end !important; }\n .align-self-lg-center {\n align-self: center !important; }\n .align-self-lg-baseline {\n align-self: baseline !important; }\n .align-self-lg-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important; }\n .flex-xl-column {\n flex-direction: column !important; }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-xl-wrap {\n flex-wrap: wrap !important; }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important; }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-xl-fill {\n flex: 1 1 auto !important; }\n .flex-xl-grow-0 {\n flex-grow: 0 !important; }\n .flex-xl-grow-1 {\n flex-grow: 1 !important; }\n .flex-xl-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-xl-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-xl-start {\n justify-content: flex-start !important; }\n .justify-content-xl-end {\n justify-content: flex-end !important; }\n .justify-content-xl-center {\n justify-content: center !important; }\n .justify-content-xl-between {\n justify-content: space-between !important; }\n .justify-content-xl-around {\n justify-content: space-around !important; }\n .align-items-xl-start {\n align-items: flex-start !important; }\n .align-items-xl-end {\n align-items: flex-end !important; }\n .align-items-xl-center {\n align-items: center !important; }\n .align-items-xl-baseline {\n align-items: baseline !important; }\n .align-items-xl-stretch {\n align-items: stretch !important; }\n .align-content-xl-start {\n align-content: flex-start !important; }\n .align-content-xl-end {\n align-content: flex-end !important; }\n .align-content-xl-center {\n align-content: center !important; }\n .align-content-xl-between {\n align-content: space-between !important; }\n .align-content-xl-around {\n align-content: space-around !important; }\n .align-content-xl-stretch {\n align-content: stretch !important; }\n .align-self-xl-auto {\n align-self: auto !important; }\n .align-self-xl-start {\n align-self: flex-start !important; }\n .align-self-xl-end {\n align-self: flex-end !important; }\n .align-self-xl-center {\n align-self: center !important; }\n .align-self-xl-baseline {\n align-self: baseline !important; }\n .align-self-xl-stretch {\n align-self: stretch !important; } }\n\n.float-left {\n float: left !important; }\n\n.float-right {\n float: right !important; }\n\n.float-none {\n float: none !important; }\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important; }\n .float-sm-right {\n float: right !important; }\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important; }\n .float-md-right {\n float: right !important; }\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important; }\n .float-lg-right {\n float: right !important; }\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important; }\n .float-xl-right {\n float: right !important; }\n .float-xl-none {\n float: none !important; } }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030; }\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030; }\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020; } }\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal; }\n\n.shadow-sm {\n box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }\n\n.shadow {\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }\n\n.shadow-lg {\n box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }\n\n.shadow-none {\n box-shadow: none !important; }\n\n.w-25 {\n width: 25% !important; }\n\n.w-50 {\n width: 50% !important; }\n\n.w-75 {\n width: 75% !important; }\n\n.w-100 {\n width: 100% !important; }\n\n.w-auto {\n width: auto !important; }\n\n.h-25 {\n height: 25% !important; }\n\n.h-50 {\n height: 50% !important; }\n\n.h-75 {\n height: 75% !important; }\n\n.h-100 {\n height: 100% !important; }\n\n.h-auto {\n height: auto !important; }\n\n.mw-100 {\n max-width: 100% !important; }\n\n.mh-100 {\n max-height: 100% !important; }\n\n.min-vw-100 {\n min-width: 100vw !important; }\n\n.min-vh-100 {\n min-height: 100vh !important; }\n\n.vw-100 {\n width: 100vw !important; }\n\n.vh-100 {\n height: 100vh !important; }\n\n.stretched-link::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n pointer-events: auto;\n content: \"\";\n background-color: rgba(0, 0, 0, 0); }\n\n.m-0 {\n margin: 0 !important; }\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important; }\n\n.mr-0, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .rtl .settings-panel .events i,\n.mx-0 {\n margin-right: 0 !important; }\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important; }\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important; }\n\n.m-1 {\n margin: 0.25rem !important; }\n\n.mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,\n.my-1 {\n margin-top: 0.25rem !important; }\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important; }\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important; }\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important; }\n\n.m-2 {\n margin: 0.5rem !important; }\n\n.mt-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress,\n.my-2 {\n margin-top: 0.5rem !important; }\n\n.mr-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .dropdown,\n.mx-2 {\n margin-right: 0.5rem !important; }\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important; }\n\n.ml-2, .btn-toolbar .btn-group + .btn-group, .rtl .settings-panel .events i,\n.mx-2 {\n margin-left: 0.5rem !important; }\n\n.m-3 {\n margin: 1rem !important; }\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important; }\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important; }\n\n.mb-3, .template-demo .circle-progress-block, .user-profile .side-left .card .avatar img,\n.my-3 {\n margin-bottom: 1rem !important; }\n\n.ml-3, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,\n.mx-3 {\n margin-left: 1rem !important; }\n\n.m-4 {\n margin: 1.5rem !important; }\n\n.mt-4, .user-profile .side-left .card .avatar img,\n.my-4 {\n margin-top: 1.5rem !important; }\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important; }\n\n.mb-4, .user-profile .side-left .card .overview .about-user,\n.my-4 {\n margin-bottom: 1.5rem !important; }\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important; }\n\n.m-5 {\n margin: 3rem !important; }\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important; }\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important; }\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important; }\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important; }\n\n.p-0 {\n padding: 0 !important; }\n\n.pt-0, .card-revenue-table .revenue-item:first-child,\n.py-0 {\n padding-top: 0 !important; }\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important; }\n\n.pb-0, .card-revenue-table .revenue-item:last-child,\n.py-0 {\n padding-bottom: 0 !important; }\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important; }\n\n.p-1 {\n padding: 0.25rem !important; }\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important; }\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important; }\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important; }\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important; }\n\n.p-2 {\n padding: 0.5rem !important; }\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important; }\n\n.pr-2,\n.px-2,\n.template-demo .circle-progress-block {\n padding-right: 0.5rem !important; }\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important; }\n\n.pl-2,\n.px-2,\n.template-demo .circle-progress-block {\n padding-left: 0.5rem !important; }\n\n.p-3 {\n padding: 1rem !important; }\n\n.pt-3,\n.py-3,\n.card-revenue-table .revenue-item {\n padding-top: 1rem !important; }\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important; }\n\n.pb-3,\n.py-3,\n.card-revenue-table .revenue-item {\n padding-bottom: 1rem !important; }\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important; }\n\n.p-4 {\n padding: 1.5rem !important; }\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important; }\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important; }\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important; }\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important; }\n\n.p-5 {\n padding: 3rem !important; }\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important; }\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important; }\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important; }\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important; }\n\n.m-n1 {\n margin: -0.25rem !important; }\n\n.mt-n1,\n.my-n1 {\n margin-top: -0.25rem !important; }\n\n.mr-n1,\n.mx-n1 {\n margin-right: -0.25rem !important; }\n\n.mb-n1,\n.my-n1 {\n margin-bottom: -0.25rem !important; }\n\n.ml-n1,\n.mx-n1 {\n margin-left: -0.25rem !important; }\n\n.m-n2 {\n margin: -0.5rem !important; }\n\n.mt-n2,\n.my-n2 {\n margin-top: -0.5rem !important; }\n\n.mr-n2,\n.mx-n2 {\n margin-right: -0.5rem !important; }\n\n.mb-n2,\n.my-n2 {\n margin-bottom: -0.5rem !important; }\n\n.ml-n2,\n.mx-n2 {\n margin-left: -0.5rem !important; }\n\n.m-n3 {\n margin: -1rem !important; }\n\n.mt-n3,\n.my-n3 {\n margin-top: -1rem !important; }\n\n.mr-n3,\n.mx-n3 {\n margin-right: -1rem !important; }\n\n.mb-n3,\n.my-n3 {\n margin-bottom: -1rem !important; }\n\n.ml-n3,\n.mx-n3 {\n margin-left: -1rem !important; }\n\n.m-n4 {\n margin: -1.5rem !important; }\n\n.mt-n4,\n.my-n4 {\n margin-top: -1.5rem !important; }\n\n.mr-n4,\n.mx-n4 {\n margin-right: -1.5rem !important; }\n\n.mb-n4,\n.my-n4 {\n margin-bottom: -1.5rem !important; }\n\n.ml-n4,\n.mx-n4 {\n margin-left: -1.5rem !important; }\n\n.m-n5 {\n margin: -3rem !important; }\n\n.mt-n5,\n.my-n5 {\n margin-top: -3rem !important; }\n\n.mr-n5,\n.mx-n5 {\n margin-right: -3rem !important; }\n\n.mb-n5,\n.my-n5 {\n margin-bottom: -3rem !important; }\n\n.ml-n5,\n.mx-n5 {\n margin-left: -3rem !important; }\n\n.m-auto {\n margin: auto !important; }\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important; }\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important; }\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important; }\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important; }\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important; }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important; }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important; }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important; }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important; }\n .m-sm-1 {\n margin: 0.25rem !important; }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important; }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important; }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important; }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important; }\n .m-sm-2 {\n margin: 0.5rem !important; }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important; }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important; }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important; }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important; }\n .m-sm-3 {\n margin: 1rem !important; }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important; }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important; }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important; }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important; }\n .m-sm-4 {\n margin: 1.5rem !important; }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important; }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important; }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important; }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important; }\n .m-sm-5 {\n margin: 3rem !important; }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important; }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important; }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important; }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important; }\n .p-sm-0 {\n padding: 0 !important; }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important; }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important; }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important; }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important; }\n .p-sm-1 {\n padding: 0.25rem !important; }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important; }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important; }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important; }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important; }\n .p-sm-2 {\n padding: 0.5rem !important; }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important; }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important; }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important; }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important; }\n .p-sm-3 {\n padding: 1rem !important; }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important; }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important; }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important; }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important; }\n .p-sm-4 {\n padding: 1.5rem !important; }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important; }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important; }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important; }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important; }\n .p-sm-5 {\n padding: 3rem !important; }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important; }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important; }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important; }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important; }\n .m-sm-n1 {\n margin: -0.25rem !important; }\n .mt-sm-n1,\n .my-sm-n1 {\n margin-top: -0.25rem !important; }\n .mr-sm-n1,\n .mx-sm-n1 {\n margin-right: -0.25rem !important; }\n .mb-sm-n1,\n .my-sm-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-sm-n1,\n .mx-sm-n1 {\n margin-left: -0.25rem !important; }\n .m-sm-n2 {\n margin: -0.5rem !important; }\n .mt-sm-n2,\n .my-sm-n2 {\n margin-top: -0.5rem !important; }\n .mr-sm-n2,\n .mx-sm-n2 {\n margin-right: -0.5rem !important; }\n .mb-sm-n2,\n .my-sm-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-sm-n2,\n .mx-sm-n2 {\n margin-left: -0.5rem !important; }\n .m-sm-n3 {\n margin: -1rem !important; }\n .mt-sm-n3,\n .my-sm-n3 {\n margin-top: -1rem !important; }\n .mr-sm-n3,\n .mx-sm-n3 {\n margin-right: -1rem !important; }\n .mb-sm-n3,\n .my-sm-n3 {\n margin-bottom: -1rem !important; }\n .ml-sm-n3,\n .mx-sm-n3 {\n margin-left: -1rem !important; }\n .m-sm-n4 {\n margin: -1.5rem !important; }\n .mt-sm-n4,\n .my-sm-n4 {\n margin-top: -1.5rem !important; }\n .mr-sm-n4,\n .mx-sm-n4 {\n margin-right: -1.5rem !important; }\n .mb-sm-n4,\n .my-sm-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-sm-n4,\n .mx-sm-n4 {\n margin-left: -1.5rem !important; }\n .m-sm-n5 {\n margin: -3rem !important; }\n .mt-sm-n5,\n .my-sm-n5 {\n margin-top: -3rem !important; }\n .mr-sm-n5,\n .mx-sm-n5 {\n margin-right: -3rem !important; }\n .mb-sm-n5,\n .my-sm-n5 {\n margin-bottom: -3rem !important; }\n .ml-sm-n5,\n .mx-sm-n5 {\n margin-left: -3rem !important; }\n .m-sm-auto {\n margin: auto !important; }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important; }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important; }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important; }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important; }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important; }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important; }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important; }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important; }\n .m-md-1 {\n margin: 0.25rem !important; }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important; }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important; }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important; }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important; }\n .m-md-2 {\n margin: 0.5rem !important; }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important; }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important; }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important; }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important; }\n .m-md-3 {\n margin: 1rem !important; }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important; }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important; }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important; }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important; }\n .m-md-4 {\n margin: 1.5rem !important; }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important; }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important; }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important; }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important; }\n .m-md-5 {\n margin: 3rem !important; }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important; }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important; }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important; }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important; }\n .p-md-0 {\n padding: 0 !important; }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important; }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important; }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important; }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important; }\n .p-md-1 {\n padding: 0.25rem !important; }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important; }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important; }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important; }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important; }\n .p-md-2 {\n padding: 0.5rem !important; }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important; }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important; }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important; }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important; }\n .p-md-3 {\n padding: 1rem !important; }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important; }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important; }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important; }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important; }\n .p-md-4 {\n padding: 1.5rem !important; }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important; }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important; }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important; }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important; }\n .p-md-5 {\n padding: 3rem !important; }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important; }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important; }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important; }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important; }\n .m-md-n1 {\n margin: -0.25rem !important; }\n .mt-md-n1,\n .my-md-n1 {\n margin-top: -0.25rem !important; }\n .mr-md-n1,\n .mx-md-n1 {\n margin-right: -0.25rem !important; }\n .mb-md-n1,\n .my-md-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-md-n1,\n .mx-md-n1 {\n margin-left: -0.25rem !important; }\n .m-md-n2 {\n margin: -0.5rem !important; }\n .mt-md-n2,\n .my-md-n2 {\n margin-top: -0.5rem !important; }\n .mr-md-n2,\n .mx-md-n2 {\n margin-right: -0.5rem !important; }\n .mb-md-n2,\n .my-md-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-md-n2,\n .mx-md-n2 {\n margin-left: -0.5rem !important; }\n .m-md-n3 {\n margin: -1rem !important; }\n .mt-md-n3,\n .my-md-n3 {\n margin-top: -1rem !important; }\n .mr-md-n3,\n .mx-md-n3 {\n margin-right: -1rem !important; }\n .mb-md-n3,\n .my-md-n3 {\n margin-bottom: -1rem !important; }\n .ml-md-n3,\n .mx-md-n3 {\n margin-left: -1rem !important; }\n .m-md-n4 {\n margin: -1.5rem !important; }\n .mt-md-n4,\n .my-md-n4 {\n margin-top: -1.5rem !important; }\n .mr-md-n4,\n .mx-md-n4 {\n margin-right: -1.5rem !important; }\n .mb-md-n4,\n .my-md-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-md-n4,\n .mx-md-n4 {\n margin-left: -1.5rem !important; }\n .m-md-n5 {\n margin: -3rem !important; }\n .mt-md-n5,\n .my-md-n5 {\n margin-top: -3rem !important; }\n .mr-md-n5,\n .mx-md-n5 {\n margin-right: -3rem !important; }\n .mb-md-n5,\n .my-md-n5 {\n margin-bottom: -3rem !important; }\n .ml-md-n5,\n .mx-md-n5 {\n margin-left: -3rem !important; }\n .m-md-auto {\n margin: auto !important; }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important; }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important; }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important; }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important; }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important; }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important; }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important; }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important; }\n .m-lg-1 {\n margin: 0.25rem !important; }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important; }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important; }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important; }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important; }\n .m-lg-2 {\n margin: 0.5rem !important; }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important; }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important; }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important; }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important; }\n .m-lg-3 {\n margin: 1rem !important; }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important; }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important; }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important; }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important; }\n .m-lg-4 {\n margin: 1.5rem !important; }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important; }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important; }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important; }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important; }\n .m-lg-5 {\n margin: 3rem !important; }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important; }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important; }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important; }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important; }\n .p-lg-0 {\n padding: 0 !important; }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important; }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important; }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important; }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important; }\n .p-lg-1 {\n padding: 0.25rem !important; }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important; }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important; }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important; }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important; }\n .p-lg-2 {\n padding: 0.5rem !important; }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important; }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important; }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important; }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important; }\n .p-lg-3 {\n padding: 1rem !important; }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important; }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important; }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important; }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important; }\n .p-lg-4 {\n padding: 1.5rem !important; }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important; }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important; }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important; }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important; }\n .p-lg-5 {\n padding: 3rem !important; }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important; }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important; }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important; }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important; }\n .m-lg-n1 {\n margin: -0.25rem !important; }\n .mt-lg-n1,\n .my-lg-n1 {\n margin-top: -0.25rem !important; }\n .mr-lg-n1,\n .mx-lg-n1 {\n margin-right: -0.25rem !important; }\n .mb-lg-n1,\n .my-lg-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-lg-n1,\n .mx-lg-n1 {\n margin-left: -0.25rem !important; }\n .m-lg-n2 {\n margin: -0.5rem !important; }\n .mt-lg-n2,\n .my-lg-n2 {\n margin-top: -0.5rem !important; }\n .mr-lg-n2,\n .mx-lg-n2 {\n margin-right: -0.5rem !important; }\n .mb-lg-n2,\n .my-lg-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-lg-n2,\n .mx-lg-n2 {\n margin-left: -0.5rem !important; }\n .m-lg-n3 {\n margin: -1rem !important; }\n .mt-lg-n3,\n .my-lg-n3 {\n margin-top: -1rem !important; }\n .mr-lg-n3,\n .mx-lg-n3 {\n margin-right: -1rem !important; }\n .mb-lg-n3,\n .my-lg-n3 {\n margin-bottom: -1rem !important; }\n .ml-lg-n3,\n .mx-lg-n3 {\n margin-left: -1rem !important; }\n .m-lg-n4 {\n margin: -1.5rem !important; }\n .mt-lg-n4,\n .my-lg-n4 {\n margin-top: -1.5rem !important; }\n .mr-lg-n4,\n .mx-lg-n4 {\n margin-right: -1.5rem !important; }\n .mb-lg-n4,\n .my-lg-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-lg-n4,\n .mx-lg-n4 {\n margin-left: -1.5rem !important; }\n .m-lg-n5 {\n margin: -3rem !important; }\n .mt-lg-n5,\n .my-lg-n5 {\n margin-top: -3rem !important; }\n .mr-lg-n5,\n .mx-lg-n5 {\n margin-right: -3rem !important; }\n .mb-lg-n5,\n .my-lg-n5 {\n margin-bottom: -3rem !important; }\n .ml-lg-n5,\n .mx-lg-n5 {\n margin-left: -3rem !important; }\n .m-lg-auto {\n margin: auto !important; }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important; }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important; }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important; }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important; }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important; }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important; }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important; }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important; }\n .m-xl-1 {\n margin: 0.25rem !important; }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important; }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important; }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important; }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important; }\n .m-xl-2 {\n margin: 0.5rem !important; }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important; }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important; }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important; }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important; }\n .m-xl-3 {\n margin: 1rem !important; }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important; }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important; }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important; }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important; }\n .m-xl-4 {\n margin: 1.5rem !important; }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important; }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important; }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important; }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important; }\n .m-xl-5 {\n margin: 3rem !important; }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important; }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important; }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important; }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important; }\n .p-xl-0 {\n padding: 0 !important; }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important; }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important; }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important; }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important; }\n .p-xl-1 {\n padding: 0.25rem !important; }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important; }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important; }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important; }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important; }\n .p-xl-2 {\n padding: 0.5rem !important; }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important; }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important; }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important; }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important; }\n .p-xl-3 {\n padding: 1rem !important; }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important; }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important; }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important; }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important; }\n .p-xl-4 {\n padding: 1.5rem !important; }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important; }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important; }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important; }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important; }\n .p-xl-5 {\n padding: 3rem !important; }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important; }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important; }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important; }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important; }\n .m-xl-n1 {\n margin: -0.25rem !important; }\n .mt-xl-n1,\n .my-xl-n1 {\n margin-top: -0.25rem !important; }\n .mr-xl-n1,\n .mx-xl-n1 {\n margin-right: -0.25rem !important; }\n .mb-xl-n1,\n .my-xl-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-xl-n1,\n .mx-xl-n1 {\n margin-left: -0.25rem !important; }\n .m-xl-n2 {\n margin: -0.5rem !important; }\n .mt-xl-n2,\n .my-xl-n2 {\n margin-top: -0.5rem !important; }\n .mr-xl-n2,\n .mx-xl-n2 {\n margin-right: -0.5rem !important; }\n .mb-xl-n2,\n .my-xl-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-xl-n2,\n .mx-xl-n2 {\n margin-left: -0.5rem !important; }\n .m-xl-n3 {\n margin: -1rem !important; }\n .mt-xl-n3,\n .my-xl-n3 {\n margin-top: -1rem !important; }\n .mr-xl-n3,\n .mx-xl-n3 {\n margin-right: -1rem !important; }\n .mb-xl-n3,\n .my-xl-n3 {\n margin-bottom: -1rem !important; }\n .ml-xl-n3,\n .mx-xl-n3 {\n margin-left: -1rem !important; }\n .m-xl-n4 {\n margin: -1.5rem !important; }\n .mt-xl-n4,\n .my-xl-n4 {\n margin-top: -1.5rem !important; }\n .mr-xl-n4,\n .mx-xl-n4 {\n margin-right: -1.5rem !important; }\n .mb-xl-n4,\n .my-xl-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-xl-n4,\n .mx-xl-n4 {\n margin-left: -1.5rem !important; }\n .m-xl-n5 {\n margin: -3rem !important; }\n .mt-xl-n5,\n .my-xl-n5 {\n margin-top: -3rem !important; }\n .mr-xl-n5,\n .mx-xl-n5 {\n margin-right: -3rem !important; }\n .mb-xl-n5,\n .my-xl-n5 {\n margin-bottom: -3rem !important; }\n .ml-xl-n5,\n .mx-xl-n5 {\n margin-left: -3rem !important; }\n .m-xl-auto {\n margin: auto !important; }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important; }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important; }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important; }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important; } }\n\n.text-monospace {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !important; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-wrap {\n white-space: normal !important; }\n\n.text-nowrap {\n white-space: nowrap !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important; }\n .text-sm-right {\n text-align: right !important; }\n .text-sm-center {\n text-align: center !important; } }\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important; }\n .text-md-right {\n text-align: right !important; }\n .text-md-center {\n text-align: center !important; } }\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important; }\n .text-lg-right {\n text-align: right !important; }\n .text-lg-center {\n text-align: center !important; } }\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important; }\n .text-xl-right {\n text-align: right !important; }\n .text-xl-center {\n text-align: center !important; } }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-light, .landing-page .feature-list .feature-list-row .feature-list-item p {\n font-weight: 300 !important; }\n\n.font-weight-lighter {\n font-weight: lighter !important; }\n\n.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 {\n font-weight: 400 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-weight-bolder {\n font-weight: bolder !important; }\n\n.font-italic {\n font-style: italic !important; }\n\n.text-white {\n var(--base-text)fff !important; }\n\n.text-primary {\n color: #2196f3 !important; }\n\na.text-primary:hover, a.text-primary:focus {\n color: #0a6ebd !important; }\n\n.text-secondary {\n color: #dde4eb !important; }\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #adbecf !important; }\n\n.text-success {\n color: #19d895 !important; }\n\na.text-success:hover, a.text-success:focus {\n color: #119366 !important; }\n\n.text-info {\n color: #8862e0 !important; }\n\na.text-info:hover, a.text-info:focus {\n color: #5a28cd !important; }\n\n.text-warning {\n color: #ffaf00 !important; }\n\na.text-warning:hover, a.text-warning:focus {\n color: #b37b00 !important; }\n\n.text-danger {\n color: #ff6258 !important; }\n\na.text-danger:hover, a.text-danger:focus {\n color: #ff1a0c !important; }\n\n.text-light {\n color: #fbfbfb !important; }\n\na.text-light:hover, a.text-light:focus {\n color: #d5d5d5 !important; }\n\n.text-dark {\n color: #252C46 !important; }\n\na.text-dark:hover, a.text-dark:focus {\n color: #0b0d14 !important; }\n\n.text-body {\n var(--base-text) !important; }\n\n.text-muted, .preview-list .preview-item .preview-item-content p .content-category, .email-wrapper .mail-list-container .mail-list .content .message_text, .email-wrapper .mail-list-container .mail-list .details .date {\n color: var(--base-text) !important; }\n\n.text-black-50 {\n color: rgba(0, 0, 0, 0.5) !important; }\n\n.text-white-50 {\n color: rgba(255, 255, 255, 0.5) !important; }\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.text-decoration-none {\n text-decoration: none !important; }\n\n.text-break {\n word-break: break-word !important;\n overflow-wrap: break-word !important; }\n\n.text-reset {\n color: inherit !important; }\n\n.visible {\n visibility: visible !important; }\n\n.invisible {\n visibility: hidden !important; }\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important; }\n a:not(.btn) {\n text-decoration: underline; }\n abbr[title]::after {\n content: \" (\" attr(title) \")\"; }\n pre {\n white-space: pre-wrap !important; }\n pre,\n blockquote {\n border: 1px solid #adb5bd;\n page-break-inside: avoid; }\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; }\n @page {\n size: a3; }\n body {\n min-width: 992px !important; }\n .container {\n min-width: 992px !important; }\n .navbar {\n display: none; }\n .badge {\n border: 1px solid #000; }\n .table, .jsgrid .jsgrid-table {\n border-collapse: collapse !important; }\n \n .table td,\n .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th {\n background: var(--base-text)fff !important; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6 !important; }\n .table-dark {\n color: inherit; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th,\n .table-dark tbody + tbody {\n border-color: #dee2e6; }\n .table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {\n color: inherit;\n border-color: #dee2e6; } }\n\n/*-------------------------------------------------------------------*/\n/* === Template mixins === */\n/* Animation Mixins */\n@keyframes dropdownAnimation {\n from {\n opacity: 0;\n transform: translate3d(0, -30px, 0); }\n to {\n opacity: 1;\n transform: none;\n transform: translate3d(0, 0px, 0); } }\n\n.dropdownAnimation, .nav .nav-item.dropdown .navbar-dropdown,\n.navbar-nav .nav-item.dropdown .navbar-dropdown {\n animation-name: dropdownAnimation;\n animation-duration: 0.25s;\n animation-fill-mode: both; }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n animation-name: fadeOut; }\n\n.infinite-spin {\n animation-name: spin;\n animation-duration: 3s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n@keyframes spin {\n from {\n transform: rotate(0deg); }\n to {\n transform: rotate(360deg); } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n transform: none; } }\n\n.fadeInUp {\n animation-name: fadeInUp; }\n\n@keyframes menufadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.menufadeInLeft {\n -webkit-animation-name: menufadeInLeft;\n animation-name: menufadeInLeft; }\n\n.new-accounts ul.chats li.chat-persons a div.user p.u-name, .new-accounts ul.chats li.chat-persons a div.user p.u-designation, .settings-panel .chat-list .list .info p, .list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n\n/*-------------------------------------------------------------------*/\n/* === Core Styles === */\n/* Reset Styles */\nbody {\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead, .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus {\n -webkit-box-shadow: none;\n -moz-box-shadow: none; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n box-shadow: none; }\n\n.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus {\n outline: 0;\n box-shadow: none; }\n\na,\ndiv,\nh1,\nh2,\nh3,\nh4,\nh5,\np,\nspan {\n text-shadow: none; }\n\n[type=button]:focus,\na:active,\na:focus,\na:visited,\nbutton::-moz-focus-inner,\ninput[type=button]::-moz-focus-inner,\ninput[type=file] > input[type=button]::-moz-focus-inner,\ninput[type=reset]::-moz-focus-inner,\ninput[type=submit]::-moz-focus-inner,\nselect::-moz-focus-inner {\n outline: 0; }\n\n.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus,\nbutton:focus,\ninput,\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n outline-width: 0;\n outline-color: transparent;\n box-shadow: none;\n outline-style: none; }\n\ntextarea {\n resize: none;\n overflow-x: hidden; }\n\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a,\n.btn-group.open .dropdown-toggle,\n.btn:active,\n.ajax-upload-dragdrop .ajax-file-upload:active,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active,\n.wizard > .actions a:active, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover,\n.btn:visited,\n.ajax-upload-dragdrop .ajax-file-upload:visited,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:visited,\n.wizard > .actions a:visited,\na,\na:active,\na:checked,\na:focus,\na:hover,\na:visited,\nbody,\nbutton,\nbutton:active,\nbutton:hover,\nbutton:visited,\ndiv,\ninput,\ninput:active,\ninput:focus,\ninput:hover,\ninput:visited,\nselect,\nselect:active,\nselect:focus,\nselect:visited,\ntextarea,\ntextarea:active,\ntextarea:focus,\ntextarea:hover,\ntextarea:visited {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none; }\n\n.btn.active.focus, .ajax-upload-dragdrop .active.focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, .wizard > .actions a.active.focus,\n.btn.active:focus,\n.ajax-upload-dragdrop .active.ajax-file-upload:focus,\n.swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus,\n.wizard > .actions a.active:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus,\n.btn:active.focus,\n.ajax-upload-dragdrop .ajax-file-upload:active.focus,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus,\n.wizard > .actions a:active.focus,\n.btn:active:focus,\n.ajax-upload-dragdrop .ajax-file-upload:active:focus,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus,\n.wizard > .actions a:active:focus, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus,\nbutton,\nbutton:active,\nbutton:checked,\nbutton:focus,\nbutton:hover,\nbutton:visited {\n outline: 0;\n outline-offset: 0; }\n\n.bootstrap-select .dropdown-toggle:focus {\n outline: 0 !important;\n outline-offset: 0; }\n\n.dropdown-menu > li > a:active,\n.dropdown-menu > li > a:focus,\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:visited {\n outline: 0 !important; }\n\na:focus,\ninput:focus {\n border-color: transparent;\n outline: none; }\n\n/* Fonts */\n.text-twitter {\n color: #4DBFF5; }\n\n.text-facebook {\n color: #648ACA; }\n\n.text-google {\n color: #E55F4B; }\n\n.text-linkedin {\n color: #0177b4; }\n\n.text-pinterest {\n color: #cc2127; }\n\n.text-youtube {\n color: #e52d27; }\n\n.text-github {\n color: #333333; }\n\n.text-behance {\n color: #1769ff; }\n\n.text-dribbble {\n color: #ea4c89; }\n\n.text-reddit {\n color: #ff4500; }\n\n.bg-twitter {\n background: #4DBFF5; }\n\n.bg-facebook {\n background: #648ACA; }\n\n.bg-google {\n background: #E55F4B; }\n\n.bg-linkedin {\n background: #0177b4; }\n\n.bg-pinterest {\n background: #cc2127; }\n\n.bg-youtube {\n background: #e52d27; }\n\n.bg-github {\n background: #333333; }\n\n.bg-behance {\n background: #1769ff; }\n\n.bg-dribbble {\n background: #ea4c89; }\n\n.bg-reddit {\n background: #ff4500; }\n\n/* Typography */\n:root,\nbody {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n var(--base-text); }\n\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: \"roboto\", sans-serif;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal; }\n\np,\na:not([href]):not([tabindex]) {\n var(--base-text);\n font-size: 0.875rem; }\n\n.h1,\nh1 {\n font-size: 2.3125rem; }\n\n.h2,\nh2 {\n font-size: 2rem; }\n\n.h3,\nh3 {\n font-size: 1.6875rem; }\n\n.h4,\nh4 {\n font-size: 1.25rem; }\n\n.h5,\nh5 {\n font-size: 1.0625rem; }\n\n.h6,\nh6 {\n font-size: 1rem; }\n\np {\n font-size: 0.875rem; }\n\n.display-1 {\n font-size: 3.75rem; }\n @media (max-width: 991px) {\n .display-1 {\n font-size: 3rem; } }\n\n.display-2 {\n font-size: 3.125rem; }\n @media (max-width: 991px) {\n .display-2 {\n font-size: 2.5rem; } }\n\n.display-3 {\n font-size: 2.5rem; }\n @media (max-width: 991px) {\n .display-3 {\n font-size: 2rem; } }\n\n.display-4 {\n font-size: 1.875rem; }\n @media (max-width: 991px) {\n .display-4 {\n font-size: 1.5rem; } }\n\n.display-5 {\n font-size: 1.25rem; }\n @media (max-width: 991px) {\n .display-5 {\n font-size: 1rem; } }\n\n.blockquote {\n padding: 1.25rem;\n border: 1px solid var(--outline); }\n\naddress p {\n margin-bottom: 0; }\n\n.blockquote-primary {\n border-color: #2196f3; }\n .blockquote-primary .blockquote-footer {\n color: #2196f3; }\n\n.blockquote-secondary {\n border-color: #dde4eb; }\n .blockquote-secondary .blockquote-footer {\n color: #dde4eb; }\n\n.blockquote-success {\n border-color: #19d895; }\n .blockquote-success .blockquote-footer {\n color: #19d895; }\n\n.blockquote-info {\n border-color: #8862e0; }\n .blockquote-info .blockquote-footer {\n color: #8862e0; }\n\n.blockquote-warning {\n border-color: #ffaf00; }\n .blockquote-warning .blockquote-footer {\n color: #ffaf00; }\n\n.blockquote-danger {\n border-color: #ff6258; }\n .blockquote-danger .blockquote-footer {\n color: #ff6258; }\n\n.blockquote-light {\n border-color: #fbfbfb; }\n .blockquote-light .blockquote-footer {\n color: #fbfbfb; }\n\n.blockquote-dark {\n border-color: #252C46; }\n .blockquote-dark .blockquote-footer {\n color: #252C46; }\n\n.page-title {\n var(--base-text);\n margin: 0.38rem 0 0.75rem; }\n\n.card-title {\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n color: #212229;\n margin-bottom: 15px;\n font-size: 14px;\n text-transform: capitalize; }\n .rtl .card-title {\n text-align: right; }\n\n.card-subtitle {\n font-weight: 300;\n font-family: \"roboto\", sans-serif;\n margin-top: 0.625rem;\n margin-bottom: 0.625rem; }\n\n.card-description {\n margin-bottom: 0.9375rem;\n font-family: \"roboto\", sans-serif; }\n .rtl .card-description {\n text-align: right; }\n\n.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 {\n font-weight: 400; }\n\n.font-weight-medium {\n font-weight: 500; }\n\n.font-weight-semibold {\n font-weight: 600; }\n\nsmall,\n.text-small {\n font-size: 12px; }\n\n.icon-lg {\n font-size: 2.5rem; }\n\n.icon-md {\n font-size: 1.875rem; }\n\n.icon-sm {\n font-size: 1.3rem; }\n\n/* Miscellanoeous */\nbody,\nhtml {\n overflow-x: hidden;\n padding-right: 0 !important; }\n\n*:-moz-full-screen,\n*:-webkit-full-screen,\n*:fullscreen *:-ms-fullscreen {\n overflow: auto !important; }\n\n.scroll-container {\n position: relative; }\n .scroll-container.horizontally {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%; }\n .scroll-container.vertically {\n overflow-y: hidden;\n height: 100%;\n max-height: 100%; }\n\npre {\n padding: 15px;\n font-size: 14px; }\n\n/* Utilities */\n.logo {\n width: 150px;\n max-width: 100%; }\n\n.grid-margin {\n margin-bottom: 25px; }\n\n@media (min-width: 576px) {\n .grid-margin-sm-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 768px) {\n .grid-margin-md-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 992px) {\n .grid-margin-lg-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 1200px) {\n .grid-margin-xl-0 {\n margin-bottom: 0; } }\n\n.rounded-circle[class*='img'], .settings-panel .color-tiles .tiles[class*='img'] {\n position: relative;\n overflow: hidden; }\n .rounded-circle[class*='img'] .flag-icon, .settings-panel .color-tiles .tiles[class*='img'] .flag-icon {\n position: absolute;\n top: auto;\n left: -10px;\n right: 0;\n bottom: auto;\n width: calc(100% + 20px);\n height: 100%;\n display: block;\n margin: auto; }\n\n.img-curved {\n border-radius: 10px; }\n\n.img-raised {\n box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15); }\n\n.img-lg {\n width: 92px;\n min-width: 92px;\n height: 92px; }\n\n.img-md {\n width: 60px;\n min-width: 60px;\n height: 60px; }\n\n.img-sm {\n width: 43px;\n min-width: 43px;\n height: 43px; }\n\n.img-xs {\n width: 32px;\n min-width: 32px;\n height: 32px; }\n\n.img-ss, .image-grouped .text-avatar,\n.image-grouped img, .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image),\n.table th img:not(.thumb-image),\n.jsgrid .jsgrid-table th img:not(.thumb-image), .settings-panel .color-tiles .tiles {\n width: 35px;\n min-width: 35px;\n height: 35px; }\n\n.img-curved {\n border-radius: 10px; }\n\n.display-avatar {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 43px;\n min-width: 43px;\n height: 43px;\n font-size: 16px;\n font-weight: 600;\n border-radius: 100%; }\n\n.stretch-card {\n display: flex;\n align-items: stretch;\n justify-content: stretch; }\n .stretch-card > .card {\n width: 100%;\n min-width: 100%; }\n\n.dot-indicator {\n width: 10px;\n height: 10px;\n border-radius: 100%; }\n .dot-indicator.dot-indicator-sm {\n width: 6px;\n height: 6px; }\n\n.border-indicator {\n width: 10px;\n height: 10px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--outline);\n border-radius: 100%; }\n\n.dropdown-divider {\n border-color: var(--outline); }\n\n@media (min-width: 576px) {\n .border-right-sm {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 768px) {\n .border-right-md {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 992px) {\n .border-right-lg {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 576px) {\n .border-left-sm {\n border-left: 1px solid var(--outline); } }\n\n.border-strong {\n border-color: black; }\n\n.count-wrapper {\n position: relative; }\n .count-wrapper .count {\n position: absolute;\n width: auto;\n min-width: 8px;\n min-height: 8px;\n padding: 2px 4px;\n font-size: 75%;\n line-height: 1;\n vertical-align: middle;\n border-radius: 100%;\n var(--base-text)fff;\n font-weight: 500; }\n .count-wrapper .count.top-right {\n top: -5px;\n right: 0; }\n .count-wrapper .count.bottom-right {\n bottom: -5px;\n right: 0; }\n .count-wrapper .count.bottom-left {\n bottom: -5px;\n left: 0; }\n .count-wrapper .count.top-left {\n top: -5px;\n left: 0; }\n\n@media (min-width: 768px) {\n .border-left-md {\n border-left: 1px solid var(--outline); } }\n\n@media (min-width: 992px) {\n .border-left-lg {\n border-left: 1px solid var(--outline); } }\n\n.text-gray, .card-subtitle, .new-accounts ul.chats li.chat-persons a p.joined-date {\n color: #212529; }\n\n.text-black {\n color: #000; }\n\n.flex-grow {\n flex-grow: 1; }\n\n.ellipsis, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .tickets-card .ticket-float span {\n max-width: 95%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.no-wrap {\n white-space: nowrap; }\n\n.status-indicator {\n border-width: 2px;\n border-style: solid;\n border-color: #ffaf00;\n border-radius: 100%;\n display: inline-block;\n height: 8px;\n width: 8px; }\n .status-indicator.online {\n border-color: #19d895; }\n .status-indicator.offline {\n border-color: #2196f3; }\n .status-indicator.away {\n border-color: #ffaf00; }\n\n.bg-transparent {\n background: transparent; }\n\n.aligner-wrapper {\n position: relative; }\n .aligner-wrapper .absolute {\n position: absolute; }\n .aligner-wrapper .absolute.absolute-center {\n top: 50%;\n transform: translateY(-50%);\n bottom: 0;\n right: 0;\n left: 0;\n margin: auto; }\n .aligner-wrapper .absolute.left {\n left: 0; }\n .aligner-wrapper .absolute.right {\n right: 0; }\n .aligner-wrapper .absolute.bottom {\n bottom: 0; }\n .aligner-wrapper .absolute.top {\n top: 0; }\n\n.image-grouped {\n display: flex; }\n .image-grouped .text-avatar,\n .image-grouped img {\n border-radius: 100%;\n margin-left: -10px;\n z-index: 0;\n border: 4px solid var(--dropdown-bg);\n transform: scale(1);\n transition-duration: 0.3s;\n transition-timing-function: ease;\n transition-property: \"box-shadow\", \"z-index\", \"transform\", \"border-width\"; }\n .image-grouped .text-avatar:first-child,\n .image-grouped img:first-child {\n margin-left: 0; }\n .image-grouped .text-avatar:hover,\n .image-grouped img:hover {\n z-index: 1;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);\n transform: scale(1.05);\n border-width: 0; }\n .image-grouped .text-avatar {\n color: #2196f3;\n font-size: 11px;\n font-weight: 600; }\n\n.v-strock-1 {\n width: 2px; }\n\n.v-strock-2 {\n width: 3px; }\n\n.v-strock-3 {\n width: 4px; }\n\n.v-strock-4 {\n width: 5px; }\n\n.h-strock-1 {\n height: 2px; }\n\n.h-strock-2 {\n height: 3px; }\n\n.h-strock-3 {\n height: 4px; }\n\n.h-strock-4 {\n height: 5px; }\n\n.bg-inverse-primary, .image-grouped .text-avatar {\n background: rgba(33, 150, 243, 0.2); }\n\n.bg-inverse-secondary {\n background: rgba(221, 228, 235, 0.2); }\n\n.bg-inverse-success {\n background: rgba(25, 216, 149, 0.2); }\n\n.bg-inverse-info {\n background: rgba(136, 98, 224, 0.2); }\n\n.bg-inverse-warning {\n background: rgba(255, 175, 0, 0.2); }\n\n.bg-inverse-danger {\n background: rgba(255, 98, 88, 0.2); }\n\n.bg-inverse-light {\n background: rgba(251, 251, 251, 0.2); }\n\n.bg-inverse-dark {\n background: rgba(37, 44, 70, 0.2); }\n\n.list {\n padding-left: 0; }\n .list.list-noborders .list-item {\n border: none; }\n .list .list-item {\n display: flex;\n align-items: center;\n padding: 0 0 30px 0; }\n .list .list-item:first-child {\n padding-top: 0; }\n .list .list-item:last-child {\n padding-bottom: 0; }\n\n.text-transparent {\n opacity: 0.6; }\n\n.text-avatar {\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500; }\n\n.user-avatar {\n position: relative;\n display: inline-block; }\n .user-avatar .edit-avatar-icon {\n position: absolute;\n bottom: 8%;\n right: -10px;\n height: 35px;\n width: 35px;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #dde4eb;\n color: #4d4c4c;\n border: 3px solid #fff; }\n .user-avatar .edit-avatar-icon i {\n font-size: 15px; }\n\n/* Demo Styles */\n.template-demo > .btn-group .btn, .template-demo > .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .template-demo > .btn-group .ajax-file-upload, .template-demo > .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .template-demo > .btn-group .swal2-styled, .template-demo > .btn-group .wizard > .actions a, .wizard > .actions .template-demo > .btn-group a {\n margin: 0 !important; }\n\n.template-demo .progress {\n margin-top: 1.5rem; }\n\n.template-demo > h2,\n.template-demo > h3,\n.template-demo > h4,\n.template-demo > h5,\n.template-demo > h6,\n.template-demo > h1 {\n border-top: 1px solid var(--outline);\n padding: 0.5rem 0 0; }\n\n.template-demo .ul-slider.noUi-horizontal {\n margin-top: 2rem; }\n\n.template-demo .ul-slider.noUi-vertical {\n margin-right: 2rem; }\n\n.template-demo .dropdown {\n display: inline-block;\n margin-bottom: 0.5rem; }\n\n.template-demo nav .breadcrumb {\n margin-bottom: 1.375rem; }\n\n.template-demo nav:last-child .breadcrumb {\n margin-bottom: 0; }\n\n.template-demo .editable-form > .form-group {\n border-bottom: 1px solid var(--outline);\n padding-bottom: 0.8rem;\n margin-bottom: 0.8rem; }\n\n.template-demo .circle-progress {\n padding: 15px; }\n\n.demo-modal {\n position: static;\n display: block; }\n .demo-modal .modal-dialog {\n margin-top: 0 !important; }\n .demo-modal .modal-dialog.modal-lg {\n max-width: 100%; }\n\n.documentation {\n padding-top: 0;\n max-width: 100%; }\n .documentation .content-wrapper {\n padding-top: 0;\n min-height: calc(100vh - 63px); }\n\n.doc-table-contents,\n.doc-header {\n position: fixed; }\n\n.doc-header {\n padding-top: 24px;\n padding-bottom: 24px;\n z-index: 2;\n background: var(--deep-bg); }\n\n.doc-content {\n padding-top: 157px; }\n\n.doc-table-contents {\n overflow: auto;\n max-height: calc(100% - 157px); }\n .doc-table-contents ul li {\n margin-top: 10px; }\n .doc-table-contents ul li:before {\n font-size: .5rem; }\n\n.doc-credits ul li {\n margin-bottom: 10px; }\n .doc-credits ul li a {\n margin-left: .25rem; }\n\n.demo_blank_card.card-1 {\n height: 100vh;\n min-height: 400px; }\n\n.demo_blank_card.card-2 {\n height: 320px; }\n\n.demo_blank_card.card-3 {\n height: 500px; }\n\n.loader-demo-box {\n width: 100%;\n height: 200px; }\n\n/* Dashboard */\n.card-statistics .highlight-icon {\n height: 53px;\n width: 53px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px; }\n .card-statistics .highlight-icon i {\n font-size: 27px; }\n\n.card-statistics .card-col {\n border-right: 1px solid var(--outline); }\n .card-statistics .card-col:last-child {\n border-right: none; }\n @media (max-width: 767.98px) {\n .card-statistics .card-col {\n padding-left: 0;\n padding-right: 0;\n position: relative;\n border: none; }\n .card-statistics .card-col:first-child:after, .card-statistics .card-col:first-child:before, .card-statistics .card-col:nth-child(2):after, .card-statistics .card-col:nth-child(2):before, .card-statistics .card-col:nth-child(3):after, .card-statistics .card-col:nth-child(3):before {\n content: \"\";\n position: absolute;\n background: var(--outline); }\n .card-statistics .card-col:first-child:before {\n bottom: 0;\n width: 94.2%;\n height: 1px;\n right: 0; }\n .card-statistics .card-col:first-child:after {\n bottom: 0;\n width: 1px;\n height: 100%;\n right: 0; }\n .card-statistics .card-col:nth-child(2):before {\n bottom: 0;\n width: 94.2%;\n height: 1px;\n left: 0; }\n .card-statistics .card-col:nth-child(3):before {\n width: 1px;\n height: 100%;\n right: 0; } }\n\n.card-revenue-table .revenue-item {\n border-bottom: 1px solid var(--outline); }\n .card-revenue-table .revenue-item:last-child {\n border-bottom: 0; }\n .card-revenue-table .revenue-item .revenue-desc {\n margin-right: auto;\n width: 80%; }\n .card-revenue-table .revenue-item .revenue-desc p {\n margin-bottom: 0; }\n .card-revenue-table .revenue-item .revenue-amount {\n margin-left: auto;\n width: 40%; }\n .card-revenue-table .revenue-item .revenue-amount p {\n font-size: 1.25rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n text-align: right; }\n .rtl .card-revenue-table .revenue-item .revenue-amount p {\n text-align: left; }\n\n.card-revenue {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\n background-size: cover;\n var(--base-text)fff; }\n .card-revenue .highlight-text {\n font-size: 1.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500; }\n .card-revenue .badge {\n background-color: rgba(255, 255, 255, 0.2);\n font-size: 1.125rem;\n padding: 0.5rem 1.25rem; }\n\n.card-weather {\n background: var(--dropdown-bg); }\n .card-weather .card-body {\n background: #ffffff; }\n .card-weather .card-body:first-child {\n background: url(\"../../images/samples/weather.svg\") no-repeat center;\n background-size: cover; }\n .card-weather .weather-date-location {\n padding: 0 0 38px; }\n .card-weather .weather-data {\n padding: 0 0 4.75rem; }\n .card-weather .weather-data i {\n font-size: 5.313rem;\n line-height: 1; }\n .card-weather .weakly-weather {\n background: var(--dropdown-bg);\n overflow-x: auto; }\n .card-weather .weakly-weather .weakly-weather-item {\n flex: 0 0 14.28%;\n border-right: 1px solid var(--outline);\n padding: 1rem;\n text-align: center; }\n .card-weather .weakly-weather .weakly-weather-item i {\n font-size: 1.2rem; }\n .card-weather .weakly-weather .weakly-weather-item:last-child {\n border-right: 0; }\n .card-weather .weakly-weather .weakly-weather-item .symbol {\n var(--base-text)\n font-size: 1.875rem;\n font-weight: 300; }\n\n.product-chart-wrapper {\n height: 92%; }\n\n#dashboardTrendingProgress {\n width: 60px; }\n\n.dashboard-bar-chart-legend .col {\n text-align: center;\n display: flex;\n align-items: center;\n flex-direction: column; }\n .dashboard-bar-chart-legend .col .bg {\n margin-left: auto;\n margin-right: auto;\n height: 5px;\n width: 30px;\n display: block;\n margin-top: 5px; }\n .dashboard-bar-chart-legend .col:nth-child(1) .bg {\n background: #8862e0; }\n .dashboard-bar-chart-legend .col:nth-child(2) .bg {\n background: #2196f3; }\n .dashboard-bar-chart-legend .col:nth-child(3) .bg {\n background: #ff6258; }\n\n.intro-banner {\n background: #dbe4ec;\n display: flex;\n align-items: center;\n padding: 20px;\n border-radius: 2px; }\n .intro-banner .banner-image {\n width: 24%;\n max-width: 100%; }\n .intro-banner .banner-image img {\n display: block;\n margin: auto; }\n .intro-banner .content-area {\n width: 58%;\n color: #000;\n display: flex;\n flex-direction: column;\n align-items: end; }\n\n.sales-mini-tabs {\n border-bottom: none; }\n .sales-mini-tabs .nav-item .nav-link {\n border: none;\n font-weight: 500;\n padding: 5px 15px;\n border-radius: 2px;\n transition-duration: 0.7s;\n transition-property: \"color\"; }\n .sales-mini-tabs .nav-item .nav-link.active {\n font-weight: 600;\n background: var(--card-banner-bg);\n color: #2196f3; }\n\n/*-------------------------------------------------------------------*/\n/* === Components === */\n.nav .nav-item,\n.navbar-nav .nav-item {\n line-height: 1; }\n @media (max-width: 992px) {\n .nav .nav-item.dropdown,\n .navbar-nav .nav-item.dropdown {\n position: unset; } }\n .nav .nav-item.dropdown .dropdown-toggle:after,\n .navbar-nav .nav-item.dropdown .dropdown-toggle:after {\n border: none;\n content: \"\\F140\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n color: grey;\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0; }\n .nav .nav-item.dropdown .count-indicator,\n .navbar-nav .nav-item.dropdown .count-indicator {\n position: relative;\n text-align: center; }\n .nav .nav-item.dropdown .count-indicator i,\n .navbar-nav .nav-item.dropdown .count-indicator i {\n font-size: 21px;\n margin-right: 0;\n vertical-align: middle; }\n .nav .nav-item.dropdown .count-indicator .count,\n .navbar-nav .nav-item.dropdown .count-indicator .count {\n position: absolute;\n left: 50%;\n width: 1rem;\n height: 1rem;\n border-radius: 100%;\n background: #FF0017;\n var(--base-text)fff;\n font-size: 11px;\n top: -1px;\n font-weight: 600;\n line-height: 1rem;\n border: none;\n text-align: center; }\n .nav .nav-item.dropdown .count-indicator:after,\n .navbar-nav .nav-item.dropdown .count-indicator:after {\n display: none; }\n .nav .nav-item.dropdown i,\n .navbar-nav .nav-item.dropdown i {\n margin-right: 0.5rem;\n vertical-align: middle; }\n .rtl .nav .nav-item.dropdown i, .rtl\n .navbar-nav .nav-item.dropdown i {\n margin-left: 0.5rem;\n margin-right: 0; }\n .nav .nav-item.dropdown .navbar-dropdown,\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n font-size: 0.9rem;\n margin-top: 15px;\n position: absolute;\n right: 0;\n left: auto;\n border: 1px solid rgba(182, 182, 182, 0.1);\n padding: 0 0 20px;\n min-width: 100%;\n border-radius: 2px;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);\n overflow-x: hidden; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n right: auto;\n left: 0; }\n @media (max-width: 991px) {\n .nav .nav-item.dropdown .navbar-dropdown,\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n right: -85px; } }\n .nav .nav-item.dropdown .navbar-dropdown.dropdown-left,\n .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left {\n left: 0;\n right: auto; }\n .nav .nav-item.dropdown .navbar-dropdown .badge,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0.5rem; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0;\n margin-right: 1.25rem; }\n @media (max-width: 991px) {\n .nav .nav-item.dropdown .navbar-dropdown .badge,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-right: 0.5rem; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0.5rem;\n margin-right: 0; } }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n padding: 5px 25px; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item i,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {\n font-size: 24px; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, .tickets-card .ticket-float .nav .nav-item.dropdown .navbar-dropdown .dropdown-item span,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name,\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span,\n .tickets-card .ticket-float .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item span {\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text {\n font-size: 0.75rem; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-divider,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {\n margin: 0; }\n\n/* Navbar */\n.navbar.default-layout {\n font-family: \"roboto\", sans-serif;\n background: var(--dropdown-bg);\n transition: background 0.25s ease;\n -webkit-transition: background 0.25s ease;\n -moz-transition: background 0.25s ease;\n -ms-transition: background 0.25s ease; }\n .navbar.default-layout .navbar-brand-wrapper {\n transition: width 0.25s ease, background 0.25s ease;\n -webkit-transition: width 0.25s ease, background 0.25s ease;\n -moz-transition: width 0.25s ease, background 0.25s ease;\n -ms-transition: width 0.25s ease, background 0.25s ease;\n background: var(--dropdown-bg);\n width: 270px;\n height: 63px; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand {\n var(--base-text)fff;\n font-size: 1.5rem;\n line-height: 48px;\n margin-right: 0;\n padding: 0.25rem 0;\n display: flex; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand:active, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover {\n color: #424546; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand img {\n width: 170px;\n max-width: 100%;\n margin: auto;\n vertical-align: middle; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {\n display: none; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img {\n width: 40px;\n max-width: 100%;\n margin: auto; }\n .navbar.default-layout .navbar-menu-wrapper {\n transition: width 0.25s ease;\n -webkit-transition: width 0.25s ease;\n -moz-transition: width 0.25s ease;\n -ms-transition: width 0.25s ease;\n var(--base-text);\n padding-left: 15px;\n padding-right: 15px;\n width: calc(100% - 270px);\n height: 63px;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); }\n @media (max-width: 991px) {\n .navbar.default-layout .navbar-menu-wrapper {\n width: calc(100% - 70px); } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-toggler {\n border: 0;\n color: inherit; }\n @media (max-width: 991px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {\n display: none; } }\n .navbar.default-layout .navbar-menu-wrapper .search-form {\n width: 35%;\n margin-right: 30px; }\n .navbar.default-layout .navbar-menu-wrapper .search-form .form-group {\n margin-bottom: 0; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav {\n flex-direction: row;\n align-items: center; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item {\n margin-left: 1rem; }\n @media (max-width: 992px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item {\n margin-left: 10px;\n margin-right: 0px; } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {\n color: inherit;\n font-size: 15px;\n vertical-align: middle; }\n @media (max-width: 767px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {\n margin-left: 0.5rem;\n margin-right: 0.5rem; } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {\n font-size: 1.25rem;\n vertical-align: middle;\n margin-right: 0; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown {\n margin-left: 35px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown:before {\n position: relative;\n top: 2px;\n font-size: 20px;\n color: grey; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu {\n min-width: 250px;\n margin-top: 9px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-header {\n padding: 20px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-item {\n padding: 10px 15px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-toggle:after {\n position: relative;\n top: 50%; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu {\n width: 170px;\n left: -15px !important; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item {\n padding-left: 22px;\n padding-right: 12px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item .flag-icon-holder {\n margin-right: 15px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder {\n height: 25px;\n width: 25px;\n border-radius: 100%;\n overflow: hidden; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder i {\n font-size: 25px; }\n @media (min-width: 992px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {\n margin-left: auto; }\n .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {\n margin-left: 0;\n margin-right: auto; } }\n\n@media (max-width: 991px) {\n .navbar.default-layout {\n flex-direction: row; }\n .navbar.default-layout .navbar-brand-wrapper {\n width: 70px; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo {\n display: none; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {\n display: inline-block; }\n .navbar-collapse {\n display: flex;\n margin-top: 0.5rem; } }\n\n/* Sidebar */\n.sidebar {\n min-height: calc(100vh - 63px);\n background: linear-gradient(to top, var(--dropdown-bg), var(--dropdown-bg));\n font-family: \"roboto\", sans-serif;\n padding: 0;\n width: 270px;\n z-index: 11;\n transition: width 0.25s ease, background 0.25s ease;\n -webkit-transition: width 0.25s ease, background 0.25s ease;\n -moz-transition: width 0.25s ease, background 0.25s ease;\n -ms-transition: width 0.25s ease, background 0.25s ease; }\n .sidebar > .nav {\n overflow: hidden;\n flex-wrap: nowrap;\n flex-direction: column; }\n .sidebar > .nav .nav-item .collapse {\n z-index: 999; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu {\n margin: 5px 0; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu {\n padding: 0 3.45rem 0 0; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {\n padding: 10px 0px 10px 70px;\n position: relative;\n color: rgba(255, 255, 255, 0.8);\n font-size: calc(15px - 2px);\n font-weight: 500;\n transition-duration: 0.5s;\n transition-timing-function: \"ease-in-out\";\n transition-property: \"background\", \"color\", \"box-shadow\", \"padding\"; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {\n content: \"\";\n position: absolute;\n top: 0px;\n left: 35px;\n display: block;\n height: 100%;\n width: 2px;\n background: #181a27; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {\n right: -5px;\n left: unset; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover {\n var(--base-text); }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover:before,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover:before {\n background: #fff; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {\n padding: 10px 15px 10px 0px; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:first-child .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:first-child .nav-link {\n padding-top: 0; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:last-child .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:last-child .nav-link {\n padding-bottom: 0; }\n .sidebar > .nav .nav-item .nav-link {\n align-items: center;\n display: flex;\n padding: 15px 30px 15px 70px;\n white-space: nowrap;\n var(--base-text); }\n .rtl .sidebar > .nav .nav-item .nav-link {\n padding: 15px 70px 15px 30px; }\n .sidebar > .nav .nav-item .nav-link i.menu-arrow {\n margin-left: auto;\n margin-right: 0;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-in; }\n .sidebar > .nav .nav-item .nav-link i.menu-arrow:before {\n content: \"\\F054\";\n font-family: \"Material Design Icons\";\n font-size: 18px;\n line-height: 1;\n font-style: normal;\n vertical-align: middle;\n var(--base-text) }\n .sidebar > .nav .nav-item .nav-link[aria-expanded=\"true\"] i.menu-arrow {\n transform: rotate(90deg); }\n .sidebar > .nav .nav-item .nav-link .menu-icon {\n display: none;\n margin-right: 1.25rem;\n width: 16px;\n line-height: 1;\n font-size: 18px;\n var(--base-text); }\n .rtl .sidebar > .nav .nav-item .nav-link .menu-icon {\n margin-right: 0;\n margin-left: 1.25rem; }\n .sidebar > .nav .nav-item .nav-link .menu-title {\n color: inherit;\n display: inline-block;\n font-size: 15px;\n line-height: 1;\n vertical-align: middle;\n font-weight: 500; }\n .sidebar > .nav .nav-item .nav-link .badge {\n margin-left: auto; }\n .sidebar > .nav .nav-item .nav-link:hover {\n color: #f2f2f2; }\n .sidebar > .nav .nav-item.active > .nav-link {\n var(--base-text); }\n .sidebar > .nav .nav-item.active > .nav-link .menu-title,\n .sidebar > .nav .nav-item.active > .nav-link i {\n color: inherit; }\n .sidebar > .nav .nav-item.nav-profile {\n max-width: 270px;\n margin-right: auto;\n margin-left: auto;\n margin-top: 30px;\n margin-bottom: 30px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link {\n display: flex;\n border-radius: 3px;\n border: 1px solid rgba(255, 255, 255, 0.11);\n background-color: rgba(255, 255, 255, 0.1);\n var(--base-text);\n padding: 15px 25px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 15px;\n position: relative; }\n .rtl .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 0;\n margin-left: 15px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .dot-indicator {\n position: absolute;\n bottom: 0px;\n right: 0px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .profile-name {\n margin-bottom: 5px;\n font-weight: 500;\n font-size: 15px;\n var(--base-text); }\n .sidebar > .nav .nav-item.nav-profile .nav-link .designation {\n margin-bottom: 0;\n font-weight: 400;\n var(--base-text); }\n .sidebar > .nav .nav-item.nav-category {\n color: rgba(255, 255, 255, 0.7);\n border-bottom: 1px solid rgba(255, 255, 255, 0.13);\n margin: 0 30px;\n font-size: 15px;\n font-weight: 500;\n padding: 10px 0px 15px 0px; }\n .sidebar > .nav > .nav-item > .nav-link {\n height: 52px; }\n .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link {\n position: relative; }\n .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before {\n content: \"\";\n position: absolute;\n left: 30px;\n right: 50%;\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 2px solid #fff;\n display: block; }\n .rtl .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before {\n left: auto;\n right: 45px; }\n .sidebar > .nav:not(.sub-menu) > .nav-item > .nav-link {\n background: transparent;\n transition-duration: 0.3s;\n transition-timing-function: \"ease-in-out\";\n transition-property: \"background\", \"color\", \"box-shadow\", \"padding\"; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n background: #fff;\n padding-left: 65px; }\n .rtl .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 30px;\n padding-right: 80px; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]):before {\n border-color: #0b0b0b; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) .menu-title {\n color: #0b0b0b; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) .menu-arrow:before {\n var(--base-text) }\n\n/* style for off-canvas menu*/\n@media screen and (max-width: 991px) {\n .sidebar-offcanvas {\n position: fixed;\n max-height: calc(100vh - 63px);\n top: 63px;\n bottom: 0;\n overflow: auto;\n right: -270px;\n transition: all 0.25s ease-out; }\n .sidebar-offcanvas.active {\n right: 0; } }\n\n/* Footer */\n.footer {\n background: var(--dropdown-bg);\n var(--base-text);\n padding: 20px 1rem;\n transition: all 0.25s ease;\n -moz-transition: all 0.25s ease;\n -webkit-transition: all 0.25s ease;\n -ms-transition: all 0.25s ease;\n border-top: 1px solid var(--outline);\n font-size: calc(0.875rem - 0.05rem);\n font-family: \"roboto\", sans-serif; }\n .footer a {\n font-size: inherit; }\n @media (max-width: 991px) {\n .footer {\n margin-left: 0;\n width: 100%; } }\n\n.navbar.fixed-top + .page-body-wrapper {\n padding-top: 63px; }\n\n@media (min-width: 992px) {\n .sidebar-mini .navbar .navbar-brand-wrapper {\n width: 185px; }\n .sidebar-mini .navbar .navbar-menu-wrapper {\n width: calc(100% - 185px); }\n .sidebar-mini .sidebar {\n width: 185px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link {\n display: flex;\n align-content: center;\n justify-content: center;\n flex-direction: column;\n position: relative; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link:before {\n display: none; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {\n display: inline-block; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .badge {\n margin-left: 5px;\n display: none; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link img {\n display: block;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 10px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-arrow {\n position: absolute;\n right: 7px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-icon {\n margin-right: 0; }\n .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 0px; }\n .rtl .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 0px;\n padding-right: 0px; }\n .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]):hover {\n padding-left: 0px;\n padding-right: 0px; }\n .sidebar-mini .main-panel {\n width: calc(100% - 185px); }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item {\n border-top: 1px solid rgba(159, 158, 163, 0.2); }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 0; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .dot-indicator {\n bottom: 10px; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .text-wrapper {\n text-align: center; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-category {\n display: none; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link {\n height: auto;\n padding: 0.8125rem 1rem 0.8125rem 1rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link i.menu-icon {\n margin-bottom: 0.5rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu {\n padding: 0 0.5rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link {\n padding: 10px 0;\n text-align: center; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link:before,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link:before,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link:before {\n display: none; } }\n\n@media (min-width: 992px) {\n .sidebar-icon-only .navbar .navbar-brand-wrapper {\n width: 70px; }\n .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {\n display: none; }\n .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {\n display: flex; }\n .sidebar-icon-only .navbar .navbar-menu-wrapper {\n width: calc(100% - 70px); }\n .sidebar-icon-only .sidebar {\n width: 70px; }\n .sidebar-icon-only .sidebar .nav {\n overflow: visible; }\n .sidebar-icon-only .sidebar .nav .nav-item {\n position: relative; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link {\n display: block;\n text-align: center;\n padding-left: 25px;\n padding-right: 25px; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, .sidebar-icon-only .sidebar .nav .nav-item .nav-link:before {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {\n display: inline-block;\n margin-right: 0;\n font-size: 22px; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.nav-profile, .sidebar-icon-only .sidebar .nav .nav-item.nav-category {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item .collapse {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link {\n background: #2e3657; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {\n display: flex;\n align-items: center;\n background: #2e3657;\n color: #9F9EA3;\n padding: 12px 0 10px 25px;\n left: 70px;\n position: absolute;\n text-align: left;\n top: 0;\n width: 200px;\n z-index: 1;\n height: 52px;\n line-height: 1.8;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {\n padding: 12px 25px 10px 0px;\n left: auto;\n right: 70px;\n text-align: right;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title {\n border-bottom-right-radius: 0; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title {\n border-bottom-left-radius: 0; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n display: block;\n padding: 0;\n background: #fff;\n var(--base-text);\n position: absolute;\n top: 52px;\n left: 70px;\n width: 200px;\n border-bottom-right-radius: 5px;\n box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 5px; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n left: auto;\n right: 70px; }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {\n text-align: left;\n var(--base-text); }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {\n display: none; }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover {\n color: #cccccc; }\n .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {\n text-align: right; }\n .sidebar-icon-only .main-panel {\n width: calc(100% - 70px); } }\n\n@media (min-width: 992px) {\n .sidebar-hidden .sidebar {\n transition: width 0.25s ease;\n -webkit-transition: width 0.25s ease;\n -moz-transition: width 0.25s ease;\n -ms-transition: width 0.25s ease;\n width: 0; }\n .sidebar-hidden .main-panel {\n width: 100%; } }\n\n@media (min-width: 992px) {\n .sidebar-absolute .page-body-wrapper {\n position: relative; }\n .sidebar-absolute .page-body-wrapper .sidebar {\n transition: none; }\n .sidebar-absolute:not(.sidebar-hidden) .sidebar {\n position: absolute;\n height: 100%;\n box-shadow: 0 0 3px 1px #a7a3a3; }\n .sidebar-absolute .main-panel {\n width: 100%;\n transition: none; } }\n\n@media (min-width: 992px) {\n .sidebar-fixed .sidebar {\n position: fixed;\n max-height: auto; }\n .sidebar-fixed .sidebar .nav {\n max-height: calc(100vh - 63px);\n overflow: auto;\n position: relative; }\n .sidebar-fixed .sidebar .nav.sub-menu {\n max-height: none; }\n .sidebar-fixed .main-panel {\n margin-left: 270px; }\n .sidebar-fixed.sidebar-icon-only .main-panel {\n margin-left: 70px; } }\n\n@media (min-width: 992px) {\n .boxed-layout {\n background: #222439; }\n .boxed-layout .container-scroller {\n width: 100%;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto; }\n .boxed-layout .navbar {\n width: 100%;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto; } }\n\n.rtl {\n direction: rtl;\n text-align: right; }\n .rtl .sidebar .nav {\n padding-right: 0; }\n .rtl .sidebar .nav .nav-item .nav-link i.menu-icon {\n margin-right: 0;\n margin-left: 0.5em; }\n .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {\n margin-left: 0;\n margin-right: auto; }\n .rtl .sidebar .nav .nav-item .nav-link .badge {\n margin-left: 0;\n margin-right: auto; }\n .rtl .product-chart-wrapper::-webkit-scrollbar,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar,\n .rtl .table-responsive::-webkit-scrollbar,\n .rtl ul.chats::-webkit-scrollbar {\n width: 0.5em; }\n .rtl .product-chart-wrapper::-webkit-scrollbar-track,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar-track,\n .rtl .table-responsive::-webkit-scrollbar-track,\n .rtl ul.chats::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }\n .rtl .product-chart-wrapper::-webkit-scrollbar-thumb,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,\n .rtl .table-responsive::-webkit-scrollbar-thumb,\n .rtl ul.chats::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n outline: 1px solid slategrey; }\n\n.card {\n box-shadow: 0 0 0 0 #181a27;\n border: solid 1px var(--dropdown-bg);\n border-radius: 0px; }\n .card .card-title {\n var(--base-text); }\n .card .card-header {\n background: var(--dropdown-bg); }\n\n.page-body-wrapper {\n min-height: calc(100vh - 63px);\n display: flex;\n flex-direction: row;\n padding-left: 0;\n padding-right: 0; }\n .page-body-wrapper.full-page-wrapper {\n width: 100%;\n min-height: 100vh; }\n\n.main-panel {\n transition: width 0.25s ease, margin 0.25s ease;\n width: calc(100% - 270px);\n min-height: calc(100vh - 63px);\n display: flex;\n flex-direction: column; }\n @media (max-width: 991px) {\n .main-panel {\n margin-left: 0;\n width: 100%; } }\n\n.content-wrapper {\n background: var(--deep-bg);\n padding: 1.5rem 1.7rem;\n width: 100%;\n flex-grow: 1; }\n\n.container-scroller {\n overflow: hidden; }\n\n.page-header {\n display: flex;\n width: 100%;\n padding-bottom: 15px;\n border-bottom: 1px solid var(--outline);\n margin-bottom: 15px; }\n @media (max-width: 992px) {\n .page-header {\n display: inline-block; } }\n\n.page-title {\n margin-top: 0;\n margin-bottom: 2px; }\n @media (max-width: 992px) {\n .page-title {\n margin-botttom: 15px; } }\n\n.quick-links {\n list-style: none;\n margin-bottom: 0;\n display: inline-flex;\n align-items: center;\n margin-top: 4px;\n padding-left: 0; }\n @media (min-width: 992px) {\n .quick-links {\n padding-left: 10px; } }\n .quick-links li {\n margin-right: 10px;\n border-right: 1px solid #fff;\n line-height: 1; }\n .quick-links li a {\n display: inline-block;\n var(--base-text);\n text-decoration: none;\n padding-right: 10px; }\n .quick-links li:last-child {\n margin-right: 0;\n border-right: none; }\n .quick-links li:last-child a {\n padding-right: 0; }\n\n.page-title-header {\n margin-bottom: 20px; }\n\n.page-header-toolbar {\n display: flex;\n align-items: center;\n width: 100%; }\n @media (max-width: 992px) {\n .page-header-toolbar {\n display: inline-block; }\n .page-header-toolbar .toolbar-item {\n margin-top: 20px; } }\n .page-header-toolbar .btn-group,\n .page-header-toolbar .btn,\n .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled,\n .page-header-toolbar .wizard > .actions a,\n .wizard > .actions .page-header-toolbar a {\n border: none; }\n .page-header-toolbar .btn-group i,\n .page-header-toolbar .btn i,\n .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload i,\n .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload i,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled i,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled i,\n .page-header-toolbar .wizard > .actions a i,\n .wizard > .actions .page-header-toolbar a i {\n font-size: 1.24rem;\n color: #2196f3; }\n .page-header-toolbar .btn-group.dropdown-toggle:after,\n .page-header-toolbar .btn.dropdown-toggle:after,\n .page-header-toolbar .ajax-upload-dragdrop .dropdown-toggle.ajax-file-upload:after,\n .ajax-upload-dragdrop .page-header-toolbar .dropdown-toggle.ajax-file-upload:after,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .dropdown-toggle.swal2-styled:after,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .dropdown-toggle.swal2-styled:after,\n .page-header-toolbar .wizard > .actions a.dropdown-toggle:after,\n .wizard > .actions .page-header-toolbar a.dropdown-toggle:after {\n color: #2196f3; }\n\n.filter-wrapper {\n display: flex;\n margin-left: 15px; }\n @media (max-width: 992px) {\n .filter-wrapper {\n margin-left: 0; } }\n\n.sort-wrapper {\n display: flex;\n width: 46%; }\n @media (max-width: 992px) {\n .sort-wrapper {\n width: 100%; } }\n\n.advanced-link {\n display: flex;\n align-items: center;\n margin-left: 30px;\n margin-right: 20px;\n white-space: nowrap; }\n\n#sales-statistics-legend .chartjs-legend {\n margin-top: 20px;\n margin-right: 20px; }\n #sales-statistics-legend .chartjs-legend ul li {\n var(--base-text); }\n #sales-statistics-legend .chartjs-legend ul li span {\n width: 20px;\n height: 3px;\n border-radius: 0px; }\n\n#net-profit-legend .chartjs-legend li {\n font-weight: 500;\n var(--base-text); }\n\n.average-price-card .card {\n background: #030aac; }\n\n.average-price-card h3 {\n margin-bottom: 0; }\n\n.average-price-card .icon-holder {\n border-radius: 5px;\n border: 1px solid #4e55c5;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #2944b5;\n var(--base-text);\n font-size: 20px; }\n .average-price-card .icon-holder i {\n line-height: 1; }\n\n#dashboard-vmap {\n height: 161px;\n width: 100%; }\n #dashboard-vmap .jvectormap-zoomin,\n #dashboard-vmap .jvectormap-zoomout {\n display: none; }\n\n/* Accordions */\n.accordion .card {\n margin-bottom: 15px;\n border: 1px solid var(--outline);\n border-radius: 4px; }\n .accordion .card .card-header {\n background-color: transparent;\n border: none;\n padding: 0;\n font-size: 14px; }\n .accordion .card .card-header a {\n display: block;\n padding: 0.75rem 1.70rem 0.75rem 1.25rem;\n background: var(--card-banner-bg);\n var(--base-text);\n text-decoration: none;\n font-size: 0.875rem;\n position: relative;\n font-weight: 600;\n transition-property: border-color, background;\n transition-duration: 0.5s;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .accordion .card .card-header a:before {\n font-family: \"Material Design Icons\";\n position: absolute;\n right: 8px;\n top: 16px;\n font-size: 16px;\n display: block;\n font-weight: 500;\n var(--base-text); }\n .accordion .card .card-header a .card-icon {\n margin-right: 15px;\n font-size: 20px; }\n .accordion .card .card-body {\n font-size: 0.88rem;\n padding: 12px 20px 26px; }\n .accordion .card .card-body i {\n font-size: 1.25rem; }\n\n.accordion.basic-accordion .card .card-header a[aria-expanded=\"true\"] {\n background: var(--ram-bg) }\n .accordion.basic-accordion .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F374\"; }\n\n.accordion.basic-accordion .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F415\"; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+1) {\n border-color: #8862e0; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a .card-icon {\n color: #8862e0; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a:before {\n color: #8862e0; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid #8862e0; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid #ffffff; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+2) {\n border-color: #19d895; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a .card-icon {\n color: #19d895; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a:before {\n color: #19d895; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid #19d895; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid #ffffff; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+3) {\n border-color: #2196f3; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a .card-icon {\n color: #2196f3; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a:before {\n color: #2196f3; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid #2196f3; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid #ffffff; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+4) {\n border-color: #ffaf00; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a .card-icon {\n color: #ffaf00; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a:before {\n color: #ffaf00; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid #ffaf00; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid #ffffff; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+5) {\n border-color: #ff6258; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a .card-icon {\n color: #ff6258; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a:before {\n color: #ff6258; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid #ff6258; }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid #ffffff; }\n\n.accordion.accordion-multiple-outline .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n\n.accordion.accordion-multiple-outline .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-multiple-filled .card {\n overflow: hidden; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a {\n background: #8862e0; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded=\"true\"] {\n background: #8862e0; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded=\"false\"] {\n background: #8862e0; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a {\n background: #19d895; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded=\"true\"] {\n background: #19d895; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded=\"false\"] {\n background: #19d895; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a {\n background: #2196f3; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded=\"true\"] {\n background: #2196f3; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded=\"false\"] {\n background: #2196f3; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a {\n background: #ffaf00; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded=\"true\"] {\n background: #ffaf00; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded=\"false\"] {\n background: #ffaf00; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a {\n background: #ff6258; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded=\"true\"] {\n background: #ff6258; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded=\"false\"] {\n background: #ff6258; }\n .accordion.accordion-multiple-filled .card .card-header a {\n padding-left: 2.5rem;\n padding-right: 1rem;\n var(--base-text)fff;\n font-weight: 300; }\n .accordion.accordion-multiple-filled .card .card-header a:before {\n left: 10px;\n right: unset;\n top: 12px;\n var(--base-text)fff; }\n .accordion.accordion-multiple-filled .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n .accordion.accordion-multiple-filled .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-solid-bg .card {\n background: #fbfbfb; }\n .accordion.accordion-solid-bg .card .card-header a {\n color: #8862e0;\n font-weight: 400; }\n .accordion.accordion-solid-bg .card .card-header a:before {\n top: 12px;\n color: #8862e0; }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"true\"] {\n background: #fbfbfb; }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"false\"] {\n background: #ffffff; }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-body-filled .card {\n border-top: none;\n border-right: none;\n border-left: none;\n margin-bottom: 0; }\n .accordion.accordion-body-filled .card .card-header a {\n padding: 23px 10px 23px 2.5rem;\n font-weight: 300; }\n .accordion.accordion-body-filled .card .card-header a:before {\n right: unset;\n left: 8px;\n top: 22px;\n font-size: 24px;\n transition-duration: 0.3s;\n transition-property: color; }\n .accordion.accordion-body-filled .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F376\";\n color: #2196f3; }\n .accordion.accordion-body-filled .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F417\";\n color: #dde4eb; }\n .accordion.accordion-body-filled .card .card-body {\n background: #2196f3;\n var(--base-text)fff;\n border-radius: 4px; }\n\n.accordion.accordion-minimal .card {\n border-top: none;\n border-right: none;\n border-left: none;\n margin-bottom: 0; }\n .accordion.accordion-minimal .card .card-header a {\n padding: 23px 20px;\n transition-duration: 0.4s;\n transition-property: font-weight; }\n .accordion.accordion-minimal .card .card-header a[aria-expanded=\"true\"] {\n font-weight: 600; }\n .accordion.accordion-minimal .card .card-header a[aria-expanded=\"false\"] {\n font-weight: 300; }\n .accordion.accordion-minimal .card .card-body {\n padding: 30px 0; }\n\n/* inverse buttons */\n.accordion-inverse-primary {\n background: rgba(33, 150, 243, 0.16);\n color: #2196f3;\n border: none; }\n .accordion-inverse-primary .card-header {\n color: #2196f3;\n border: none; }\n .accordion-inverse-primary .card-header a,\n .accordion-inverse-primary .card-header h1,\n .accordion-inverse-primary .card-header h2,\n .accordion-inverse-primary .card-header h3,\n .accordion-inverse-primary .card-header h4,\n .accordion-inverse-primary .card-header h5,\n .accordion-inverse-primary .card-header h6,\n .accordion-inverse-primary .card-header p,\n .accordion-inverse-primary .card-header span {\n color: #2196f3 !important; }\n .accordion-inverse-primary .card-header a {\n border-color: #2196f3; }\n .accordion-inverse-primary .card-header a:before {\n color: #2196f3 !important; }\n .accordion-inverse-primary .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(33, 150, 243, 0.16); }\n .accordion-inverse-primary .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-secondary {\n background: rgba(221, 228, 235, 0.16);\n color: #dde4eb;\n border: none; }\n .accordion-inverse-secondary .card-header {\n color: #dde4eb;\n border: none; }\n .accordion-inverse-secondary .card-header a,\n .accordion-inverse-secondary .card-header h1,\n .accordion-inverse-secondary .card-header h2,\n .accordion-inverse-secondary .card-header h3,\n .accordion-inverse-secondary .card-header h4,\n .accordion-inverse-secondary .card-header h5,\n .accordion-inverse-secondary .card-header h6,\n .accordion-inverse-secondary .card-header p,\n .accordion-inverse-secondary .card-header span {\n color: #dde4eb !important; }\n .accordion-inverse-secondary .card-header a {\n border-color: #dde4eb; }\n .accordion-inverse-secondary .card-header a:before {\n color: #dde4eb !important; }\n .accordion-inverse-secondary .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(221, 228, 235, 0.16); }\n .accordion-inverse-secondary .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-success {\n background: rgba(25, 216, 149, 0.16);\n color: #19d895;\n border: none; }\n .accordion-inverse-success .card-header {\n color: #19d895;\n border: none; }\n .accordion-inverse-success .card-header a,\n .accordion-inverse-success .card-header h1,\n .accordion-inverse-success .card-header h2,\n .accordion-inverse-success .card-header h3,\n .accordion-inverse-success .card-header h4,\n .accordion-inverse-success .card-header h5,\n .accordion-inverse-success .card-header h6,\n .accordion-inverse-success .card-header p,\n .accordion-inverse-success .card-header span {\n color: #19d895 !important; }\n .accordion-inverse-success .card-header a {\n border-color: #19d895; }\n .accordion-inverse-success .card-header a:before {\n color: #19d895 !important; }\n .accordion-inverse-success .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(25, 216, 149, 0.16); }\n .accordion-inverse-success .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-info {\n background: rgba(136, 98, 224, 0.16);\n color: #8862e0;\n border: none; }\n .accordion-inverse-info .card-header {\n color: #8862e0;\n border: none; }\n .accordion-inverse-info .card-header a,\n .accordion-inverse-info .card-header h1,\n .accordion-inverse-info .card-header h2,\n .accordion-inverse-info .card-header h3,\n .accordion-inverse-info .card-header h4,\n .accordion-inverse-info .card-header h5,\n .accordion-inverse-info .card-header h6,\n .accordion-inverse-info .card-header p,\n .accordion-inverse-info .card-header span {\n color: #8862e0 !important; }\n .accordion-inverse-info .card-header a {\n border-color: #8862e0; }\n .accordion-inverse-info .card-header a:before {\n color: #8862e0 !important; }\n .accordion-inverse-info .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(136, 98, 224, 0.16); }\n .accordion-inverse-info .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-warning {\n background: rgba(255, 175, 0, 0.16);\n color: #ffaf00;\n border: none; }\n .accordion-inverse-warning .card-header {\n color: #ffaf00;\n border: none; }\n .accordion-inverse-warning .card-header a,\n .accordion-inverse-warning .card-header h1,\n .accordion-inverse-warning .card-header h2,\n .accordion-inverse-warning .card-header h3,\n .accordion-inverse-warning .card-header h4,\n .accordion-inverse-warning .card-header h5,\n .accordion-inverse-warning .card-header h6,\n .accordion-inverse-warning .card-header p,\n .accordion-inverse-warning .card-header span {\n color: #ffaf00 !important; }\n .accordion-inverse-warning .card-header a {\n border-color: #ffaf00; }\n .accordion-inverse-warning .card-header a:before {\n color: #ffaf00 !important; }\n .accordion-inverse-warning .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(255, 175, 0, 0.16); }\n .accordion-inverse-warning .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-danger {\n background: rgba(255, 98, 88, 0.16);\n color: #ff6258;\n border: none; }\n .accordion-inverse-danger .card-header {\n color: #ff6258;\n border: none; }\n .accordion-inverse-danger .card-header a,\n .accordion-inverse-danger .card-header h1,\n .accordion-inverse-danger .card-header h2,\n .accordion-inverse-danger .card-header h3,\n .accordion-inverse-danger .card-header h4,\n .accordion-inverse-danger .card-header h5,\n .accordion-inverse-danger .card-header h6,\n .accordion-inverse-danger .card-header p,\n .accordion-inverse-danger .card-header span {\n color: #ff6258 !important; }\n .accordion-inverse-danger .card-header a {\n border-color: #ff6258; }\n .accordion-inverse-danger .card-header a:before {\n color: #ff6258 !important; }\n .accordion-inverse-danger .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(255, 98, 88, 0.16); }\n .accordion-inverse-danger .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-light {\n background: rgba(251, 251, 251, 0.16);\n color: #fbfbfb;\n border: none; }\n .accordion-inverse-light .card-header {\n color: #fbfbfb;\n border: none; }\n .accordion-inverse-light .card-header a,\n .accordion-inverse-light .card-header h1,\n .accordion-inverse-light .card-header h2,\n .accordion-inverse-light .card-header h3,\n .accordion-inverse-light .card-header h4,\n .accordion-inverse-light .card-header h5,\n .accordion-inverse-light .card-header h6,\n .accordion-inverse-light .card-header p,\n .accordion-inverse-light .card-header span {\n color: #fbfbfb !important; }\n .accordion-inverse-light .card-header a {\n border-color: #fbfbfb; }\n .accordion-inverse-light .card-header a:before {\n color: #fbfbfb !important; }\n .accordion-inverse-light .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(251, 251, 251, 0.16); }\n .accordion-inverse-light .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-dark {\n background: rgba(37, 44, 70, 0.16);\n color: #252C46;\n border: none; }\n .accordion-inverse-dark .card-header {\n color: #252C46;\n border: none; }\n .accordion-inverse-dark .card-header a,\n .accordion-inverse-dark .card-header h1,\n .accordion-inverse-dark .card-header h2,\n .accordion-inverse-dark .card-header h3,\n .accordion-inverse-dark .card-header h4,\n .accordion-inverse-dark .card-header h5,\n .accordion-inverse-dark .card-header h6,\n .accordion-inverse-dark .card-header p,\n .accordion-inverse-dark .card-header span {\n color: #252C46 !important; }\n .accordion-inverse-dark .card-header a {\n border-color: #252C46; }\n .accordion-inverse-dark .card-header a:before {\n color: #252C46 !important; }\n .accordion-inverse-dark .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(37, 44, 70, 0.16); }\n .accordion-inverse-dark .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-outline-primary .card {\n border-color: #2196f3; }\n .accordion-outline-primary .card .card-header {\n border: none; }\n .accordion-outline-primary .card .card-header a {\n border-color: #2196f3; }\n .accordion-outline-primary .card .card-header a:before {\n color: #2196f3; }\n\n.accordion-outline-secondary .card {\n border-color: #dde4eb; }\n .accordion-outline-secondary .card .card-header {\n border: none; }\n .accordion-outline-secondary .card .card-header a {\n border-color: #dde4eb; }\n .accordion-outline-secondary .card .card-header a:before {\n color: #dde4eb; }\n\n.accordion-outline-success .card {\n border-color: #19d895; }\n .accordion-outline-success .card .card-header {\n border: none; }\n .accordion-outline-success .card .card-header a {\n border-color: #19d895; }\n .accordion-outline-success .card .card-header a:before {\n color: #19d895; }\n\n.accordion-outline-info .card {\n border-color: #8862e0; }\n .accordion-outline-info .card .card-header {\n border: none; }\n .accordion-outline-info .card .card-header a {\n border-color: #8862e0; }\n .accordion-outline-info .card .card-header a:before {\n color: #8862e0; }\n\n.accordion-outline-warning .card {\n border-color: #ffaf00; }\n .accordion-outline-warning .card .card-header {\n border: none; }\n .accordion-outline-warning .card .card-header a {\n border-color: #ffaf00; }\n .accordion-outline-warning .card .card-header a:before {\n color: #ffaf00; }\n\n.accordion-outline-danger .card {\n border-color: #ff6258; }\n .accordion-outline-danger .card .card-header {\n border: none; }\n .accordion-outline-danger .card .card-header a {\n border-color: #ff6258; }\n .accordion-outline-danger .card .card-header a:before {\n color: #ff6258; }\n\n.accordion-outline-light .card {\n border-color: #fbfbfb; }\n .accordion-outline-light .card .card-header {\n border: none; }\n .accordion-outline-light .card .card-header a {\n border-color: #fbfbfb; }\n .accordion-outline-light .card .card-header a:before {\n color: #fbfbfb; }\n\n.accordion-outline-dark .card {\n border-color: #252C46; }\n .accordion-outline-dark .card .card-header {\n border: none; }\n .accordion-outline-dark .card .card-header a {\n border-color: #252C46; }\n .accordion-outline-dark .card .card-header a:before {\n color: #252C46; }\n\n/* Badges */\n.badge {\n border-radius: 0.25rem;\n font-size: 11px;\n font-weight: initial;\n line-height: 1;\n padding: 4px 6px;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n letter-spacing: 0.04rem; }\n .badge:empty {\n display: inline-block;\n min-width: 10px;\n min-height: 10px;\n padding: 0;\n margin-right: 10px;\n border-radius: 100%; }\n .rtl .badge:empty {\n margin-left: 10px;\n margin-right: 0; }\n .badge.badge-pill {\n border-radius: 10rem; }\n .badge.badge-fw {\n min-width: 70px; }\n .badge.badge-lg {\n padding: 0.4rem 0.9rem; }\n\n/*Badge variations*/\n.badge-primary {\n border: 1px solid #2196f3;\n var(--base-text)fff; }\n\n.badge-secondary {\n border: 1px solid #dde4eb;\n var(--base-text)fff; }\n\n.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {\n border: 1px solid #19d895;\n var(--base-text)fff; }\n\n.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {\n border: 1px solid #8862e0;\n var(--base-text)fff; }\n\n.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {\n border: 1px solid #ffaf00;\n var(--base-text)fff; }\n\n.badge-danger {\n border: 1px solid #ff6258;\n var(--base-text)fff; }\n\n.badge-light {\n border: 1px solid #fbfbfb;\n var(--base-text)fff; }\n\n.badge-dark {\n border: 1px solid #252C46;\n var(--base-text)fff; }\n\n/*Badge inverse variations*/\n.badge-inverse-primary {\n background: rgba(33, 150, 243, 0.3);\n color: #2196f3; }\n\n.badge-inverse-secondary {\n background: rgba(221, 228, 235, 0.3);\n color: #dde4eb; }\n\n.badge-inverse-success {\n background: rgba(25, 216, 149, 0.3);\n color: #19d895; }\n\n.badge-inverse-info {\n background: rgba(136, 98, 224, 0.3);\n color: #8862e0; }\n\n.badge-inverse-warning {\n background: rgba(255, 175, 0, 0.3);\n color: #ffaf00; }\n\n.badge-inverse-danger {\n background: rgba(255, 98, 88, 0.3);\n color: #ff6258; }\n\n.badge-inverse-light {\n background: rgba(251, 251, 251, 0.3);\n color: #fbfbfb; }\n\n.badge-inverse-dark {\n background: rgba(37, 44, 70, 0.3);\n color: #252C46; }\n\n/*Badge outlined variations*/\n.badge-outline-primary {\n color: #2196f3;\n border: 1px solid #2196f3; }\n\n.badge-outline-secondary {\n color: #dde4eb;\n border: 1px solid #dde4eb; }\n\n.badge-outline-success {\n color: #19d895;\n border: 1px solid #19d895; }\n\n.badge-outline-info {\n color: #8862e0;\n border: 1px solid #8862e0; }\n\n.badge-outline-warning {\n color: #ffaf00;\n border: 1px solid #ffaf00; }\n\n.badge-outline-danger {\n color: #ff6258;\n border: 1px solid #ff6258; }\n\n.badge-outline-light {\n color: #fbfbfb;\n border: 1px solid #fbfbfb; }\n\n.badge-outline-dark {\n color: #252C46;\n border: 1px solid #252C46; }\n\n/* Bootstrap Alerts */\n.alert {\n font-size: 0.875rem; }\n .alert i {\n font-size: 1.25rem;\n margin-right: 1.25rem;\n vertical-align: middle;\n line-height: 0.5; }\n\n.alert-primary {\n color: #1972b9;\n background-color: rgba(33, 150, 243, 0.2);\n border-color: #1e8ae0; }\n .alert-primary hr {\n border-top-color: #1b7cca; }\n .alert-primary .alert-link {\n color: #13568c; }\n\n.alert-secondary {\n color: #a8adb3;\n background-color: rgba(221, 228, 235, 0.2);\n border-color: #cbd2d8; }\n .alert-secondary hr {\n border-top-color: #bcc5cd; }\n .alert-secondary .alert-link {\n color: #8d939b; }\n\n.alert-success {\n color: #13a471;\n background-color: rgba(25, 216, 149, 0.2);\n border-color: #17c789; }\n .alert-success hr {\n border-top-color: #14b079; }\n .alert-success .alert-link {\n color: #0e7652; }\n\n.alert-info {\n color: #674aaa;\n background-color: rgba(136, 98, 224, 0.2);\n border-color: #7d5ace; }\n .alert-info hr {\n border-top-color: #6e46c8; }\n .alert-info .alert-link {\n color: #513b86; }\n\n.alert-warning {\n color: #c28500;\n background-color: rgba(255, 175, 0, 0.2);\n border-color: #eba100; }\n .alert-warning hr {\n border-top-color: #d29000; }\n .alert-warning .alert-link {\n color: #8f6200; }\n\n.alert-danger {\n color: #c24a43;\n background-color: rgba(255, 98, 88, 0.2);\n border-color: #eb5a51; }\n .alert-danger hr {\n border-top-color: #e8443a; }\n .alert-danger .alert-link {\n color: #9f3933; }\n\n.alert-light {\n color: #bfbfbf;\n background-color: rgba(251, 251, 251, 0.2);\n border-color: #e7e7e7; }\n .alert-light hr {\n border-top-color: #dadada; }\n .alert-light .alert-link {\n color: #a6a6a6; }\n\n.alert-dark {\n color: #1c2135;\n background-color: rgba(37, 44, 70, 0.2);\n border-color: #222840; }\n .alert-dark hr {\n border-top-color: #191e2f; }\n .alert-dark .alert-link {\n color: #0a0c14; }\n\n.alert-fill-primary {\n var(--base-text)fff;\n background-color: #2196f3;\n border-color: #2196f3; }\n .alert-fill-primary hr {\n border-top-color: #0d8aee; }\n .alert-fill-primary .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-secondary {\n var(--base-text)fff;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .alert-fill-secondary hr {\n border-top-color: #cdd7e2; }\n .alert-fill-secondary .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-success {\n var(--base-text)fff;\n background-color: #19d895;\n border-color: #19d895; }\n .alert-fill-success hr {\n border-top-color: #16c185; }\n .alert-fill-success .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-info {\n var(--base-text)fff;\n background-color: #8862e0;\n border-color: #8862e0; }\n .alert-fill-info hr {\n border-top-color: #784ddc; }\n .alert-fill-info .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-warning {\n var(--base-text)fff;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .alert-fill-warning hr {\n border-top-color: #e69e00; }\n .alert-fill-warning .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-danger {\n var(--base-text)fff;\n background-color: #ff6258;\n border-color: #ff6258; }\n .alert-fill-danger hr {\n border-top-color: #ff4a3f; }\n .alert-fill-danger .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-light {\n var(--base-text)fff;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .alert-fill-light hr {\n border-top-color: #eeeeee; }\n .alert-fill-light .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-dark {\n var(--base-text)fff;\n background-color: #252C46;\n border-color: #252C46; }\n .alert-fill-dark hr {\n border-top-color: #1c2235; }\n .alert-fill-dark .alert-link {\n color: #e6e6e6; }\n\n/* Bootstrap Progress */\n.progress {\n border-radius: 3px;\n height: 8px;\n background: var(--ram-bg) }\n .progress .progress-bar {\n border-radius: 3px; }\n .progress.grouped .progress-bar {\n border-radius: 0px; }\n .progress.grouped .progress-bar:last-child {\n border-radius: 0px 3px 3px 0px; }\n .progress.progress-sm {\n height: 0.375rem; }\n .progress.progress-md {\n height: 8px; }\n .progress.progress-lg {\n height: 15px; }\n .progress.progress-xl {\n height: 18px; }\n\n/* Buttons */\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n font-size: 0.875rem;\n line-height: 1;\n font-family: \"roboto\", sans-serif; }\n .btn i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, .wizard > .actions a i {\n margin-right: 0.3125rem;\n font-size: inherit; }\n .btn .btn-label:before, .ajax-upload-dragdrop .ajax-file-upload .btn-label:before, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label:before, .wizard > .actions a .btn-label:before {\n font-size: 1rem;\n line-height: 5px;\n vertical-align: middle; }\n .btn .btn-label.btn-label-left, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-left, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-left, .wizard > .actions a .btn-label.btn-label-left {\n margin-right: 5px; }\n .btn .btn-label.btn-label-right, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-right, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-right, .wizard > .actions a .btn-label.btn-label-right {\n margin-left: 5px; }\n .btn.btn-rounded, .ajax-upload-dragdrop .btn-rounded.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, .wizard > .actions a.btn-rounded {\n border-radius: 50px; }\n .btn.btn-square, .ajax-upload-dragdrop .btn-square.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-square.swal2-styled, .wizard > .actions a.btn-square {\n border-radius: 0px; }\n .btn.btn-icons, .ajax-upload-dragdrop .btn-icons.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled, .wizard > .actions a.btn-icons {\n width: 40px;\n height: 40px;\n padding: 10px;\n text-align: center;\n vertical-align: middle; }\n .btn.btn-icons i, .ajax-upload-dragdrop .btn-icons.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled i, .wizard > .actions a.btn-icons i {\n margin: auto;\n line-height: initial; }\n .btn.btn-fw, .ajax-upload-dragdrop .btn-fw.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled, .wizard > .actions a.btn-fw {\n min-width: 120px; }\n .btn.icon-btn i, .ajax-upload-dragdrop .icon-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .icon-btn.swal2-styled i, .wizard > .actions a.icon-btn i {\n margin-right: 0; }\n .btn.social-btn, .ajax-upload-dragdrop .social-btn.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled, .wizard > .actions a.social-btn {\n padding: 13px; }\n .btn.social-btn i, .ajax-upload-dragdrop .social-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled i, .wizard > .actions a.social-btn i {\n margin-right: 0;\n font-size: 1rem; }\n .btn.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, .wizard > .actions a.btn-sm {\n font-size: 0.875rem; }\n .btn.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a, .ajax-upload-dragdrop .btn-lg.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled, .wizard > .actions a.btn-lg {\n font-size: 0.875rem; }\n .btn.btn-xs, .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions a.btn-xs {\n padding: 0.5rem 0.75rem;\n font-size: 0.625rem; }\n .btn.btn-transparent, .ajax-upload-dragdrop .btn-transparent.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-transparent.swal2-styled, .wizard > .actions a.btn-transparent {\n background: transparent; }\n .btn.btn-danger, .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .wizard > .actions a.btn-danger, .btn.btn-info, .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions a.btn-info, .btn.btn-success, .ajax-upload-dragdrop .btn-success.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .wizard > .actions a.btn-success, .btn.btn-teal, .ajax-upload-dragdrop .btn-teal.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-teal.swal2-styled, .wizard > .actions a.btn-teal, .btn.btn-warning, .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .wizard > .actions a.btn-warning {\n var(--base-text)fff; }\n .btn.btn-outline-light, .ajax-upload-dragdrop .btn-outline-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-light.swal2-styled, .wizard > .actions a.btn-outline-light {\n border-color: #d5d5d5;\n color: #d5d5d5; }\n .btn.btn-outline-secondary, .ajax-upload-dragdrop .btn-outline-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-secondary.swal2-styled, .wizard > .actions a.btn-outline-secondary {\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-secondary, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled, .wizard > .actions a.btn-inverse-secondary {\n background-color: rgba(221, 228, 235, 0.5);\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-secondary:hover, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled:hover, .wizard > .actions a.btn-inverse-secondary:hover {\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-light, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled, .wizard > .actions a.btn-inverse-light {\n background: var(--base-text)fff;\n color: rgba(0, 0, 0, 0.5);\n border-color: #d9d9d9; }\n .btn.btn-inverse-light:hover, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled:hover, .wizard > .actions a.btn-inverse-light:hover {\n color: rgba(0, 0, 0, 0.5);\n border-color: #d9d9d9; }\n\n.btn-group {\n border: 1px solid var(--outline);\n border-radius: 0.1875rem; }\n .btn-group .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .btn-group .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a {\n border-top: none;\n border-bottom: none;\n border-left: none; }\n .btn-group .btn:last-child, .btn-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .btn-group .ajax-file-upload:last-child, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled:last-child, .btn-group .wizard > .actions a:last-child, .wizard > .actions .btn-group a:last-child {\n border-right: none; }\n .btn-group .btn.btn-primary, .btn-group .ajax-upload-dragdrop .btn-primary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-primary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .wizard > .actions a.ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group a.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-primary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-primary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .wizard > .actions a.swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group a.swal2-styled, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-confirm, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-cancel, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-cancel, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a {\n border-color: #128ff2; }\n .btn-group .btn.btn-secondary, .btn-group .ajax-upload-dragdrop .btn-secondary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-secondary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-cancel, .btn-group .swal2-modal .swal2-buttonswrapper .btn-secondary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-secondary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-cancel, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-cancel, .btn-group .wizard > .actions a.btn-secondary, .wizard > .actions .btn-group a.btn-secondary {\n border-color: #d3dce5; }\n .btn-group .btn.btn-info, .btn-group .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-info.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-submit, .btn-group .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-info.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-submit, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-submit, .btn-group .wizard > .actions a.btn-info, .wizard > .actions .btn-group a.btn-info {\n border-color: #7e55dd; }\n .btn-group .btn.btn-warning, .btn-group .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-warning.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-warning.swal2-styled, .btn-group .wizard > .actions a.btn-warning, .wizard > .actions .btn-group a.btn-warning {\n border-color: #f0a500; }\n .btn-group .btn.btn-success, .btn-group .ajax-upload-dragdrop .btn-success.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-success.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-success.swal2-styled, .btn-group .wizard > .actions a.btn-success, .wizard > .actions .btn-group a.btn-success {\n border-color: #17ca8c; }\n .btn-group .btn.btn-danger, .btn-group .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-danger.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-danger.swal2-styled, .btn-group .wizard > .actions a.btn-danger, .wizard > .actions .btn-group a.btn-danger {\n border-color: #ff5449; }\n .btn-group .btn.btn-dark, .btn-group .ajax-upload-dragdrop .btn-dark.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-dark.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-dark.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-dark.swal2-styled, .btn-group .wizard > .actions a.btn-dark, .wizard > .actions .btn-group a.btn-dark {\n border-color: #20263c; }\n .btn-group .btn.btn-light, .btn-group .ajax-upload-dragdrop .btn-light.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-light.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-light.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-light.swal2-styled, .btn-group .wizard > .actions a.btn-light, .wizard > .actions .btn-group a.btn-light {\n border-color: #f3f3f3; }\n\n/*social buttons*/\n.btn-twitter {\n background: #4DBFF5;\n var(--base-text)fff; }\n .btn-twitter:hover {\n background: #1daef2; }\n .btn-twitter.btn-link {\n background: none;\n color: #4DBFF5; }\n .btn-twitter.btn-link:hover {\n color: #1daef2; }\n\n.btn-facebook {\n background: #648ACA;\n var(--base-text)fff; }\n .btn-facebook:hover {\n background: #406ebb; }\n .btn-facebook.btn-link {\n background: none;\n color: #648ACA; }\n .btn-facebook.btn-link:hover {\n color: #406ebb; }\n\n.btn-google {\n background: #E55F4B;\n var(--base-text)fff; }\n .btn-google:hover {\n background: #dd3820; }\n .btn-google.btn-link {\n background: none;\n color: #E55F4B; }\n .btn-google.btn-link:hover {\n color: #dd3820; }\n\n.btn-linkedin {\n background: #0177b4;\n var(--base-text)fff; }\n .btn-linkedin:hover {\n background: #015581; }\n .btn-linkedin.btn-link {\n background: none;\n color: #0177b4; }\n .btn-linkedin.btn-link:hover {\n color: #015581; }\n\n.btn-pinterest {\n background: #cc2127;\n var(--base-text)fff; }\n .btn-pinterest:hover {\n background: #a01a1f; }\n .btn-pinterest.btn-link {\n background: none;\n color: #cc2127; }\n .btn-pinterest.btn-link:hover {\n color: #a01a1f; }\n\n.btn-youtube {\n background: #e52d27;\n var(--base-text)fff; }\n .btn-youtube:hover {\n background: #c21d17; }\n .btn-youtube.btn-link {\n background: none;\n color: #e52d27; }\n .btn-youtube.btn-link:hover {\n color: #c21d17; }\n\n.btn-github {\n background: #333333;\n var(--base-text)fff; }\n .btn-github:hover {\n background: #1a1a1a; }\n .btn-github.btn-link {\n background: none;\n color: #333333; }\n .btn-github.btn-link:hover {\n color: #1a1a1a; }\n\n.btn-behance {\n background: #1769ff;\n var(--base-text)fff; }\n .btn-behance:hover {\n background: #0050e3; }\n .btn-behance.btn-link {\n background: none;\n color: #1769ff; }\n .btn-behance.btn-link:hover {\n color: #0050e3; }\n\n.btn-dribbble {\n background: #ea4c89;\n var(--base-text)fff; }\n .btn-dribbble:hover {\n background: #e51e6b; }\n .btn-dribbble.btn-link {\n background: none;\n color: #ea4c89; }\n .btn-dribbble.btn-link:hover {\n color: #e51e6b; }\n\n.btn-reddit {\n background: #ff4500;\n var(--base-text)fff; }\n .btn-reddit:hover {\n background: #cc3700; }\n .btn-reddit.btn-link {\n background: none;\n color: #ff4500; }\n .btn-reddit.btn-link:hover {\n color: #cc3700; }\n\n/*social buttons*/\n.btn-social-outline-twitter {\n background: transparent;\n border-color: #4DBFF5;\n color: #4DBFF5; }\n .btn-social-outline-twitter:hover {\n background: rgba(77, 191, 245, 0.2); }\n\n.btn-social-outline-facebook {\n background: transparent;\n border-color: #648ACA;\n color: #648ACA; }\n .btn-social-outline-facebook:hover {\n background: rgba(100, 138, 202, 0.2); }\n\n.btn-social-outline-google {\n background: transparent;\n border-color: #E55F4B;\n color: #E55F4B; }\n .btn-social-outline-google:hover {\n background: rgba(229, 95, 75, 0.2); }\n\n.btn-social-outline-linkedin {\n background: transparent;\n border-color: #0177b4;\n color: #0177b4; }\n .btn-social-outline-linkedin:hover {\n background: rgba(1, 119, 180, 0.2); }\n\n.btn-social-outline-pinterest {\n background: transparent;\n border-color: #cc2127;\n color: #cc2127; }\n .btn-social-outline-pinterest:hover {\n background: rgba(204, 33, 39, 0.2); }\n\n.btn-social-outline-youtube {\n background: transparent;\n border-color: #e52d27;\n color: #e52d27; }\n .btn-social-outline-youtube:hover {\n background: rgba(229, 45, 39, 0.2); }\n\n.btn-social-outline-github {\n background: transparent;\n border-color: #333333;\n color: #333333; }\n .btn-social-outline-github:hover {\n background: rgba(51, 51, 51, 0.2); }\n\n.btn-social-outline-behance {\n background: transparent;\n border-color: #1769ff;\n color: #1769ff; }\n .btn-social-outline-behance:hover {\n background: rgba(23, 105, 255, 0.2); }\n\n.btn-social-outline-dribbble {\n background: transparent;\n border-color: #ea4c89;\n color: #ea4c89; }\n .btn-social-outline-dribbble:hover {\n background: rgba(234, 76, 137, 0.2); }\n\n.btn-social-outline-reddit {\n background: transparent;\n border-color: #ff4500;\n color: #ff4500; }\n .btn-social-outline-reddit:hover {\n background: rgba(255, 69, 0, 0.2); }\n\n/* inverse buttons */\n.btn-inverse-primary {\n color: #2196f3;\n background-color: rgba(33, 150, 243, 0.2);\n background-image: none;\n border-color: rgba(33, 150, 243, 0); }\n .btn-inverse-primary:hover {\n var(--base-text)fff;\n background-color: #2196f3;\n border-color: #2196f3; }\n .btn-inverse-primary.disabled, .btn-inverse-primary:disabled {\n color: #2196f3;\n background-color: transparent; }\n .btn-inverse-primary.active, .btn-inverse-primary:active,\n .show > .btn-inverse-primary.dropdown-toggle {\n var(--base-text)fff;\n background-color: #2196f3;\n border-color: #2196f3; }\n\n.btn-inverse-secondary {\n color: #dde4eb;\n background-color: rgba(221, 228, 235, 0.2);\n background-image: none;\n border-color: rgba(221, 228, 235, 0); }\n .btn-inverse-secondary:hover {\n var(--base-text)fff;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled {\n color: #dde4eb;\n background-color: transparent; }\n .btn-inverse-secondary.active, .btn-inverse-secondary:active,\n .show > .btn-inverse-secondary.dropdown-toggle {\n var(--base-text)fff;\n background-color: #dde4eb;\n border-color: #dde4eb; }\n\n.btn-inverse-success {\n color: #19d895;\n background-color: rgba(25, 216, 149, 0.2);\n background-image: none;\n border-color: rgba(25, 216, 149, 0); }\n .btn-inverse-success:hover {\n var(--base-text)fff;\n background-color: #19d895;\n border-color: #19d895; }\n .btn-inverse-success.disabled, .btn-inverse-success:disabled {\n color: #19d895;\n background-color: transparent; }\n .btn-inverse-success.active, .btn-inverse-success:active,\n .show > .btn-inverse-success.dropdown-toggle {\n var(--base-text)fff;\n background-color: #19d895;\n border-color: #19d895; }\n\n.btn-inverse-info {\n color: #8862e0;\n background-color: rgba(136, 98, 224, 0.2);\n background-image: none;\n border-color: rgba(136, 98, 224, 0); }\n .btn-inverse-info:hover {\n var(--base-text)fff;\n background-color: #8862e0;\n border-color: #8862e0; }\n .btn-inverse-info.disabled, .btn-inverse-info:disabled {\n color: #8862e0;\n background-color: transparent; }\n .btn-inverse-info.active, .btn-inverse-info:active,\n .show > .btn-inverse-info.dropdown-toggle {\n var(--base-text)fff;\n background-color: #8862e0;\n border-color: #8862e0; }\n\n.btn-inverse-warning {\n color: #ffaf00;\n background-color: rgba(255, 175, 0, 0.2);\n background-image: none;\n border-color: rgba(255, 175, 0, 0); }\n .btn-inverse-warning:hover {\n var(--base-text)fff;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n .btn-inverse-warning.disabled, .btn-inverse-warning:disabled {\n color: #ffaf00;\n background-color: transparent; }\n .btn-inverse-warning.active, .btn-inverse-warning:active,\n .show > .btn-inverse-warning.dropdown-toggle {\n var(--base-text)fff;\n background-color: #ffaf00;\n border-color: #ffaf00; }\n\n.btn-inverse-danger {\n color: #ff6258;\n background-color: rgba(255, 98, 88, 0.2);\n background-image: none;\n border-color: rgba(255, 98, 88, 0); }\n .btn-inverse-danger:hover {\n var(--base-text)fff;\n background-color: #ff6258;\n border-color: #ff6258; }\n .btn-inverse-danger.disabled, .btn-inverse-danger:disabled {\n color: #ff6258;\n background-color: transparent; }\n .btn-inverse-danger.active, .btn-inverse-danger:active,\n .show > .btn-inverse-danger.dropdown-toggle {\n var(--base-text)fff;\n background-color: #ff6258;\n border-color: #ff6258; }\n\n.btn-inverse-light {\n color: #fbfbfb;\n background-color: rgba(251, 251, 251, 0.2);\n background-image: none;\n border-color: rgba(251, 251, 251, 0); }\n .btn-inverse-light:hover {\n var(--base-text)fff;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n .btn-inverse-light.disabled, .btn-inverse-light:disabled {\n color: #fbfbfb;\n background-color: transparent; }\n .btn-inverse-light.active, .btn-inverse-light:active,\n .show > .btn-inverse-light.dropdown-toggle {\n var(--base-text)fff;\n background-color: #fbfbfb;\n border-color: #fbfbfb; }\n\n.btn-inverse-dark {\n color: #252C46;\n background-color: rgba(37, 44, 70, 0.2);\n background-image: none;\n border-color: rgba(37, 44, 70, 0); }\n .btn-inverse-dark:hover {\n var(--base-text)fff;\n background-color: #252C46;\n border-color: #252C46; }\n .btn-inverse-dark.disabled, .btn-inverse-dark:disabled {\n color: #252C46;\n background-color: transparent; }\n .btn-inverse-dark.active, .btn-inverse-dark:active,\n .show > .btn-inverse-dark.dropdown-toggle {\n var(--base-text)fff;\n background-color: #252C46;\n border-color: #252C46; }\n\n/* Inverse Outlined Buttons */\n.btn-inverse-outline-primary {\n color: #2196f3;\n background-image: none;\n background: transparent;\n border-color: rgba(33, 150, 243, 0.2); }\n .btn-inverse-outline-primary:hover {\n color: #2196f3;\n background-color: rgba(33, 150, 243, 0.2);\n border-color: rgba(33, 150, 243, 0.2); }\n .btn-inverse-outline-primary.focus, .btn-inverse-outline-primary:focus {\n box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); }\n .btn-inverse-outline-primary.disabled, .btn-inverse-outline-primary:disabled {\n color: #2196f3;\n background-color: transparent; }\n .btn-inverse-outline-primary.active, .btn-inverse-outline-primary:active,\n .show > .btn-inverse-outline-primary.dropdown-toggle {\n var(--base-text)fff;\n border-color: #2196f3; }\n\n.btn-inverse-outline-secondary {\n color: #dde4eb;\n background-image: none;\n background: transparent;\n border-color: rgba(221, 228, 235, 0.2); }\n .btn-inverse-outline-secondary:hover {\n color: #dde4eb;\n background-color: rgba(221, 228, 235, 0.2);\n border-color: rgba(221, 228, 235, 0.2); }\n .btn-inverse-outline-secondary.focus, .btn-inverse-outline-secondary:focus {\n box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); }\n .btn-inverse-outline-secondary.disabled, .btn-inverse-outline-secondary:disabled {\n color: #dde4eb;\n background-color: transparent; }\n .btn-inverse-outline-secondary.active, .btn-inverse-outline-secondary:active,\n .show > .btn-inverse-outline-secondary.dropdown-toggle {\n var(--base-text)fff;\n border-color: #dde4eb; }\n\n.btn-inverse-outline-success {\n color: #19d895;\n background-image: none;\n background: transparent;\n border-color: rgba(25, 216, 149, 0.2); }\n .btn-inverse-outline-success:hover {\n color: #19d895;\n background-color: rgba(25, 216, 149, 0.2);\n border-color: rgba(25, 216, 149, 0.2); }\n .btn-inverse-outline-success.focus, .btn-inverse-outline-success:focus {\n box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); }\n .btn-inverse-outline-success.disabled, .btn-inverse-outline-success:disabled {\n color: #19d895;\n background-color: transparent; }\n .btn-inverse-outline-success.active, .btn-inverse-outline-success:active,\n .show > .btn-inverse-outline-success.dropdown-toggle {\n var(--base-text)fff;\n border-color: #19d895; }\n\n.btn-inverse-outline-info {\n color: #8862e0;\n background-image: none;\n background: transparent;\n border-color: rgba(136, 98, 224, 0.2); }\n .btn-inverse-outline-info:hover {\n color: #8862e0;\n background-color: rgba(136, 98, 224, 0.2);\n border-color: rgba(136, 98, 224, 0.2); }\n .btn-inverse-outline-info.focus, .btn-inverse-outline-info:focus {\n box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); }\n .btn-inverse-outline-info.disabled, .btn-inverse-outline-info:disabled {\n color: #8862e0;\n background-color: transparent; }\n .btn-inverse-outline-info.active, .btn-inverse-outline-info:active,\n .show > .btn-inverse-outline-info.dropdown-toggle {\n var(--base-text)fff;\n border-color: #8862e0; }\n\n.btn-inverse-outline-warning {\n color: #ffaf00;\n background-image: none;\n background: transparent;\n border-color: rgba(255, 175, 0, 0.2); }\n .btn-inverse-outline-warning:hover {\n color: #ffaf00;\n background-color: rgba(255, 175, 0, 0.2);\n border-color: rgba(255, 175, 0, 0.2); }\n .btn-inverse-outline-warning.focus, .btn-inverse-outline-warning:focus {\n box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); }\n .btn-inverse-outline-warning.disabled, .btn-inverse-outline-warning:disabled {\n color: #ffaf00;\n background-color: transparent; }\n .btn-inverse-outline-warning.active, .btn-inverse-outline-warning:active,\n .show > .btn-inverse-outline-warning.dropdown-toggle {\n var(--base-text)fff;\n border-color: #ffaf00; }\n\n.btn-inverse-outline-danger {\n color: #ff6258;\n background-image: none;\n background: transparent;\n border-color: rgba(255, 98, 88, 0.2); }\n .btn-inverse-outline-danger:hover {\n color: #ff6258;\n background-color: rgba(255, 98, 88, 0.2);\n border-color: rgba(255, 98, 88, 0.2); }\n .btn-inverse-outline-danger.focus, .btn-inverse-outline-danger:focus {\n box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); }\n .btn-inverse-outline-danger.disabled, .btn-inverse-outline-danger:disabled {\n color: #ff6258;\n background-color: transparent; }\n .btn-inverse-outline-danger.active, .btn-inverse-outline-danger:active,\n .show > .btn-inverse-outline-danger.dropdown-toggle {\n var(--base-text)fff;\n border-color: #ff6258; }\n\n.btn-inverse-outline-light {\n color: #fbfbfb;\n background-image: none;\n background: transparent;\n border-color: rgba(251, 251, 251, 0.2); }\n .btn-inverse-outline-light:hover {\n color: #fbfbfb;\n background-color: rgba(251, 251, 251, 0.2);\n border-color: rgba(251, 251, 251, 0.2); }\n .btn-inverse-outline-light.focus, .btn-inverse-outline-light:focus {\n box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); }\n .btn-inverse-outline-light.disabled, .btn-inverse-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent; }\n .btn-inverse-outline-light.active, .btn-inverse-outline-light:active,\n .show > .btn-inverse-outline-light.dropdown-toggle {\n var(--base-text)fff;\n border-color: #fbfbfb; }\n\n.btn-inverse-outline-dark {\n color: #252C46;\n background-image: none;\n background: transparent;\n border-color: rgba(37, 44, 70, 0.2); }\n .btn-inverse-outline-dark:hover {\n color: #252C46;\n background-color: rgba(37, 44, 70, 0.2);\n border-color: rgba(37, 44, 70, 0.2); }\n .btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:focus {\n box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); }\n .btn-inverse-outline-dark.disabled, .btn-inverse-outline-dark:disabled {\n color: #252C46;\n background-color: transparent; }\n .btn-inverse-outline-dark.active, .btn-inverse-outline-dark:active,\n .show > .btn-inverse-outline-dark.dropdown-toggle {\n var(--base-text)fff;\n border-color: #252C46; }\n\n/* Breadcrumbs */\n.breadcrumb .breadcrumb-item {\n font-size: 0.875rem; }\n .breadcrumb .breadcrumb-item.active {\n color: rgba(255, 255, 255, 0.8); }\n\n.breadcrumb.breadcrumb-custom {\n padding: 0 0;\n border-color: #dbe3e6; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item {\n font-size: 0.875rem;\n background: #dbe3e6;\n padding: 0.56rem 10px;\n var(--base-text);\n display: inline-block;\n vertical-align: top; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item.active {\n var(--base-text); }\n .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item:before {\n content: \"\"; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n position: relative;\n color: inherit;\n border: 1px solid #dbe3e6;\n display: inline-block;\n vertical-align: top; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:after, .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n position: absolute;\n top: -9px;\n width: 0;\n height: 0;\n content: \"\";\n border-top: 21px solid transparent;\n border-bottom: 21px solid transparent; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n right: -22px;\n z-index: 3;\n border-left-color: #dbe3e6;\n border-left-style: solid;\n border-left-width: 12px; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:after {\n border-top: 21px solid transparent;\n border-bottom: 22px solid transparent;\n border-left: 12px solid #ffffff;\n top: -9px;\n right: -23px; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n display: inline-block;\n vertical-align: top; }\n\n.breadcrumb.bg-danger, .settings-panel .color-tiles .breadcrumb.tiles.danger, .breadcrumb.bg-dark, .settings-panel .color-tiles .breadcrumb.tiles.dark, .breadcrumb.bg-info, .settings-panel .color-tiles .breadcrumb.tiles.info, .breadcrumb.bg-primary, .settings-panel .color-tiles .breadcrumb.tiles.primary, .breadcrumb.bg-success, .settings-panel .color-tiles .breadcrumb.tiles.success, .breadcrumb.bg-warning, .settings-panel .color-tiles .breadcrumb.tiles.warning {\n border: none; }\n .breadcrumb.bg-danger .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item, .breadcrumb.bg-dark .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item, .breadcrumb.bg-info .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item, .breadcrumb.bg-primary .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item, .breadcrumb.bg-success .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item, .breadcrumb.bg-warning .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item {\n color: #000; }\n .breadcrumb.bg-danger .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before, .breadcrumb.bg-dark .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before, .breadcrumb.bg-info .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before, .breadcrumb.bg-primary .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before, .breadcrumb.bg-success .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before, .breadcrumb.bg-warning .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before {\n color: inherit; }\n .breadcrumb.bg-danger .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a,\n .breadcrumb.bg-danger .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span, .breadcrumb.bg-dark .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a,\n .breadcrumb.bg-dark .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span, .breadcrumb.bg-info .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a,\n .breadcrumb.bg-info .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span, .breadcrumb.bg-primary .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a,\n .breadcrumb.bg-primary .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span, .breadcrumb.bg-success .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a,\n .breadcrumb.bg-success .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span, .breadcrumb.bg-warning .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a,\n .breadcrumb.bg-warning .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span {\n color: inherit; }\n\n/* inverse breadcrumb */\n.bg-inverse-primary .breadcrumb, .image-grouped .text-avatar .breadcrumb {\n background: #9acffa;\n border-color: #2196f3; }\n .bg-inverse-primary .breadcrumb .breadcrumb-item, .image-grouped .text-avatar .breadcrumb .breadcrumb-item {\n color: #2196f3; }\n .bg-inverse-primary .breadcrumb .breadcrumb-item:before, .image-grouped .text-avatar .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-primary .breadcrumb .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom {\n background: #2196f3; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #9acffa; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #2196f3;\n border: none; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #9acffa; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item span, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #2196f3; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-secondary .breadcrumb {\n background: white;\n border-color: #dde4eb; }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item {\n color: #dde4eb; }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom {\n background: #dde4eb; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: white; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #dde4eb;\n border: none; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: white; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #dde4eb; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-success .breadcrumb {\n background: #80f0c9;\n border-color: #19d895; }\n .bg-inverse-success .breadcrumb .breadcrumb-item {\n color: #19d895; }\n .bg-inverse-success .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-success .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom {\n background: #19d895; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #80f0c9; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #19d895;\n border: none; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #80f0c9; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #19d895; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-info .breadcrumb {\n background: #d9ccf5;\n border-color: #8862e0; }\n .bg-inverse-info .breadcrumb .breadcrumb-item {\n color: #8862e0; }\n .bg-inverse-info .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-info .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom {\n background: #8862e0; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #d9ccf5; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #8862e0;\n border: none; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #d9ccf5; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #8862e0; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-warning .breadcrumb {\n background: #ffd780;\n border-color: #ffaf00; }\n .bg-inverse-warning .breadcrumb .breadcrumb-item {\n color: #ffaf00; }\n .bg-inverse-warning .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-warning .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom {\n background: #ffaf00; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #ffd780; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #ffaf00;\n border: none; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #ffd780; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #ffaf00; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-danger .breadcrumb {\n background: #ffdad8;\n border-color: #ff6258; }\n .bg-inverse-danger .breadcrumb .breadcrumb-item {\n color: #ff6258; }\n .bg-inverse-danger .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-danger .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom {\n background: #ff6258; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #ffdad8; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #ff6258;\n border: none; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #ffdad8; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #ff6258; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-light .breadcrumb {\n background: white;\n border-color: #fbfbfb; }\n .bg-inverse-light .breadcrumb .breadcrumb-item {\n color: #fbfbfb; }\n .bg-inverse-light .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-light .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom {\n background: #fbfbfb; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: white; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #fbfbfb;\n border: none; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: white; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #fbfbfb; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-dark .breadcrumb {\n background: #516099;\n border-color: #252C46; }\n .bg-inverse-dark .breadcrumb .breadcrumb-item {\n color: #252C46; }\n .bg-inverse-dark .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-dark .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom {\n background: #252C46; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #516099; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: #252C46;\n border: none; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #516099; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: #252C46; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n/* Cards */\n.card {\n border: none; }\n .card .card-header {\n background: #282a40;\n padding: 1.88rem 1.81rem;\n border-bottom: 1px solid var(--outline); }\n .card .card-header h1,\n .card .card-header h2,\n .card .card-header h3,\n .card .card-header h4,\n .card .card-header h5,\n .card .card-header h6,\n .card .card-header p,\n .card .card-header small {\n margin-bottom: 0px; }\n .card .card-header.header-sm {\n padding: 15px 1.81rem;\n height: 60px; }\n .card .card-header.header-sm p,\n .card .card-header.header-sm .dropdown .dropdown-toggle i {\n var(--base-text) }\n .card .card-body {\n padding: 1.88rem 1.81rem; }\n .card .card-body.no-gutter {\n padding: 0; }\n .card .card-body + .card-body {\n padding-top: 0; }\n .card.card-outline-success {\n border: 1px solid #19d895; }\n .card.card-outline-primary {\n border: 1px solid #2196f3; }\n .card.card-outline-warning {\n border: 1px solid #ffaf00; }\n .card.card-outline-danger {\n border: 1px solid #ff6258; }\n .card.card-rounded {\n border-radius: 5px; }\n .card.card-faded {\n background: #b5b0b2;\n border-color: #b5b0b2; }\n .card .card-subtitle {\n color: rgba(255, 255, 255, 0.7); }\n .card.card-circle-progress {\n var(--base-text)fff;\n text-align: center; }\n .card.bg-blue-gradient {\n background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);\n var(--base-text); }\n .card.bg-orange-gradient {\n background: linear-gradient(to right, #ff7f2e, #fe7452);\n var(--base-text); }\n .card.bg-green-gradient {\n background: linear-gradient(to right, #24e8a6, #09cdd1);\n var(--base-text); }\n .card.card-no-shadow {\n box-shadow: none; }\n\n.card-inverse-primary {\n background: rgba(33, 150, 243, 0.2);\n border: 1px solid #1e8ae0;\n color: #1972b9; }\n\n.card-inverse-secondary {\n background: rgba(221, 228, 235, 0.2);\n border: 1px solid #cbd2d8;\n color: #a8adb3; }\n\n.card-inverse-success {\n background: rgba(25, 216, 149, 0.2);\n border: 1px solid #17c789;\n color: #13a471; }\n\n.card-inverse-info {\n background: rgba(136, 98, 224, 0.2);\n border: 1px solid #7d5ace;\n color: #674aaa; }\n\n.card-inverse-warning {\n background: rgba(255, 175, 0, 0.2);\n border: 1px solid #eba100;\n color: #c28500; }\n\n.card-inverse-danger {\n background: rgba(255, 98, 88, 0.2);\n border: 1px solid #eb5a51;\n color: #c24a43; }\n\n.card-inverse-light {\n background: rgba(251, 251, 251, 0.2);\n border: 1px solid #e7e7e7;\n color: #bfbfbf; }\n\n.card-inverse-dark {\n background: rgba(37, 44, 70, 0.2);\n border: 1px solid #222840;\n color: #1c2135; }\n\n/* Checkboxes and Radios */\n.form-check,\n.form-radio {\n position: relative;\n display: block;\n margin-top: 15px;\n margin-bottom: 10px; }\n .form-check .form-check-label,\n .form-radio .form-check-label {\n display: block;\n padding-left: 30px;\n line-height: 1.5; }\n .rtl .form-check .form-check-label, .rtl\n .form-radio .form-check-label {\n padding-left: 0;\n padding-right: 30px; }\n .form-check .form-check-label input,\n .form-radio .form-check-label input {\n position: absolute;\n margin-left: -20px;\n margin-top: 4px\\9;\n top: 0;\n left: 0;\n z-index: 1;\n cursor: pointer;\n opacity: 0;\n filter: alpha(opacity=0);\n margin-top: 0; }\n .rtl .form-check .form-check-label input, .rtl\n .form-radio .form-check-label input {\n left: auto;\n right: 0; }\n\n.form-check .form-check-label {\n font-size: 0.875rem;\n line-height: 1.5;\n padding-left: 10px; }\n .form-check .form-check-label input:checked + .input-helper:before {\n background-color: #fbfbfb; }\n .form-check .form-check-label input:checked + .input-helper:after {\n width: 18px;\n opacity: 1;\n line-height: 18px;\n transform: scale(1); }\n .form-check .form-check-label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n .form-check .form-check-label input:disabled:checked + .input-helper:after {\n color: var(--outline); }\n .form-check .form-check-label .input-helper:before {\n position: absolute;\n content: \"\";\n top: 50%;\n transform: translateY(-50%);\n width: 18px;\n height: 18px;\n border-radius: 2px;\n left: 0;\n border: 2px solid var(--outline);\n transition: all;\n transition-duration: 0s;\n transition-duration: 250ms; }\n .rtl .form-check .form-check-label .input-helper:before {\n left: auto;\n right: 0; }\n .form-check .form-check-label .input-helper:after {\n transition: all;\n transition-duration: 0s;\n transition-duration: 250ms;\n font-family: Material Design Icons;\n opacity: 0;\n filter: alpha(opacity=0);\n transform: scale(0);\n content: '\\F12C';\n position: absolute;\n font-size: 0.9375rem;\n font-weight: bold;\n left: 0;\n top: 14%;\n transform: translateY(-14%);\n color: #8862e0; }\n .rtl .form-check .form-check-label .input-helper:after {\n left: auto;\n right: 0; }\n\n.form-check.form-check-flat label input:checked + .input-helper:before {\n background-color: #19d895;\n border: none; }\n\n.form-check.form-check-flat label input:disabled + .input-helper:after {\n color: #fbfbfb; }\n\n.form-check.form-check-flat label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n\n.form-check.form-check-flat label input:disabled:checked + .input-helper:before {\n background: #fbfbfb; }\n\n.form-check.form-check-flat label .input-helper:before {\n border: 2px solid var(--outline); }\n\n.form-check.form-check-flat label .input-helper:after {\n color: #fbfbfb; }\n\n.form-radio label input + .input-helper:before {\n position: absolute;\n content: \"\";\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n border: 2px solid var(--outline);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n transition: all;\n transition-duration: 0s;\n -webkit-transition-duration: 250ms;\n transition-duration: 250ms; }\n .rtl .form-radio label input + .input-helper:before {\n left: auto;\n right: 0; }\n\n.form-radio label input + .input-helper:after {\n content: \"\";\n width: 8px;\n height: 8px;\n background: #ff6258;\n border-radius: 50%;\n top: 30%;\n transform: translateY(-30%);\n left: 6px;\n transition: none;\n transition-duration: 250s;\n opacity: 0;\n filter: alpha(opacity=0);\n transform: scale(0);\n position: absolute; }\n .rtl .form-radio label input + .input-helper:after {\n left: auto;\n right: 6px; }\n\n.form-radio label input:checked + .input-helper:before {\n background-color: #fbfbfb;\n border: 2px solid var(--outline);\n top: 30%;\n transform: translateY(-30%); }\n\n.form-radio label input:checked + .input-helper:after {\n opacity: 1;\n line-height: 1.5;\n filter: alpha(opacity=100);\n transform: scale(1); }\n\n.form-radio label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n\n.form-radio label input:disabled:checked + .input-helper:before {\n background-color: #fbfbfb;\n border-color: var(--outline); }\n\n.form-radio label input:disabled:checked + .input-helper:after {\n background-color: var(--outline); }\n\n.form-radio.form-radio-flat label input:checked + .input-helper:before {\n background: #19d895;\n border-color: #19d895;\n top: 50%;\n transform: translateY(-50%); }\n\n.form-radio.form-radio-flat label input:checked + .input-helper:after {\n width: 20px;\n height: 20px;\n top: 50%;\n transform: translateY(-50%);\n left: -2px;\n color: #fbfbfb;\n background: none;\n content: '\\F12C';\n font-family: Material Design Icons;\n text-align: center;\n font-weight: bold; }\n .rtl .form-radio.form-radio-flat label input:checked + .input-helper:after {\n left: auto;\n right: -2px; }\n\n.form-radio.form-radio-flat label input:disabled + .input-helper:before {\n background: rgba(25, 216, 149, 0.4);\n border-color: rgba(25, 216, 149, 0.05); }\n\n/* Dropdowns */\n.dropdown .dropdown-toggle {\n display: flex;\n align-items: center; }\n .dropdown .dropdown-toggle:after {\n border: none;\n content: \"\\F140\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n var(--base-text);\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0; }\n .dropdown .dropdown-toggle.arrow-disabled {\n border: none;\n outline: none;\n box-shadow: none; }\n .dropdown .dropdown-toggle.arrow-disabled:focus, .dropdown .dropdown-toggle.arrow-disabled:visited, .dropdown .dropdown-toggle.arrow-disabled:active {\n outline: none;\n box-shadow: none; }\n .dropdown .dropdown-toggle.arrow-disabled:after {\n display: none; }\n\n.dropdown-menu {\n font-size: 0.875rem;\n border: 1px solid var(--outline); }\n @media (max-width: 992px) {\n .dropdown-menu {\n position: unset; } }\n .dropdown-menu .dropdown-header {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu .dropdown-header * {\n background: inherit;\n color: inherit; }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:hover,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover {\n background: var(--card-banner-bg);\n var(--base-text)fff; }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:active,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:active {\n background: initial; }\n .dropdown-menu .dropdown-item {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu .dropdown-item:hover {\n background: var(--card-banner-bg);\n var(--base-text)fff; }\n .dropdown-menu .dropdown-item:active {\n background: initial; }\n .dropdown-menu.dropdown-menu-left {\n left: 0 !important;\n right: auto !important; }\n @media (max-width: 991px) {\n .dropdown-menu.dropdown-menu-left {\n right: 0 !important; } }\n .dropdown-menu.dropdown-menu-right {\n left: auto !important;\n right: 0 !important; }\n @media (max-width: 991px) {\n .dropdown-menu.dropdown-menu-right {\n left: 0 !important; } }\n\n/* Forms */\n.input-group-append, .input-group-prepend, .asColorPicker-trigger {\n background: var(--card-banner-bg);\n color: #6c757d;\n width: auto;\n border: none; }\n .input-group-append .input-group-text,\n .input-group-prepend .input-group-text,\n .asColorPicker-trigger .input-group-text {\n background: transparent;\n border-color: var(--outline); }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n display: inline-block;\n border: 1px solid var(--outline);\n font-family: \"roboto\", sans-serif;\n font-size: 0.75rem;\n var(--base-text);\n padding: 0 .75rem;\n line-height: 14px;\n font-weight: 300; }\n .form-control.form-control-lg, .form-control-lg.asColorPicker-input, .dataTables_wrapper select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=number], .select2-container--default .form-control-lg.select2-selection--single, .select2-container--default .select2-selection--single .form-control-lg.select2-search__field, .form-control-lg.tt-hint,\n .form-control-lg.tt-query,\n .form-control-lg.typeahead {\n padding: 0.5rem 0.75rem; }\n .form-control.form-control-sm, .form-control-sm.asColorPicker-input, .dataTables_wrapper select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=number], .select2-container--default .form-control-sm.select2-selection--single, .select2-container--default .select2-selection--single .form-control-sm.select2-search__field, .form-control-sm.tt-hint,\n .form-control-sm.tt-query,\n .form-control-sm.typeahead {\n padding: 0.25rem 0.75rem; }\n\ntextarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint,\ntextarea.tt-query,\ntextarea.typeahead {\n height: auto;\n padding-top: 1rem;\n padding-bottom: 1rem; }\n\nselect.form-control, select.asColorPicker-input, .dataTables_wrapper select,\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.tt-hint,\nselect.tt-query,\nselect.typeahead {\n padding: 0.4375rem 0.75rem; }\n\n.form-group label {\n font-size: 0.875rem;\n line-height: 1;\n vertical-align: top; }\n\n.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text],\n.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], .form-group.has-danger .select2-container--default .select2-selection--single, .select2-container--default .form-group.has-danger .select2-selection--single, .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, .form-group.has-danger .tt-hint,\n.form-group.has-danger .tt-query,\n.form-group.has-danger .typeahead {\n border-color: #ff6258; }\n\n.form-group .file-upload-default {\n visibility: hidden;\n position: absolute; }\n\n.form-group .file-upload-info {\n background: transparent; }\n\n.map-container {\n position: relative;\n min-width: 100%;\n max-width: 100%;\n display: block;\n padding: 35% 0;\n overflow: hidden;\n border-radius: 5px; }\n .map-container .google-map {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 100%; }\n .map-container .google-map.no-controls .gm-style-cc,\n .map-container .google-map.no-controls .gmnoprint {\n display: none; }\n\n/* Icons */\n.icons-list {\n border-left: 1px solid var(--outline);\n border-bottom: 1px solid var(--outline); }\n .icons-list > div {\n background: var(--dropdown-bg);\n border-top: 1px solid var(--outline);\n border-right: 1px solid var(--outline);\n display: flex;\n align-items: center;\n padding: 15px;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem; }\n .icons-list > div i {\n display: inline-block;\n font-size: 20px;\n width: 40px;\n text-align: left;\n color: #2196f3; }\n\n/* Lists */\ndl,\nol,\nul {\n padding-left: 1rem;\n font-size: 0.875rem; }\n dl li,\n ol li,\n ul li {\n line-height: 1.8; }\n\n.list-arrow,\n.list-star,\n.list-ticked {\n list-style: none;\n padding: 0; }\n .list-arrow li,\n .list-star li,\n .list-ticked li {\n padding-left: 1.5rem; }\n .list-arrow li:before,\n .list-star li:before,\n .list-ticked li:before {\n font-family: \"Material Design Icons\";\n margin-left: -1.5rem;\n width: 1.5rem;\n margin-right: 0.5rem; }\n\n.list-ticked li:before {\n content: '\\F12D';\n color: #ff6258; }\n\n.list-arrow li:before {\n content: '\\F142';\n color: #19d895; }\n\n.list-star li:before {\n content: '\\F4CE';\n color: #ffaf00; }\n\n.bullet-line-list {\n padding-left: 30px;\n margin-bottom: 0;\n position: relative;\n list-style-type: none; }\n .rtl .bullet-line-list {\n padding-right: 0px; }\n .bullet-line-list li {\n position: relative;\n line-height: 1;\n padding-bottom: 10px; }\n .bullet-line-list li:before {\n content: \"\";\n position: absolute;\n border-radius: 100%;\n width: 12px;\n height: 12px;\n left: -28px;\n top: 6px;\n border: 3px solid #2196f3;\n margin-right: 15px;\n z-index: 2;\n background: #ffffff; }\n .bullet-line-list li:after {\n content: \"\";\n border: 1px solid var(--outline);\n position: absolute;\n bottom: 0;\n left: -23px;\n height: 100%; }\n .bullet-line-list li:first-child:after {\n content: \"\";\n height: 80%; }\n .bullet-line-list li:last-child {\n padding-bottom: 0; }\n .bullet-line-list li:last-child:after {\n content: \"\";\n top: 0;\n height: 30%; }\n\n/* Loaders */\n#pgloading {\n position: static; }\n #pgloading .bokeh {\n font-size: 100px;\n width: 1em;\n height: 1em;\n position: relative;\n margin: 0 auto;\n border-radius: 50%;\n border: 0.01em solid var(--outline);\n list-style: none;\n padding: 0; }\n #pgloading .bokeh li {\n position: absolute;\n width: 0.2em;\n height: 0.2em;\n border-radius: 50%; }\n #pgloading .bokeh li:nth-child(1) {\n left: 50%;\n top: 0;\n margin: 0 0 0 -.1em;\n background: #19d895;\n -webkit-transform-origin: 50% 250%;\n transform-origin: 50% 250%;\n -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;\n animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(2) {\n top: 50%;\n right: 0;\n margin: -.1em 0 0;\n background: #ff6258;\n -webkit-transform-origin: -150% 50%;\n transform-origin: -150% 50%;\n -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;\n animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(3) {\n left: 50%;\n bottom: 0;\n margin: 0 0 0 -.1em;\n background: #ffaf00;\n -webkit-transform-origin: 50% -150%;\n transform-origin: 50% -150%;\n -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;\n animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(4) {\n top: 50%;\n left: 0;\n margin: -.1em 0 0;\n background: #2196f3;\n -webkit-transform-origin: 250% 50%;\n transform-origin: 250% 50%;\n -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;\n animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; }\n\n@-webkit-keyframes rota {\n from { }\n to {\n -webkit-transform: rotate(360deg); } }\n\n@keyframes rota {\n from { }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes opa {\n 0% { }\n 12.0% {\n opacity: 0.80; }\n 19.5% {\n opacity: 0.88; }\n 37.2% {\n opacity: 0.64; }\n 40.5% {\n opacity: 0.52; }\n 52.7% {\n opacity: 0.69; }\n 60.2% {\n opacity: 0.60; }\n 66.6% {\n opacity: 0.52; }\n 70.0% {\n opacity: 0.63; }\n 79.9% {\n opacity: 0.60; }\n 84.2% {\n opacity: 0.75; }\n 91.0% {\n opacity: 0.87; } }\n\n@keyframes opa {\n 0% { }\n 12.0% {\n opacity: 0.80; }\n 19.5% {\n opacity: 0.88; }\n 37.2% {\n opacity: 0.64; }\n 40.5% {\n opacity: 0.52; }\n 52.7% {\n opacity: 0.69; }\n 60.2% {\n opacity: 0.60; }\n 66.6% {\n opacity: 0.52; }\n 70.0% {\n opacity: 0.63; }\n 79.9% {\n opacity: 0.60; }\n 84.2% {\n opacity: 0.75; }\n 91.0% {\n opacity: 0.87; } }\n\n.glowing-loader {\n position: relative; }\n\n.s2 {\n position: absolute;\n height: 70px;\n width: 70px;\n top: 50px;\n background-color: transparent;\n left: 50%;\n transform: translate(-50%, -50%); }\n\n.s1 {\n position: absolute;\n height: 70px;\n width: 70px;\n left: 50%;\n top: 50px;\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(45deg);\n background-color: transparent; }\n\n.bigcon {\n position: absolute;\n height: 75px;\n width: 75px;\n left: 50%;\n top: 50px;\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(-45deg);\n background-color: transparent;\n animation: bigcon 2s infinite linear;\n animation-delay: 0.25s; }\n\n.b {\n border-radius: 50%;\n position: absolute; }\n\n.s {\n width: 15px;\n height: 15px;\n animation: small 2s infinite ease;\n box-shadow: 0 2px rgba(0, 0, 0, 0.3);\n background-color: #2196f3; }\n\n.s:nth-child(1) {\n top: 0;\n left: 0; }\n\n.s:nth-child(2) {\n top: 0;\n right: 0; }\n\n.s:nth-child(3) {\n right: 0;\n bottom: 0; }\n\n.s:nth-child(4) {\n bottom: 0;\n left: 0; }\n\n.big {\n width: 15px;\n height: 15px;\n border-radius: 15px;\n box-shadow: 0 0 10px #2196f3, 0 0 20px #2196f3, 0 0 30px #2196f3, 0 0 50px #2196f3, 0 0 60px #2196f3;\n z-index: 1;\n background-color: #2196f3;\n animation: bigball 1s infinite linear; }\n\n.sb1 {\n animation-delay: -1.75s; }\n\n.sb6 {\n animation-delay: -1.5s; }\n\n.sb2 {\n animation-delay: -1.25s; }\n\n.sb7 {\n animation-delay: -1s; }\n\n.sb3 {\n animation-delay: -0.75s; }\n\n.sb8 {\n animation-delay: -0.5s; }\n\n.sb4 {\n animation-delay: -0.25s; }\n\n.sb5 {\n animation-delay: -0s; }\n\n@keyframes bigcon {\n 0% {\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(45deg); }\n 100% {\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(405deg); } }\n\n@keyframes small {\n 0% {\n transform: scale(1);\n background-color: #82c4f8; }\n 10% {\n transform: scale(1.3);\n background-color: #2196f3; }\n 15% {\n transform: scale(1); }\n 25% {\n transform: scale(1);\n background-color: #2196f3; }\n 100% {\n transform: scale(1);\n background-color: #2196f3; } }\n\n/* Pixel loader */\n.pixel-loader {\n width: 10px;\n height: 10px;\n background: #ffaf00;\n color: #ffaf00;\n margin: 80px auto;\n box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;\n animation: anim 2s linear infinite; }\n\n@keyframes anim {\n 0% {\n -webkit-filter: hue-rotate(0deg); }\n 50% {\n box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; }\n 75% {\n box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; }\n 100% {\n transform: rotate(360deg);\n -webkit-filter: hue-rotate(360deg); } }\n\n/* Square box loader */\n@keyframes dyinglight {\n 15% {\n transform: scale(1.6); }\n 50% {\n transform: rotate(-89deg); }\n 100% {\n transform: rotate(-90deg); } }\n\n.square-box-loader {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: inline-block; }\n\n.square-box-loader-square {\n display: block;\n width: 30px;\n height: 30px;\n background: #2196f3; }\n\n.square-box-loader-container {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n transform-origin: 50% 50% 0;\n animation: dyinglight 1s ease infinite;\n backface-visibility: hidden; }\n\n.square-box-loader-corner-bottom:after,\n.square-box-loader-corner-bottom:before,\n.square-box-loader-corner-top:after,\n.square-box-loader-corner-top:before {\n position: absolute;\n width: 10px;\n height: 10px;\n color: #2196f3;\n content: ''; }\n\n.square-box-loader-corner-top:before {\n border-left: 1px solid;\n border-top: 1px solid;\n top: -4px;\n left: -4px; }\n\n.square-box-loader-corner-top:after {\n border-right: 1px solid;\n border-top: 1px solid;\n top: -4px;\n right: -4px; }\n\n.square-box-loader-corner-bottom:before {\n border-left: 1px solid;\n border-bottom: 1px solid;\n bottom: -4px;\n left: -4px; }\n\n.square-box-loader-corner-bottom:after {\n border-right: 1px solid;\n border-bottom: 1px solid;\n bottom: -4px;\n right: -4px; }\n\n/* Circle loader */\n.circle-loader {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.circle-loader:after,\n.circle-loader:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n border: 10px solid transparent;\n border-top-color: #ffaf00; }\n\n.circle-loader:before {\n z-index: 100;\n animation: spin 1s infinite; }\n\n.circle-loader:after {\n border: 10px solid #dde4eb; }\n\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n/* Jumping dots loader */\n.jumping-dots-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.jumping-dots-loader span {\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n background-color: rgba(255, 98, 88, 0.8);\n margin: 35px 5px; }\n\n.jumping-dots-loader span:nth-child(1) {\n animation: bounce 1s ease-in-out infinite; }\n\n.jumping-dots-loader span:nth-child(2) {\n animation: bounce 1s ease-in-out 0.33s infinite; }\n\n.jumping-dots-loader span:nth-child(3) {\n animation: bounce 1s ease-in-out 0.66s infinite; }\n\n@keyframes bounce {\n 0%,\n 100%,\n 75% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0); }\n 25% {\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n -o-transform: translateY(-20px);\n transform: translateY(-20px); } }\n\n/* Bar loader */\n.bar-loader {\n width: 50px;\n height: 50px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.bar-loader span {\n display: inline-block;\n width: 5px;\n height: 30px;\n background-color: rgba(255, 98, 88, 0.7); }\n\n.bar-loader span:nth-child(1) {\n animation: grow 1s ease-in-out infinite; }\n\n.bar-loader span:nth-child(2) {\n animation: grow 1s ease-in-out 0.15s infinite; }\n\n.bar-loader span:nth-child(3) {\n animation: grow 1s ease-in-out 0.30s infinite; }\n\n.bar-loader span:nth-child(4) {\n animation: grow 1s ease-in-out 0.45s infinite; }\n\n@keyframes grow {\n 0%,\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n -o-transform: scaleY(1);\n transform: scaleY(1); }\n 50% {\n -webkit-transform: scaleY(1.8);\n -ms-transform: scaleY(1.8);\n -o-transform: scaleY(1.8);\n transform: scaleY(1.8); } }\n\n/* Square path loader */\n.square-path-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.square-path-loader:after,\n.square-path-loader:before {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 0;\n left: calc(50% - 10px);\n background-color: rgba(25, 216, 149, 0.7);\n animation: squaremove 1s ease-in-out infinite; }\n\n.square-path-loader:after {\n bottom: 0;\n animation-delay: 0.5s; }\n\n@keyframes squaremove {\n 0%,\n 100% {\n -webkit-transform: translate(0, 0) rotate(0);\n -ms-transform: translate(0, 0) rotate(0);\n -o-transform: translate(0, 0) rotate(0);\n transform: translate(0, 0) rotate(0); }\n 25% {\n -webkit-transform: translate(40px, 40px) rotate(45deg);\n -ms-transform: translate(40px, 40px) rotate(45deg);\n -o-transform: translate(40px, 40px) rotate(45deg);\n transform: translate(40px, 40px) rotate(45deg); }\n 50% {\n -webkit-transform: translate(0px, 80px) rotate(0deg);\n -ms-transform: translate(0px, 80px) rotate(0deg);\n -o-transform: translate(0px, 80px) rotate(0deg);\n transform: translate(0px, 80px) rotate(0deg); }\n 75% {\n -webkit-transform: translate(-40px, 40px) rotate(45deg);\n -ms-transform: translate(-40px, 40px) rotate(45deg);\n -o-transform: translate(-40px, 40px) rotate(45deg);\n transform: translate(-40px, 40px) rotate(45deg); } }\n\n/* Dot opacity loader */\n.dot-opacity-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.dot-opacity-loader span {\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n background-color: #2196f3;\n margin: 35px 5px;\n opacity: 0; }\n\n.dot-opacity-loader span:nth-child(1) {\n animation: opacitychange 1s ease-in-out infinite; }\n\n.dot-opacity-loader span:nth-child(2) {\n animation: opacitychange 1s ease-in-out 0.33s infinite; }\n\n.dot-opacity-loader span:nth-child(3) {\n animation: opacitychange 1s ease-in-out 0.66s infinite; }\n\n@keyframes opacitychange {\n 0%,\n 100% {\n opacity: 0; }\n 60% {\n opacity: 1; } }\n\n/* Flip square */\n.flip-square-loader {\n -webkit-perspective: 120px;\n -moz-perspective: 120px;\n -ms-perspective: 120px;\n perspective: 120px;\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.flip-square-loader:before {\n content: \"\";\n position: absolute;\n left: 25px;\n top: 25px;\n width: 50px;\n height: 50px;\n background-color: rgba(25, 216, 149, 0.7);\n animation: flip 1s infinite; }\n\n@keyframes flip {\n 0% {\n transform: rotate(0); }\n 50% {\n transform: rotateY(180deg); }\n 100% {\n transform: rotateY(180deg) rotateX(180deg); } }\n\n/* Moving square loader */\n.moving-square-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.moving-square-loader:before {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: calc(50% - 10px);\n left: 0;\n background-color: rgba(255, 98, 88, 0.7);\n animation: rotatemove 1s infinite; }\n\n@keyframes rotatemove {\n 0% {\n -webkit-transform: scale(1) translateX(0px);\n -ms-transform: scale(1) translateX(0px);\n -o-transform: scale(1) translateX(0px);\n transform: scale(1) translateX(0px); }\n 100% {\n -webkit-transform: scale(2) translateX(45px);\n -ms-transform: scale(2) translateX(45px);\n -o-transform: scale(2) translateX(45px);\n transform: scale(2) translateX(45px); } }\n\n/* Modals */\n.modal .modal-dialog .modal-content {\n background: var(--card-banner-bg); }\n .modal .modal-dialog .modal-content .modal-header {\n padding: 25px 26px;\n border-bottom: 1px solid var(--outline); }\n .modal .modal-dialog .modal-content .modal-header .close span {\n font-size: 20px;\n font-weight: 400;\n color: #6a6a6a; }\n .modal .modal-dialog .modal-content .modal-body {\n padding: 35px 26px; }\n .modal .modal-dialog .modal-content .modal-footer {\n padding: 15px 31px;\n border-top: 1px solid var(--outline); }\n\n/* New Account */\n.new-accounts {\n overflow: hidden;\n position: relative; }\n .new-accounts ul.chats {\n height: 100%;\n padding: 0;\n margin-bottom: 0;\n overflow-x: hidden; }\n .new-accounts ul.chats li.chat-persons {\n padding: 15px 0;\n display: block;\n border-bottom: 1px solid var(--outline); }\n .new-accounts ul.chats li.chat-persons:last-child {\n border-bottom: none; }\n .new-accounts ul.chats li.chat-persons .btn.btn-xs, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .btn-xs.ajax-file-upload, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .btn-xs.swal2-styled, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions a.btn-xs, .wizard > .actions .new-accounts ul.chats li.chat-persons a.btn-xs {\n padding: 0.2rem 0.75rem; }\n .new-accounts ul.chats li.chat-persons a {\n text-decoration: none; }\n .new-accounts ul.chats li.chat-persons a span.pro-pic {\n display: inline-block;\n padding: 0;\n width: 20%;\n max-width: 40px; }\n .new-accounts ul.chats li.chat-persons a span.pro-pic img {\n max-width: 100%;\n width: 100%;\n border-radius: 100%; }\n .new-accounts ul.chats li.chat-persons a div.user {\n width: 60%;\n padding: 5px 10px 0 15px; }\n .new-accounts ul.chats li.chat-persons a div.user p.u-name {\n margin: 0;\n var(--base-text); }\n .new-accounts ul.chats li.chat-persons a div.user p.u-designation {\n margin: 0;\n var(--base-text);\n font-size: 12px; }\n .new-accounts ul.chats li.chat-persons a p.joined-date {\n text-align: right;\n margin-left: auto;\n margin-bottom: 0;\n font-size: 12px; }\n .rtl .new-accounts ul.chats li.chat-persons a p.joined-date {\n margin-left: 0;\n margin-right: auto; }\n\n/* Pagination */\n.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page a {\n border-color: var(--outline);\n var(--base-text);\n font-size: 0.875rem;\n transition-duration: 0.3s;\n background: var(--card-banner-bg); }\n .pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {\n background: inherit; }\n .pagination .page-item .page-link i:before, .jsgrid .jsgrid-pager .page-item .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {\n font-size: inherit;\n line-height: 1;\n vertical-align: middle; }\n\n.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,\n.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,\n.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,\n.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,\n.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,\n.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {\n background: #2196f3;\n border-color: #2196f3;\n var(--base-text)fff; }\n\n.pagination.flat .page-item .page-link, .jsgrid .flat.jsgrid-pager .page-item .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a,\n.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a,\n.jsgrid .flat.jsgrid-pager .jsgrid-pager-page a {\n border: none;\n border-radius: 2px; }\n\n.pagination.separated .page-item, .jsgrid .separated.jsgrid-pager .page-item, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page,\n.jsgrid .separated.jsgrid-pager .jsgrid-pager-page {\n margin-left: 2px;\n margin-right: 2px; }\n .pagination.separated .page-item:first-child, .jsgrid .separated.jsgrid-pager .page-item:first-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child {\n margin-left: 0; }\n .pagination.separated .page-item:last-child, .jsgrid .separated.jsgrid-pager .page-item:last-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child {\n margin-right: 0; }\n .pagination.separated .page-item .page-link, .jsgrid .separated.jsgrid-pager .page-item .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page a {\n border-radius: 2px; }\n\n.pagination.rounded .page-item:first-child .page-link, .pagination.loader-demo-box .page-item:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a, .pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a,\n.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a,\n.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a,\n.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a {\n border-radius: 25px 0 0 25px; }\n\n.pagination.rounded .page-item:last-child .page-link, .pagination.loader-demo-box .page-item:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a, .pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a,\n.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a,\n.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a,\n.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a {\n border-radius: 0 25px 25px 0; }\n\n.pagination.rounded-flat .page-item, .jsgrid .rounded-flat.jsgrid-pager .page-item, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page,\n.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page {\n margin-right: 3px;\n margin-left: 3px; }\n .pagination.rounded-flat .page-item .page-link, .jsgrid .rounded-flat.jsgrid-pager .page-item .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a,\n .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a,\n .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a {\n border: none;\n border-radius: 50px; }\n\n.pagination.rounded-separated .page-item, .jsgrid .rounded-separated.jsgrid-pager .page-item, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page,\n.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page {\n margin-left: 2px;\n margin-right: 2px; }\n .pagination.rounded-separated .page-item:first-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child {\n margin-left: 0; }\n .pagination.rounded-separated .page-item:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a,\n .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a {\n border-radius: 10px 0 0 10px; }\n .pagination.rounded-separated .page-item:last-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child {\n margin-right: 0; }\n .pagination.rounded-separated .page-item:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a,\n .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a {\n border-radius: 0 10px 10px 0; }\n .pagination.rounded-separated .page-item .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a {\n border-radius: 2px; }\n\n/* pagination variations */\n.pagination-primary .page-item.active .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,\n.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a,\n.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {\n background: #2196f3;\n border-color: #2196f3; }\n\n.pagination-primary .page-item .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,\n.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {\n background: #39a1f4;\n border-color: #2196f3;\n var(--base-text)fff; }\n\n.pagination-secondary .page-item.active .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a,\n.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a,\n.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {\n background: #dde4eb;\n border-color: #dde4eb; }\n\n.pagination-secondary .page-item .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover,\n.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover {\n background: #edf1f4;\n border-color: #dde4eb;\n var(--base-text)fff; }\n\n.pagination-success .page-item.active .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link, .pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a,\n.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a,\n.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {\n background: #19d895;\n border-color: #19d895; }\n\n.pagination-success .page-item .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover,\n.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {\n background: #25e6a2;\n border-color: #19d895;\n var(--base-text)fff; }\n\n.pagination-info .page-item.active .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a,\n.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,\n.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {\n background: #8862e0;\n border-color: #8862e0; }\n\n.pagination-info .page-item .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover,\n.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {\n background: #9877e4;\n border-color: #8862e0;\n var(--base-text)fff; }\n\n.pagination-warning .page-item.active .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link, .pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a,\n.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a,\n.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {\n background: #ffaf00;\n border-color: #ffaf00; }\n\n.pagination-warning .page-item .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover,\n.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {\n background: #ffb71a;\n border-color: #ffaf00;\n var(--base-text)fff; }\n\n.pagination-danger .page-item.active .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a,\n.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a,\n.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {\n background: #ff6258;\n border-color: #ff6258; }\n\n.pagination-danger .page-item .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover,\n.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {\n background: #ff7a72;\n border-color: #ff6258;\n var(--base-text)fff; }\n\n.pagination-light .page-item.active .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a,\n.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,\n.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {\n background: #fbfbfb;\n border-color: #fbfbfb; }\n\n.pagination-light .page-item .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover,\n.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {\n background: white;\n border-color: #fbfbfb;\n var(--base-text)fff; }\n\n.pagination-dark .page-item.active .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link, .pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a,\n.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,\n.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {\n background: #252C46;\n border-color: #252C46; }\n\n.pagination-dark .page-item .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover,\n.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {\n background: #2e3657;\n border-color: #252C46;\n var(--base-text)fff; }\n\n/* Popovers */\n.popover-static-demo .popover {\n width: 185px;\n position: relative;\n display: block;\n float: left;\n margin: 1rem 0.5rem; }\n .popover-static-demo .popover.bs-popover-bottom-demo .arrow, .popover-static-demo .popover.bs-popover-top-demo .arrow {\n left: 50%;\n transform: translateX(-50%); }\n .popover-static-demo .popover.bs-popover-left-demo .arrow, .popover-static-demo .popover.bs-popover-right-demo .arrow {\n top: 50%;\n transform: translateY(-50%); }\n\n.popover {\n z-index: 1029; }\n .popover.bs-popover-top-demo .arrow:before {\n border-top-color: var(--card-banner-bg); }\n .popover.bs-popover-top-demo .arrow:after {\n border-top-color: var(--card-banner-bg); }\n .popover.bs-popover-right-demo .arrow:before {\n border-right-color: var(--card-banner-bg); }\n .popover.bs-popover-right-demo .arrow:after {\n border-right-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .arrow:before {\n border-bottom-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .arrow:after {\n border-bottom-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .popover-header:before {\n border-bottom: 0; }\n .popover.bs-popover-left-demo .arrow:before {\n border-left-color: var(--card-banner-bg); }\n .popover.bs-popover-left-demo .arrow:after {\n border-left-color: var(--card-banner-bg); }\n .popover .popover-header {\n font-size: 0.9375rem;\n border-bottom: 0;\n color: #2196f3;\n background: var(--card-banner-bg); }\n .popover .popover-body {\n color: #000;\n background: var(--card-banner-bg); }\n .popover.left .arrow:after {\n border-left-color: var(--card-banner-bg); }\n .popover.right .arrow:after {\n border-right-color: var(--card-banner-bg); }\n\n.popover-primary .popover-header {\n background: #2196f3;\n var(--base-text)fff; }\n\n.popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #2196f3; }\n\n.popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #2196f3; }\n\n.popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #2196f3; }\n\n.popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #2196f3; }\n\n.popover-secondary .popover-header {\n background: #dde4eb;\n var(--base-text)fff; }\n\n.popover-secondary.bs-popover-top .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-secondary.bs-popover-top .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #dde4eb; }\n\n.popover-secondary.bs-popover-right .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-secondary.bs-popover-right .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #dde4eb; }\n\n.popover-secondary.bs-popover-bottom .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-secondary.bs-popover-bottom .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #dde4eb; }\n\n.popover-secondary.bs-popover-left .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-secondary.bs-popover-left .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #dde4eb; }\n\n.popover-success .popover-header {\n background: #19d895;\n var(--base-text)fff; }\n\n.popover-success.bs-popover-top .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-success.bs-popover-top .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #19d895; }\n\n.popover-success.bs-popover-right .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-success.bs-popover-right .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #19d895; }\n\n.popover-success.bs-popover-bottom .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-success.bs-popover-bottom .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #19d895; }\n\n.popover-success.bs-popover-left .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-success.bs-popover-left .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #19d895; }\n\n.popover-info .popover-header {\n background: #8862e0;\n var(--base-text)fff; }\n\n.popover-info.bs-popover-top .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-info.bs-popover-top .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #8862e0; }\n\n.popover-info.bs-popover-right .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-info.bs-popover-right .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #8862e0; }\n\n.popover-info.bs-popover-bottom .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-info.bs-popover-bottom .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #8862e0; }\n\n.popover-info.bs-popover-left .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-info.bs-popover-left .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #8862e0; }\n\n.popover-warning .popover-header {\n background: #ffaf00;\n var(--base-text)fff; }\n\n.popover-warning.bs-popover-top .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-warning.bs-popover-top .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #ffaf00; }\n\n.popover-warning.bs-popover-right .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-warning.bs-popover-right .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #ffaf00; }\n\n.popover-warning.bs-popover-bottom .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-warning.bs-popover-bottom .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #ffaf00; }\n\n.popover-warning.bs-popover-left .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-warning.bs-popover-left .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #ffaf00; }\n\n.popover-danger .popover-header {\n background: #ff6258;\n var(--base-text)fff; }\n\n.popover-danger.bs-popover-top .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-danger.bs-popover-top .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #ff6258; }\n\n.popover-danger.bs-popover-right .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-danger.bs-popover-right .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #ff6258; }\n\n.popover-danger.bs-popover-bottom .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-danger.bs-popover-bottom .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #ff6258; }\n\n.popover-danger.bs-popover-left .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-danger.bs-popover-left .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #ff6258; }\n\n.popover-light .popover-header {\n background: #fbfbfb;\n var(--base-text)fff; }\n\n.popover-light.bs-popover-top .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-light.bs-popover-top .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #fbfbfb; }\n\n.popover-light.bs-popover-right .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-light.bs-popover-right .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #fbfbfb; }\n\n.popover-light.bs-popover-bottom .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-light.bs-popover-bottom .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #fbfbfb; }\n\n.popover-light.bs-popover-left .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-light.bs-popover-left .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #fbfbfb; }\n\n.popover-dark .popover-header {\n background: #252C46;\n var(--base-text)fff; }\n\n.popover-dark.bs-popover-top .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-dark.bs-popover-top .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: #252C46; }\n\n.popover-dark.bs-popover-right .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-dark.bs-popover-right .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: #252C46; }\n\n.popover-dark.bs-popover-bottom .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-dark.bs-popover-bottom .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: #252C46; }\n\n.popover-dark.bs-popover-left .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-dark.bs-popover-left .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: #252C46; }\n\n/* Portfolio */\n.portfolio-grid figure {\n position: relative;\n float: left;\n overflow: hidden;\n width: 100%;\n background: #ffaf00;\n text-align: center;\n cursor: pointer; }\n @media (max-width: 767px) {\n .portfolio-grid figure {\n width: 270px; } }\n .portfolio-grid figure img {\n position: relative;\n display: block;\n min-height: 100%;\n max-width: 100%;\n width: 100%;\n opacity: 0.8; }\n .portfolio-grid figure figcaption {\n padding: 2em;\n var(--base-text)fff;\n text-transform: uppercase;\n font-size: 1.25em;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n .portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before {\n pointer-events: none; }\n .portfolio-grid figure.effect-text-in {\n border-radius: 0.25rem; }\n .portfolio-grid figure.effect-text-in h4,\n .portfolio-grid figure.effect-text-in img {\n -webkit-transition: -webkit-transform 0.35s;\n transition: transform 0.35s; }\n .portfolio-grid figure.effect-text-in img {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden; }\n .portfolio-grid figure.effect-text-in h4,\n .portfolio-grid figure.effect-text-in p {\n position: absolute;\n bottom: 10px;\n left: 0;\n padding: 10px;\n margin-bottom: 0;\n width: 100%; }\n .portfolio-grid figure.effect-text-in p {\n text-transform: none;\n opacity: 0;\n -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n transition: opacity 0.35s, transform 0.35s;\n -webkit-transform: translate3d(0, 50px, 0);\n transform: translate3d(0, 50px, 0); }\n .portfolio-grid figure.effect-text-in:hover img {\n -webkit-transform: translate3d(0, -80px, 0);\n transform: translate3d(0, -80px, 0); }\n .portfolio-grid figure.effect-text-in:hover h4 {\n -webkit-transform: translate3d(0, -100px, 0);\n transform: translate3d(0, -100px, 0); }\n .portfolio-grid figure.effect-text-in:hover p {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n/* Preview */\n.preview-list .preview-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0.75rem 1.5rem;\n font-size: 0.875rem;\n border-bottom: 1px solid var(--outline); }\n .preview-list .preview-item:last-child {\n border-bottom: 0; }\n .preview-list .preview-item .form-check {\n margin-top: 8px;\n margin-right: 1rem; }\n .preview-list .preview-item .preview-thumbnail {\n var(--base-text)fff;\n position: relative; }\n .preview-list .preview-item .preview-thumbnail .preview-icon,\n .preview-list .preview-item .preview-thumbnail img {\n border-radius: 100%; }\n .preview-list .preview-item .preview-thumbnail .preview-icon {\n padding: 6px;\n text-align: center; }\n .preview-list .preview-item .preview-thumbnail .preview-icon i {\n font-size: 1.125rem; }\n .preview-list .preview-item .preview-thumbnail .badge {\n border: 2px solid var(--outline);\n border-radius: 100%;\n bottom: 5px;\n display: block;\n height: 14px;\n left: -5px;\n padding: 0;\n position: absolute;\n width: 14px; }\n .preview-list .preview-item .preview-item-content {\n line-height: 1;\n padding-left: 1.5rem;\n var(--base-text); }\n .rtl .preview-list .preview-item .preview-item-content {\n padding-left: 0;\n padding-right: 1.5rem; }\n .preview-list .preview-item .preview-item-content:first-child {\n padding-left: 0; }\n .rtl .preview-list .preview-item .preview-item-content:first-child {\n padding-right: 0; }\n .preview-list .preview-item .preview-item-content p {\n margin-bottom: 10px; }\n .preview-list .preview-item .preview-item-content p .content-category {\n font-family: \"roboto\", sans-serif;\n padding-right: 15px;\n border-right: 1px solid var(--outline); }\n .preview-list .preview-item .preview-actions {\n display: flex;\n flex-direction: row; }\n .preview-list .preview-item .preview-actions i {\n width: 29px;\n color: #f7f7f9;\n height: 29px;\n border: 2px solid #f7f7f9;\n border-radius: 100%;\n padding: 3px 6px;\n display: inline-block; }\n .preview-list .preview-item .preview-actions i:first-child {\n margin-right: 10px; }\n\n.preview-list.comment-preview .preview-item {\n padding: 0.87rem 0; }\n .preview-list.comment-preview .preview-item:first-child {\n padding-top: 0; }\n .preview-list.comment-preview .preview-item p {\n line-height: 27px; }\n\n.preview-list.bordered .preview-item {\n border-bottom: 1px solid var(--outline); }\n .preview-list.bordered .preview-item:last-child {\n border-bottom: 0; }\n\n/* Pricing table */\n.pricing-table .pricing-card .pricing-card-body {\n padding: 50px 56px 43px; }\n .pricing-table .pricing-card .pricing-card-body .plan-features {\n width: 100%;\n margin-bottom: 32px; }\n .pricing-table .pricing-card .pricing-card-body .plan-features li {\n text-align: left;\n padding: 4px 0;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem; }\n\n/* Tables */\n.table, .jsgrid .jsgrid-table {\n margin-bottom: 0; }\n .table thead th, .jsgrid .jsgrid-table thead th {\n border-top: 0;\n border-bottom-width: 1px;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n var(--base-text);\n border-bottom-color: var(--outline); }\n .table thead th i, .jsgrid .jsgrid-table thead th i {\n margin-left: 0.325rem; }\n .table tbody td, .jsgrid .jsgrid-table tbody td {\n border-top-color: var(--outline); }\n \n .table td,\n .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th {\n vertical-align: middle;\n font-size: 0.875rem;\n line-height: 1;\n white-space: nowrap;\n height: 35px;\n padding: 12px 15px; }\n .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image),\n .table th img:not(.thumb-image),\n .jsgrid .jsgrid-table th img:not(.thumb-image) {\n border-radius: 100%; }\n .table td img.thumb-image, .jsgrid .jsgrid-table td img.thumb-image,\n .table th img.thumb-image,\n .jsgrid .jsgrid-table th img.thumb-image {\n width: 50px;\n height: 50px;\n border: 1px solid var(--outline); }\n .table td .badge, .jsgrid .jsgrid-table td .badge,\n .table th .badge,\n .jsgrid .jsgrid-table th .badge {\n margin-bottom: 0; }\n .table td .form-check, .jsgrid .jsgrid-table td .form-check,\n .table td .form-radio,\n .jsgrid .jsgrid-table td .form-radio,\n .table th .form-check,\n .jsgrid .jsgrid-table th .form-check,\n .table th .form-radio,\n .jsgrid .jsgrid-table th .form-radio {\n margin-top: 0;\n margin-bottom: -0px; }\n \n .table td,\n .jsgrid .jsgrid-table td {\n var(--base-text); }\n .table td .form-check .form-check-label input:checked + .input-helper:after, .jsgrid .jsgrid-table td .form-check .form-check-label input:checked + .input-helper:after {\n line-height: 1px; }\n .table.table-borderless, .jsgrid .table-borderless.jsgrid-table {\n border: none; }\n .table.table-borderless td, .jsgrid .table-borderless.jsgrid-table td,\n .table.table-borderless th,\n .jsgrid .table-borderless.jsgrid-table th,\n .table.table-borderless tr,\n .jsgrid .table-borderless.jsgrid-table tr {\n border: none; }\n .table.table-bordered thead, .jsgrid .table-bordered.jsgrid-table thead {\n border: 1px solid var(--outline);\n border-bottom: none; }\n .table.table-bordered thead tr:not(.enable-border) th, .jsgrid .table-bordered.jsgrid-table thead tr:not(.enable-border) th {\n border-left: none;\n border-right: none; }\n .table.table-bordered td, .jsgrid .table-bordered.jsgrid-table td {\n border-color: var(--outline); }\n .table.table-bordered.table-edge-border-0, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table {\n border-left: none;\n border-right: none;\n border-bottom: none; }\n .table.table-bordered.table-edge-border-0 thead, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table thead {\n border-left: none;\n border-right: none; }\n .table.table-bordered.table-edge-border-0 th:first-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:first-child,\n .table.table-bordered.table-edge-border-0 td:first-child,\n .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:first-child {\n border-left: 1px solid transparent; }\n .table.table-bordered.table-edge-border-0 th:last-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:last-child,\n .table.table-bordered.table-edge-border-0 td:last-child,\n .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:last-child {\n border-right: 1px solid transparent; }\n .table.table-striped tbody tr:nth-child(odd), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(odd) {\n background: rgba(0, 0, 0, 0.05); }\n .table.table-striped tbody tr:nth-child(even), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(even) {\n background: transparent; }\n .table.table-stretched thead tr th:first-child, .jsgrid .table-stretched.jsgrid-table thead tr th:first-child,\n .table.table-stretched thead tr td:first-child,\n .jsgrid .table-stretched.jsgrid-table thead tr td:first-child,\n .table.table-stretched tbody tr th:first-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr th:first-child,\n .table.table-stretched tbody tr td:first-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr td:first-child {\n padding-left: 0; }\n .table.table-stretched thead tr th:last-child, .jsgrid .table-stretched.jsgrid-table thead tr th:last-child,\n .table.table-stretched thead tr td:last-child,\n .jsgrid .table-stretched.jsgrid-table thead tr td:last-child,\n .table.table-stretched tbody tr th:last-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr th:last-child,\n .table.table-stretched tbody tr td:last-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr td:last-child {\n padding-right: 0;\n text-align: right; }\n\n/* Tabs */\n.nav-pills .nav-item .nav-link,\n.nav-tabs .nav-item .nav-link {\n font-family: \"roboto\", sans-serif;\n line-height: 1;\n font-size: 0.875rem;\n var(--base-text);\n text-align: center;\n display: flex; }\n .nav-pills .nav-item .nav-link i,\n .nav-tabs .nav-item .nav-link i {\n margin-right: 10px; }\n\n.tab-content {\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem;\n line-height: 1.71; }\n\n.tab-basic {\n border-bottom: none;\n margin-bottom: 20px; }\n .tab-basic .nav-item {\n margin-right: 7%; }\n .tab-basic .nav-item .nav-link {\n var(--base-text)\n padding: 0 0 7px;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: 2px solid var(--outline); }\n .tab-basic .nav-item .nav-link.active {\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: 2px solid #19d895;\n color: #19d895;\n background: var(--dropdown-bg); }\n\n.tab-solid {\n border: none;\n margin-bottom: 30px; }\n .tab-solid .nav-item .nav-link {\n border: none;\n padding: 10px 16px;\n border-radius: 4px; }\n .tab-solid .nav-item .nav-link:nth(fist-child) {\n padding-left: 0; }\n .tab-solid .nav-item .nav-link.active {\n border: none;\n var(--base-text)fff; }\n\n.tab-content-solid {\n border: none;\n padding-left: 0;\n padding-right: 0; }\n\n.tab-solid-primary .nav-link.active {\n background: #2196f3; }\n\n.tab-solid-secondary .nav-link.active {\n background: #dde4eb; }\n\n.tab-solid-success .nav-link.active {\n background: #19d895; }\n\n.tab-solid-info .nav-link.active {\n background: #8862e0; }\n\n.tab-solid-warning .nav-link.active {\n background: #ffaf00; }\n\n.tab-solid-danger .nav-link.active {\n background: #ff6258; }\n\n.tab-solid-light .nav-link.active {\n background: #fbfbfb; }\n\n.tab-solid-dark .nav-link.active {\n background: #252C46; }\n\n.tab-minimal .nav-tabs {\n border: none; }\n .tab-minimal .nav-tabs .nav-item .nav-link {\n border: none;\n font-size: 14px; }\n .tab-minimal .nav-tabs .nav-item .nav-link.active {\n font-weight: 600;\n background: var(--dropdown-bg);\n var(--base-text); }\n .tab-minimal .nav-tabs .nav-item .nav-link:first-child {\n padding-left: 0; }\n\n.tab-simple-styled {\n border-bottom: none;\n margin-top: 30px;\n margin-bottom: 30px; }\n .tab-simple-styled .nav-item {\n margin-right: 30px; }\n .tab-simple-styled .nav-item .nav-link {\n border: none;\n padding: 0;\n var(--base-text) }\n .tab-simple-styled .nav-item .nav-link.active {\n background: var(--dropdown-bg);\n color: #8862e0; }\n\n.tab-tile-style {\n display: flex;\n justify-content: space-around;\n border-bottom: none;\n margin-bottom: 30px; }\n .tab-tile-style .nav-item .nav-link {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n padding: 15px 25px;\n border-radius: 0px;\n border: none; }\n .tab-tile-style .nav-item .nav-link p {\n margin-bottom: 0; }\n .tab-tile-style .nav-item:hover {\n border: none; }\n .tab-tile-style .nav-item.active .nav-link {\n background: rgba(230, 236, 245, 0.4); }\n .tab-tile-style .nav-item.active .nav-link:before {\n content: \"\";\n position: absolute;\n top: 0px;\n width: 100%;\n left: 0;\n height: 2px;\n background: #ff6258;\n right: 0; }\n\n.vertical-tab {\n display: flex; }\n .vertical-tab .nav-tabs {\n flex-direction: column;\n margin-bottom: 0; }\n .vertical-tab .tab-content {\n margin-bottom: 0; }\n\n/* Settings Panel */\n.settings-panel {\n display: block;\n position: fixed;\n top: 0;\n right: -300px;\n bottom: 0;\n width: 300px;\n height: 100vh;\n min-height: 100%;\n background: var(--dropdown-bg);\n padding-top: 50px;\n transition-duration: 0.25s;\n transition-timing-function: ease;\n transition-property: right, box-shadow;\n z-index: 9999; }\n .settings-panel .nav-tabs {\n display: flex;\n justify-content: center;\n width: auto;\n margin: 0;\n padding: 0;\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .settings-panel .nav-tabs .nav-item {\n border: none; }\n .settings-panel .nav-tabs .nav-item .nav-link {\n text-align: center;\n border: none;\n display: flex;\n align-items: center;\n color: rgba(255, 255, 255, 0.5);\n transition-duration: 0.4s;\n transition-property: color;\n justify-content: center; }\n .settings-panel .nav-tabs .nav-item .nav-link.active {\n background: transparent;\n var(--base-text)fff; }\n .settings-panel .tab-content {\n border: none;\n padding: 20px 0 0; }\n .settings-panel .tab-content .tab-pane.scroll-wrapper {\n position: relative;\n max-height: 100vh;\n height: 100%;\n padding-bottom: 150px; }\n .settings-panel .settings-heading {\n padding: 16px 0 13px 20px; }\n .rtl .settings-panel .settings-heading {\n padding: 16px 35px 13px 0;\n text-align: right; }\n .rtl .settings-panel small.settings-heading {\n padding: 16px 0 13px 12px; }\n .settings-panel .sidebar-bg-options {\n padding: 13px 35px;\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n line-height: 1;\n color: #595959;\n background: #ffffff;\n transition-duration: 0.25s;\n transition-property: background; }\n .settings-panel .sidebar-bg-options.selected {\n background: #f7f7f9; }\n .settings-panel .color-tiles {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n margin: 0 35px 10px;\n padding-top: 15px; }\n .settings-panel .color-tiles .tiles {\n margin: 10px 18px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .settings-panel .color-tiles .tiles:before {\n content: \"\";\n width: 0;\n height: 0;\n opacity: 0;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n border: 0 solid rgba(255, 255, 255, 0.4);\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .settings-panel .color-tiles .tiles.selected:before {\n width: 10px;\n height: 10px;\n opacity: 1;\n border-width: 1px; }\n .settings-panel .color-tiles .tiles.pink {\n background: #E91E63; }\n .settings-panel .color-tiles .tiles.default {\n border: 1px solid white;\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .settings-panel .chat-list {\n padding-left: 0; }\n .settings-panel .chat-list .list {\n padding: 0.4rem 0.8rem;\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid var(--outline); }\n .settings-panel .chat-list .list:last-child {\n border-bottom: none; }\n .settings-panel .chat-list .list .profile {\n position: relative;\n margin-right: 1rem; }\n .settings-panel .chat-list .list .profile img {\n width: 2.50rem;\n height: 2.50rem;\n border-radius: 100%; }\n .settings-panel .chat-list .list .profile span {\n height: 0.75rem;\n width: 0.75rem;\n position: absolute;\n bottom: 0.34rem;\n right: 0;\n border: 0.13rem solid #ffffff;\n border-radius: 100%; }\n .settings-panel .chat-list .list .profile span.online {\n background: #19d895; }\n .settings-panel .chat-list .list .profile span.offline {\n background: #ffaf00; }\n .settings-panel .chat-list .list .info {\n margin-right: auto; }\n .settings-panel .chat-list .list .info p {\n display: block;\n margin-bottom: 0; }\n .settings-panel .chat-list .list .info p:last-child {\n opacity: 0.5;\n font-size: 0.8rem; }\n .rtl .settings-panel .chat-list .list .info p:last-child {\n text-align: right; }\n .settings-panel .chat-list .list.active {\n background: #26283f; }\n .settings-panel.open {\n right: 0;\n box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); }\n .settings-panel .settings-close {\n position: absolute;\n top: 47px;\n right: 10px;\n color: #2196f3;\n background: transparent;\n border-radius: 4px;\n padding: 0 3px;\n cursor: pointer;\n transition-duration: 0.2s;\n z-index: 999; }\n .settings-panel .settings-close:hover {\n background: rgba(255, 255, 255, 0.3); }\n .rtl .settings-panel .settings-close {\n right: unset;\n left: 10px; }\n .settings-panel .events p {\n font-family: \"roboto\", sans-serif; }\n .rtl .settings-panel .events p {\n text-align: right; }\n .rtl .settings-panel {\n right: unset;\n left: -300px;\n transition-property: left; }\n .rtl .settings-panel .chat-list {\n padding-right: 0; }\n .rtl .settings-panel .chat-list .list .profile {\n margin-right: 0;\n margin-left: 1rem; }\n .rtl .settings-panel .chat-list .list .info {\n margin-right: 0;\n margin-left: auto; }\n .rtl .settings-panel .chat-list .list .info .badge {\n margin-right: 10px; }\n .rtl .settings-panel.open {\n left: 0;\n right: unset; }\n .settings-panel .demo-screen-wrapper {\n height: 100vh;\n overflow-y: auto;\n padding-bottom: 100px;\n padding-top: 20px; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image {\n display: block;\n margin-bottom: 5px;\n padding: 10px 25px; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image img {\n width: 100%;\n max-width: 100%;\n box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);\n transform: scale(1);\n border-radius: 4px;\n transition-duration: 0.2s;\n transition-timing-function: ease;\n transition-property: \"transform\", \"box-shadow\"; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image img:hover {\n transform: scale(1.05);\n box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); }\n\n.right-sidebar-toggler-wrapper {\n position: fixed;\n bottom: 50px;\n right: 10px;\n z-index: 99;\n padding: 5px;\n background: var(--deep-bg);\n border-radius: 4px;\n box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4); }\n .right-sidebar-toggler-wrapper .sidebar-toggler {\n padding: 7px 10px;\n var(--base-text);\n transition-duration: 0.3s;\n transition-timing-function: ease;\n background: var(--dropdown-bg);\n margin-bottom: 5px;\n border-radius: 4px; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:last-child {\n margin-bottom: 0; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:hover {\n background: rgba(33, 150, 243, 0.2);\n color: #2196f3; }\n .right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler {\n background: rgba(25, 216, 149, 0.2);\n color: #19d895; }\n .right-sidebar-toggler-wrapper .sidebar-toggler a {\n color: inherit; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:last-child {\n border-bottom: none; }\n\n/* Tabs */\n.add-items {\n margin-bottom: 1.5rem;\n overflow: hidden; }\n .add-items input[type=\"text\"] {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%; }\n .add-items .btn, .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard > .actions a, .wizard > .actions .add-items a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.list-wrapper {\n height: 100%;\n max-height: 100%; }\n .list-wrapper ul {\n padding: 0;\n text-align: left;\n list-style: none;\n margin-bottom: 0; }\n .list-wrapper ul li {\n font-size: 0.9375rem;\n padding: 0.4rem 0;\n border-bottom: 1px solid var(--outline); }\n .list-wrapper ul li .form-check {\n max-width: 90%; }\n .list-wrapper ul li .col-content {\n width: 100%; }\n .list-wrapper ul li .col-content > div {\n width: 100%; }\n .list-wrapper input[type=\"checkbox\"] {\n margin-right: 15px; }\n .list-wrapper .remove {\n margin-left: auto;\n cursor: pointer;\n font-size: 1.3rem;\n font-weight: 600;\n color: #2196f3;\n width: 1.25rem;\n height: 1.25rem;\n line-height: 20px;\n text-align: center; }\n .rtl .list-wrapper .remove {\n margin-right: auto;\n margin-left: 0; }\n .list-wrapper .completed {\n text-decoration: line-through;\n text-decoration-color: #2196f3; }\n .list-wrapper .completed .remove {\n text-decoration: none; }\n\n/* Tooltips */\n.tooltip-static-demo .tooltip {\n position: relative;\n display: inline-block;\n opacity: 1;\n margin: 0 10px 10px 0; }\n\n.tooltip-static-demo .bs-tooltip-bottom-demo .arrow,\n.tooltip-static-demo .bs-tooltip-top-demo .arrow {\n left: 50%;\n transform: translateX(-50%); }\n\n.tooltip-static-demo .bs-tooltip-left-demo .arrow,\n.tooltip-static-demo .bs-tooltip-right-demo .arrow {\n top: 50%;\n transform: translateY(-50%); }\n\n.tooltip {\n font-size: 0.75rem;\n min-width: 5.625rem;\n z-index: 1029; }\n .tooltip .tooltip-inner {\n font-family: \"roboto\", sans-serif; }\n\n.tooltip-primary .tooltip-inner {\n background: #2196f3;\n var(--base-text)fff; }\n\n.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #2196f3; }\n\n.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #2196f3; }\n\n.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #2196f3; }\n\n.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #2196f3; }\n\n.tooltip-secondary .tooltip-inner {\n background: #dde4eb;\n var(--base-text)fff; }\n\n.tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #dde4eb; }\n\n.tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #dde4eb; }\n\n.tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #dde4eb; }\n\n.tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #dde4eb; }\n\n.tooltip-success .tooltip-inner {\n background: #19d895;\n var(--base-text)fff; }\n\n.tooltip-success.bs-tooltip-top .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #19d895; }\n\n.tooltip-success.bs-tooltip-right .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #19d895; }\n\n.tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #19d895; }\n\n.tooltip-success.bs-tooltip-left .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #19d895; }\n\n.tooltip-info .tooltip-inner {\n background: #8862e0;\n var(--base-text)fff; }\n\n.tooltip-info.bs-tooltip-top .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #8862e0; }\n\n.tooltip-info.bs-tooltip-right .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #8862e0; }\n\n.tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #8862e0; }\n\n.tooltip-info.bs-tooltip-left .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #8862e0; }\n\n.tooltip-warning .tooltip-inner {\n background: #ffaf00;\n var(--base-text)fff; }\n\n.tooltip-warning.bs-tooltip-top .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #ffaf00; }\n\n.tooltip-warning.bs-tooltip-right .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #ffaf00; }\n\n.tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #ffaf00; }\n\n.tooltip-warning.bs-tooltip-left .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #ffaf00; }\n\n.tooltip-danger .tooltip-inner {\n background: #ff6258;\n var(--base-text)fff; }\n\n.tooltip-danger.bs-tooltip-top .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #ff6258; }\n\n.tooltip-danger.bs-tooltip-right .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #ff6258; }\n\n.tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #ff6258; }\n\n.tooltip-danger.bs-tooltip-left .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #ff6258; }\n\n.tooltip-light .tooltip-inner {\n background: #fbfbfb;\n var(--base-text)fff; }\n\n.tooltip-light.bs-tooltip-top .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #fbfbfb; }\n\n.tooltip-light.bs-tooltip-right .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #fbfbfb; }\n\n.tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #fbfbfb; }\n\n.tooltip-light.bs-tooltip-left .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #fbfbfb; }\n\n.tooltip-dark .tooltip-inner {\n background: #252C46;\n var(--base-text)fff; }\n\n.tooltip-dark.bs-tooltip-top .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: #252C46; }\n\n.tooltip-dark.bs-tooltip-right .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: #252C46; }\n\n.tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: #252C46; }\n\n.tooltip-dark.bs-tooltip-left .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: #252C46; }\n\n/* User Profile */\n.user-profile .side-left .card .avatar img {\n display: block;\n width: 90px;\n height: 90px;\n border-radius: 100%;\n margin-left: auto;\n margin-right: auto; }\n\n.user-profile .side-left .card .avatar .name {\n text-align: center;\n color: #252C46;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0; }\n\n.user-profile .side-left .card .avatar .designation {\n text-align: center;\n color: #6c757d;\n font-size: 0.8rem;\n font-weight: 600; }\n\n.user-profile .side-left .card .avatar .email {\n text-align: center;\n color: #2196f3;\n display: block; }\n\n.user-profile .side-left .card .avatar .number {\n display: block;\n text-align: center;\n color: #2196f3; }\n\n.user-profile .side-left .card .overview .achivements {\n padding-left: 0;\n display: flex;\n justify-content: center; }\n .user-profile .side-left .card .overview .achivements li {\n width: 33.333%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column; }\n .user-profile .side-left .card .overview .achivements li p {\n text-align: center;\n margin-bottom: 0;\n font-weight: 600;\n font-size: 1.4rem;\n color: #252C46; }\n .user-profile .side-left .card .overview .achivements li p:last-child {\n font-weight: 500;\n font-size: 0.9rem; }\n\n.user-profile .side-left .card .overview .about-user p {\n font-size: 0.8rem; }\n\n.user-profile .side-left .card .overview .info-links a {\n font-size: 0.8rem;\n display: block;\n margin-bottom: 10px; }\n .user-profile .side-left .card .overview .info-links a i {\n font-size: 0.8rem;\n margin-right: 10px; }\n .user-profile .side-left .card .overview .info-links a span {\n text-align: left;\n display: inline-block; }\n\n.calendar-aside {\n display: block; }\n .calendar-aside .list {\n position: relative;\n padding: 10px 8px;\n display: flex;\n align-items: center;\n border-radius: 5px;\n transition-duration: 0.25s;\n transition-property: background; }\n .calendar-aside .list .user-text {\n margin-bottom: 0;\n margin-left: 20px;\n font-size: 0.875rem; }\n .calendar-aside .list .count {\n width: 20px;\n height: 20px;\n position: relative;\n border-radius: 50px;\n transition-duration: 0.25s;\n transition-timing-function: ease;\n transition-property: opacity;\n display: flex;\n align-items: center;\n justify-content: center; }\n .calendar-aside .list .count:before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n display: block;\n height: 10px;\n width: 10px;\n margin: auto;\n border-radius: 50px;\n transform: translateY(-50%);\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .calendar-aside .list .count.online:before {\n background: #19d895; }\n .calendar-aside .list .count.offline:before {\n background: #ff6258; }\n .calendar-aside .list .count .close {\n font-size: 15px;\n margin: auto;\n opacity: 0;\n color: #ff6258;\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .calendar-aside .list:hover {\n background: #fbfbfb; }\n .calendar-aside .list:hover .count:before {\n z-index: 0;\n height: 20px;\n width: 20px;\n background: #fbfbfb; }\n .calendar-aside .list:hover .count .close {\n z-index: 2;\n opacity: 1; }\n\n.data-list {\n width: 100%;\n overflow: auto; }\n .data-list .list-item {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n border-bottom: 1px solid var(--outline); }\n .data-list .list-item:last-child {\n border-bottom: none; }\n .data-list .list-item .graph {\n margin-left: auto;\n width: 110px; }\n\n#sourceLineChartLegend {\n padding-left: 0;\n margin-bottom: 0;\n list-style-type: none; }\n #sourceLineChartLegend li {\n display: inline-block;\n margin-right: 20px;\n var(--base-text) }\n #sourceLineChartLegend li .chart-color {\n height: 10px;\n width: 10px;\n display: inline-block;\n margin-right: 5px;\n border-radius: 100%; }\n .rtl #sourceLineChartLegend li .chart-color {\n margin-right: 0px;\n margin-left: 5px; }\n #sourceLineChartLegend li:last-child {\n margin-right: 0; }\n .rtl #sourceLineChartLegend li {\n margin-right: 0px;\n margin-left: 20px; }\n .rtl #sourceLineChartLegend li:last-child {\n margin-left: 0px; }\n\n.social-card.card-default .action-bar i {\n color: #dde4eb; }\n\n.social-card.card-default .comment {\n var(--base-text) }\n\n.social-card.card-default .posted-date {\n color: #2196f3; }\n\n.social-card.card-colored .card-header {\n background: inherit; }\n\n.social-card.card-colored.facebook-card {\n background: #648ACA; }\n .social-card.card-colored.facebook-card .card-header {\n border-bottom-color: #517cc4; }\n\n.social-card.card-colored.twitter-card {\n background: #4DBFF5; }\n .social-card.card-colored.twitter-card .card-header {\n border-bottom-color: #35b6f4; }\n\n.social-card.card-colored.google-card {\n background: #E55F4B; }\n .social-card.card-colored.google-card .card-header {\n border-bottom-color: #e24b35; }\n\n.social-card.card-colored.linkedin-card {\n background: #0177b4; }\n .social-card.card-colored.linkedin-card .card-header {\n border-bottom-color: #01669b; }\n\n.social-card.card-colored a,\n.social-card.card-colored .media-info,\n.social-card.card-colored .user-name,\n.social-card.card-colored .comment,\n.social-card.card-colored .posted-date,\n.social-card.card-colored .platform-name,\n.social-card.card-colored .headline,\n.social-card.card-colored .action-bar {\n var(--base-text)fff; }\n\n.top-selling-card .column-wrapper {\n display: flex;\n justify-content: space-around; }\n .top-selling-card .column-wrapper .column {\n width: 45%;\n padding: 25px 26px;\n border-radius: 3px;\n background: #282a40;\n transform: translateY(-25px);\n box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);\n z-index: 10; }\n .top-selling-card .column-wrapper .column i {\n font-size: 20px; }\n\n.top-selling-card .item-wrapper {\n max-height: 210px;\n overflow-y: auto; }\n\n.review-card .comment-text {\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n max-width: 70%; }\n\n.list-item {\n display: flex;\n width: 100%;\n padding: 20px 0;\n border-bottom: 1px solid var(--outline); }\n .list-item:first-child {\n padding-top: 30px; }\n .list-item:last-child {\n border-bottom: none; }\n .list-item .preview-image {\n max-width: 80px;\n width: 80px;\n min-width: 80px; }\n .list-item .preview-image img {\n display: block;\n margin: auto; }\n .list-item .content {\n width: calc(100% - 80px);\n padding-right: 30px; }\n .list-item .content .user-name {\n margin-bottom: 0;\n margin-right: 10px;\n var(--base-text)\n white-space: nowrap; }\n .list-item .content .time {\n var(--base-text)\n margin-bottom: 3px; }\n .list-item .content .product-name {\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .list-item .content .review-text {\n margin-bottom: 0;\n font-weight: 300;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n max-width: 95%; }\n\n.todo-list .todo-item {\n border: 1px solid var(--outline);\n border-radius: 6px;\n padding: 10px;\n margin-bottom: 10px; }\n .todo-list .todo-item form {\n display: flex; }\n .todo-list .todo-item form .checkbox {\n width: 40px; }\n .todo-list .todo-item form .checkbox .form-check {\n margin-left: 10px; }\n .todo-list .todo-item form .checkbox .form-check .input-helper:after {\n line-height: 0px; }\n .todo-list .todo-item form .field-wrapper {\n width: calc(100% - 40px); }\n .todo-list .todo-item form .field-wrapper .form-group .form-control, .todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text],\n .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number], .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item form .field-wrapper .form-group .tt-hint,\n .todo-list .todo-item form .field-wrapper .form-group .tt-query,\n .todo-list .todo-item form .field-wrapper .form-group .typeahead {\n font-weight: 500; }\n .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag {\n var(--base-text) }\n .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before {\n content: \"#\";\n display: inline-block; }\n .todo-list .todo-item form .field-wrapper .form-group .btn, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a {\n margin-right: 10px; }\n .todo-list .todo-item form .field-wrapper .form-group .btn:last-child, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a:last-child, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a:last-child {\n margin-right: 0; }\n .todo-list .todo-item:not(.edit-mode) {\n position: relative; }\n .todo-list .todo-item:not(.edit-mode) .edit-icon {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n padding: 10px;\n cursor: pointer; }\n .todo-list .todo-item:not(.edit-mode):hover {\n background: #fbfbfb; }\n .todo-list .todo-item:not(.edit-mode):hover .edit-icon {\n display: block; }\n .todo-list .todo-item:not(.edit-mode):hover * {\n background: #fbfbfb; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group {\n margin-bottom: 0; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput {\n border: none;\n height: 25px;\n max-height: 25px !important;\n min-height: 25px !important;\n padding: 0px 13px !important; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag {\n background: transparent;\n padding: 0;\n margin-bottom: 0; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text],\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number], .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead {\n border: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field {\n display: none; }\n .todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag {\n var(--base-text)fff; }\n\n.activity-timeline .activity {\n position: relative; }\n .activity-timeline .activity:before {\n content: \"\";\n position: absolute;\n left: 21px;\n top: 5px;\n bottom: 0px;\n height: 100%;\n display: block;\n width: 2px;\n background: #dee2e6; }\n .activity-timeline .activity .icon-wrapper {\n border: 3px solid #fff; }\n .activity-timeline .activity:last-child:before {\n display: none; }\n\n.product-info-card .product-image {\n height: 100px; }\n\n.horizontal-timeline .time-frame {\n border-bottom: 1px solid var(--outline);\n padding-top: 20px; }\n .horizontal-timeline .time-frame:last-child {\n border-bottom: none; }\n .horizontal-timeline .time-frame .section-time-frame {\n margin-bottom: 30px; }\n .horizontal-timeline .time-frame .event {\n border-left: 1px solid var(--outline);\n padding-left: 2rem;\n padding-bottom: 30px;\n position: relative; }\n .horizontal-timeline .time-frame .event:last-child {\n border-left: none; }\n .horizontal-timeline .time-frame .event .event-text {\n line-height: 1;\n font-weight: 400;\n margin-bottom: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .horizontal-timeline .time-frame .event .tumbnail-views {\n display: inline-block; }\n .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail {\n float: left;\n margin-right: 16px;\n margin-top: 1rem; }\n .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail img {\n max-width: 100%;\n border-radius: 4px; }\n .horizontal-timeline .time-frame .event .event-alert {\n margin-top: 1rem;\n padding: 11px 25px;\n background: rgba(33, 150, 243, 0.2);\n width: 80%;\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n font-weight: 300;\n border-radius: 4px; }\n .horizontal-timeline .time-frame .event .event-info {\n margin-top: 0.8rem;\n font-family: \"roboto\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n var(--base-text) }\n .horizontal-timeline .time-frame .event:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -5px;\n height: 10px;\n width: 10px;\n border-radius: 100%; }\n .horizontal-timeline .time-frame .event:nth-child(3n+1):before {\n background: #8862e0; }\n .horizontal-timeline .time-frame .event:nth-child(3n+2):before {\n background: #19d895; }\n .horizontal-timeline .time-frame .event:nth-child(3n+3):before {\n background: #2196f3; }\n\n/* Timeline */\n.vertical-timeline {\n list-style: none;\n padding: 0;\n position: relative; }\n .vertical-timeline:before {\n top: 0;\n bottom: 0;\n position: absolute;\n content: \" \";\n width: 3px;\n background-color: var(--card-banner-bg);\n left: 50%;\n margin-left: -1.5px; }\n .vertical-timeline .timeline-wrapper {\n display: block;\n margin-bottom: 20px;\n position: relative;\n width: 100%;\n padding-right: 90px; }\n .vertical-timeline .timeline-wrapper:before {\n content: \" \";\n display: table; }\n .vertical-timeline .timeline-wrapper:after {\n content: \" \";\n display: table;\n clear: both; }\n .vertical-timeline .timeline-wrapper .timeline-panel {\n border-radius: 2px;\n padding: 20px;\n position: relative;\n background: var(--card-banner-bg);\n border-radius: 6px;\n box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1);\n width: 35%;\n margin-left: 15%; }\n .vertical-timeline .timeline-wrapper .timeline-panel:before {\n position: absolute;\n top: 0;\n width: 100%;\n height: 2px;\n content: \"\";\n left: 0;\n right: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel:after {\n position: absolute;\n top: 7px;\n right: -14px;\n display: inline-block;\n border-top: 14px solid transparent;\n border-left: 14px solid var(--card-banner-bg);\n border-right: 0 solid var(--card-banner-bg);\n border-bottom: 14px solid transparent;\n content: \" \"; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-title {\n margin-top: 0;\n var(--base-text);\n text-transform: uppercase; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p {\n margin-bottom: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p + p {\n margin-top: 5px; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body ul {\n margin-bottom: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer span {\n font-size: 0.6875rem; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer i {\n font-size: 1.5rem; }\n .vertical-timeline .timeline-wrapper .timeline-badge {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 16px;\n left: calc(50% - 7px);\n z-index: 100;\n border-top-right-radius: 50%;\n border-top-left-radius: 50%;\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n border: 2px solid var(--card-banner-bg); }\n .vertical-timeline .timeline-wrapper .timeline-badge i {\n var(--base-text)fff; }\n .vertical-timeline .timeline-wrapper.timeline-inverted {\n padding-right: 0;\n padding-left: 90px; }\n .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel {\n margin-left: auto;\n margin-right: 15%; }\n .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto; }\n\n@media (max-width: 767px) {\n .timeline .timeline-wrapper {\n padding-right: 150px; }\n .timeline .timeline-wrapper.timeline-inverted {\n padding-left: 150px; }\n .timeline .timeline-wrapper .timeline-panel {\n width: 100%;\n margin-left: 0;\n margin-right: 0; } }\n\n.timeline-wrapper-primary .timeline-panel:before {\n background: #2196f3; }\n\n.timeline-wrapper-primary .timeline-badge {\n background: #2196f3; }\n\n.timeline-wrapper-secondary .timeline-panel:before {\n background: #dde4eb; }\n\n.timeline-wrapper-secondary .timeline-badge {\n background: #dde4eb; }\n\n.timeline-wrapper-success .timeline-panel:before {\n background: #19d895; }\n\n.timeline-wrapper-success .timeline-badge {\n background: #19d895; }\n\n.timeline-wrapper-info .timeline-panel:before {\n background: #8862e0; }\n\n.timeline-wrapper-info .timeline-badge {\n background: #8862e0; }\n\n.timeline-wrapper-warning .timeline-panel:before {\n background: #ffaf00; }\n\n.timeline-wrapper-warning .timeline-badge {\n background: #ffaf00; }\n\n.timeline-wrapper-danger .timeline-panel:before {\n background: #ff6258; }\n\n.timeline-wrapper-danger .timeline-badge {\n background: #ff6258; }\n\n.timeline-wrapper-light .timeline-panel:before {\n background: #fbfbfb; }\n\n.timeline-wrapper-light .timeline-badge {\n background: #fbfbfb; }\n\n.timeline-wrapper-dark .timeline-panel:before {\n background: #252C46; }\n\n.timeline-wrapper-dark .timeline-badge {\n background: #252C46; }\n\n.timeline {\n list-style: none;\n padding-left: 0; }\n .timeline .timeline-item {\n border-left: 1px solid var(--outline);\n var(--base-text)\n padding-left: 20px;\n padding-bottom: 20px;\n position: relative; }\n .timeline .timeline-item:before {\n content: \"\";\n height: 10px;\n width: 10px;\n border-radius: 10px;\n position: absolute;\n top: 0px;\n left: -5px; }\n .timeline .timeline-item:nth-child(4n + 1):before {\n background: #19d895; }\n .timeline .timeline-item:nth-child(4n + 2):before {\n background: #2196f3; }\n .timeline .timeline-item:nth-child(4n + 3):before {\n background: #ffaf00; }\n .timeline .timeline-item:nth-child(4n + 4):before {\n background: #8862e0; }\n .timeline .timeline-item:last-child {\n border-left: none;\n padding-bottom: 0; }\n .timeline .timeline-item .timeline-content {\n margin-bottom: 0;\n line-height: 10px; }\n .timeline .timeline-item .event-time {\n margin-bottom: 0; }\n\n.board-wrapper {\n overflow-x: auto;\n display: flex;\n align-items: flex-start;\n flex-wrap: nowrap; }\n .board-wrapper .board-portlet {\n background: #151724;\n margin: 0px 15px;\n padding: 22px 20px;\n min-width: 350px;\n width: 350px;\n border-radius: 4px; }\n .board-wrapper .portlet-heading {\n font-weight: 500;\n margin-bottom: 5px; }\n .board-wrapper .task-number {\n var(--base-text) }\n .board-wrapper .portlet-card-list {\n padding-left: 0;\n list-style: none;\n min-height: 70px; }\n .board-wrapper .portlet-card {\n width: 100%;\n border-radius: 4px;\n padding: 20px 20px 20px 20px;\n background: var(--dropdown-bg);\n display: grid;\n grid-template-rows: 5;\n grid-template-columns: 2;\n border-radius: 6px;\n position: relative;\n margin-bottom: 15px;\n cursor: grab; }\n .board-wrapper .portlet-card .progress {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n border-radius: 6px 6px 0px 0px;\n height: 4px; }\n .board-wrapper .portlet-card .progress .progress-bar {\n border-radius: 0px; }\n .board-wrapper .portlet-card .task-date {\n margin-bottom: 5px;\n var(--base-text)\n grid-row-start: 1;\n grid-column-start: 1; }\n .board-wrapper .portlet-card .action-dropdown {\n grid-row-start: 1;\n grid-column-start: 2;\n margin-left: auto; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle {\n border: none;\n background: var(--dropdown-bg); }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i {\n font-size: 20px;\n line-height: 20px; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before {\n margin-right: -10px; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after {\n display: none; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-menu-right {\n left: 0 !important; }\n .board-wrapper .portlet-card .task-title {\n font-weight: 500;\n grid-row-start: 2;\n grid-column-start: 1;\n grid-column-end: 3;\n font-size: 16px;\n margin-bottom: 15px; }\n .board-wrapper .portlet-card .image-grouped {\n grid-row-start: 3;\n grid-column-start: 1;\n grid-column-end: 3; }\n .board-wrapper .portlet-card .portlet-image {\n width: 100%;\n display: block;\n grid-row-start: 4;\n grid-column-start: 1;\n grid-column-end: 3;\n margin-top: 5px;\n margin-left: -20px;\n margin-right: -20px;\n width: calc(100% + 40px); }\n .board-wrapper .portlet-card .badge {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-row-start: 5;\n grid-column-start: 1;\n grid-column-end: 2;\n margin-top: 20px; }\n .board-wrapper .portlet-card .due-date {\n grid-row-start: 5;\n grid-column-start: 2;\n grid-column-end: 3;\n margin-bottom: 0;\n text-align: right;\n margin-top: 20px;\n var(--base-text)\n font-weight: 500; }\n .board-wrapper .add-portlet {\n background: var(--dropdown-bg);\n border-radius: 6px;\n padding: 25px 10px;\n text-align: center;\n var(--base-text)\n font-weight: 500;\n border: none;\n width: 100%;\n transition-duration: 0.4s;\n transition-property: \"background\"; }\n .board-wrapper .add-portlet:hover {\n background: #181a27; }\n\n.kanban-toolbar .btn, .kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload, .kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled, .kanban-toolbar .wizard > .actions a, .wizard > .actions .kanban-toolbar a {\n margin-left: 10px; }\n\n.chat-app-wrapper {\n position: relative;\n overflow: hidden; }\n .chat-app-wrapper .chat-list-wrapper {\n overflow-y: auto;\n border-right: 1px solid var(--outline);\n padding-bottom: 30px; }\n @media (max-width: 768px) {\n .chat-app-wrapper .chat-list-wrapper {\n position: absolute;\n left: -300px;\n top: 0;\n z-index: 99;\n bottom: 0px;\n background: var(--dropdown-bg);\n width: 300px;\n height: 100%;\n border-right: none;\n transition-duration: 0.3s;\n transition-property: \"box-shadow\", \"left\"; }\n .chat-app-wrapper .chat-list-wrapper.menu-open {\n left: 0px;\n box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); } }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper {\n padding-top: 20px;\n padding-bottom: 40px; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item {\n display: grid;\n grid-template-columns: 45px auto auto;\n grid-template-rows: 30px auto;\n padding: 15px 20px;\n transition-duration: 0.5s;\n transition-property: \"background\"; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image {\n position: relative; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator {\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: 1;\n height: 12px;\n width: 12px;\n border: 2px solid var(--dropdown-bg); }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name {\n var(--base-text)\n padding-left: 20px;\n margin-bottom: 0; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time {\n var(--base-text)\n text-align: right; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text {\n padding-left: 20px;\n grid-column-start: 2;\n grid-column-end: 4;\n grid-row-start: 2;\n margin-bottom: 0; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover {\n background: rgba(33, 150, 243, 0.1); }\n .chat-app-wrapper .chat-search-input {\n padding-top: 30px;\n padding-bottom: 10px; }\n .chat-app-wrapper .chat-search-input .form-control, .chat-app-wrapper .chat-search-input .asColorPicker-input, .chat-app-wrapper .chat-search-input .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text],\n .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number], .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single, .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field, .chat-app-wrapper .chat-search-input .tt-hint,\n .chat-app-wrapper .chat-search-input .tt-query,\n .chat-app-wrapper .chat-search-input .typeahead {\n height: 40px;\n border-right: none;\n border-radius: 4px 0px 0px 4px;\n var(--base-text) }\n .chat-app-wrapper .chat-search-input .input-group-text {\n padding: 8px 15px;\n font-size: 20px;\n border-radius: 0px 4px 4px 0px; }\n .chat-app-wrapper .chat-search-input .input-group-text i {\n var(--base-text) }\n .chat-app-wrapper .sidebar-spacer {\n padding-left: 20px;\n padding-right: 20px; }\n .chat-app-wrapper .chat-container-wrapper {\n height: 100%;\n min-height: 100vh;\n max-height: 950px;\n overflow-y: auto;\n padding-bottom: 20px;\n padding: 0 15px 30px 15px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble {\n margin-top: 30px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message {\n border-radius: 4px;\n padding: 20px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child {\n margin-bottom: 0; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details {\n display: flex;\n align-items: center;\n padding-top: 10px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text {\n margin-bottom: 0;\n var(--base-text) }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {\n background: var(--deep-bg);\n margin-left: 45px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text {\n padding-left: 10px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message {\n background: #2196f3;\n margin-left: auto;\n max-width: 290px;\n margin-right: 45px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p {\n color: var(--dropdown-bg); }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details {\n flex-direction: row-reverse; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text {\n padding-right: 10px; }\n .chat-app-wrapper .chat-sidebar {\n height: 100%;\n max-height: 950px;\n overflow-y: auto;\n border-left: 1px solid var(--outline); }\n .chat-app-wrapper .chat-text-field {\n border-top: 1px solid var(--outline);\n padding: 10px 0; }\n .chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-trigger .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-trigger .input-group-text,\n .chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text {\n border: none; }\n .chat-app-wrapper .chat-text-field .input-group .form-control, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-input, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input, .chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text],\n .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number], .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single, .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field, .chat-app-wrapper .chat-text-field .input-group .tt-hint, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint,\n .chat-app-wrapper .chat-text-field .input-group .tt-query,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query,\n .chat-app-wrapper .chat-text-field .input-group .typeahead,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead {\n height: 45px;\n border: none; }\n\n/*-------------------------------------------------------------------*/\n/* === Email === */\n/* Mail Sidebar */\n.email-wrapper .mail-sidebar {\n border-right: 1px solid var(--outline);\n padding: 20px;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-sidebar .menu-bar {\n width: 100%;\n float: right;\n height: 100%;\n min-height: 100%; }\n @media (max-width: 576px) {\n .email-wrapper .mail-sidebar .menu-bar {\n min-height: 100vh;\n max-height: 100%;\n height: auto;\n overflow-y: auto;\n overflow-x: hidden; } }\n .email-wrapper .mail-sidebar .menu-bar .menu-items {\n padding: 0;\n margin-bottom: 0;\n height: auto;\n list-style-type: none; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li {\n padding: 10px 15px;\n transition: 0.4s;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {\n background: rgba(240, 244, 249, 0.8); }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li a {\n var(--base-text);\n font-size: 0.875rem;\n text-decoration: none; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li a i {\n margin-right: 8px;\n font-size: 0.875rem;\n line-height: 1.5; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.active {\n background: rgba(33, 150, 243, 0.3);\n border-radius: 4px; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {\n color: #2196f3; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {\n background: transparent; }\n .email-wrapper .mail-sidebar .menu-bar .online-status {\n margin-top: 1rem; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .chat {\n font-size: 0.875rem;\n var(--base-text)\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n display: inline-flex;\n justify-content: flex-start;\n transform: translateX(-43px) translateY(2px); }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status:after {\n font-size: 12px;\n var(--base-text)\n margin: -5px 0 0 18px; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {\n background: #ff6258; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {\n content: \"Offline\"; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.online {\n background: #19d895; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {\n content: \"Online\"; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list {\n padding: 10px 0; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item {\n border-bottom: 1px solid var(--outline);\n padding: 6px 0;\n display: block; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {\n border-bottom: 0; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a {\n text-decoration: none; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {\n display: flex;\n align-items: center;\n padding: 0;\n width: 20%;\n max-width: 40px; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img {\n max-width: 100%;\n width: 100%;\n border-radius: 100%; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {\n width: 100%;\n padding: 5px 10px 0 15px; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {\n margin: 0;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem;\n line-height: 1;\n var(--base-text);\n font-weight: 500; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation {\n font-size: calc(0.875rem - 0.1rem);\n var(--base-text);\n margin-bottom: 0; }\n\n/* Mail List Container */\n.email-wrapper .mail-list-container {\n height: 100%;\n padding-left: 0;\n padding-right: 0;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-list-container a {\n text-decoration: none; }\n .email-wrapper .mail-list-container .mail-list {\n border-bottom: 1px solid var(--outline);\n display: flex;\n flex-direction: row;\n padding: 10px 15px;\n width: 100%; }\n .email-wrapper .mail-list-container .mail-list:last-child {\n border-bottom: none; }\n .email-wrapper .mail-list-container .mail-list .form-check {\n margin-top: 12px;\n width: 40px; }\n .email-wrapper .mail-list-container .mail-list .content {\n width: 90%;\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 450px) {\n .email-wrapper .mail-list-container .mail-list .content {\n width: 85%; } }\n .email-wrapper .mail-list-container .mail-list .content .sender-name {\n margin-bottom: 0;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n max-width: 95%; }\n .email-wrapper .mail-list-container .mail-list .content .message_text {\n margin: 0;\n max-width: 93%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details {\n width: 5.5%; }\n .email-wrapper .mail-list-container .mail-list .details .date {\n text-align: right;\n margin: auto 15px auto 0;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details i {\n margin: auto 0;\n color: #ddd; }\n .email-wrapper .mail-list-container .mail-list .details i.favorite {\n color: #ffaf00; }\n .email-wrapper .mail-list-container .mail-list.new_mail {\n background: rgba(33, 150, 243, 0.3); }\n .email-wrapper .mail-list-container .mail-list.new_mail .details .date {\n var(--base-text); }\n\n/* Message Content */\n.email-wrapper .message-body .sender-details {\n padding: 20px 15px 0;\n border-bottom: 1px solid #dee2e6;\n display: flex; }\n .email-wrapper .message-body .sender-details .details {\n padding-bottom: 0; }\n .email-wrapper .message-body .sender-details .details .msg-subject {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email {\n margin-bottom: 20px;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email i {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n margin: 0 1px 0 7px; }\n\n.email-wrapper .message-body .message-content {\n padding: 50px 15px; }\n\n.email-wrapper .message-body .attachments-sections ul {\n list-style: none;\n border-top: 1px solid #dee2e6;\n padding: 30px 15px 20px; }\n .email-wrapper .message-body .attachments-sections ul li {\n padding: 10px;\n margin-right: 20px;\n border: 1px solid #dee2e6;\n border-radius: 5px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb {\n display: inline-block;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb i {\n font-size: 30px;\n margin: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n display: block;\n margin-bottom: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {\n margin-right: 10px;\n margin-bottom: 0;\n font-size: 0.875rem; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a {\n font-size: 0.875rem;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {\n margin-right: 0; }\n\n/* Mail List Container */\n.email-wrapper .mail-list-container {\n height: 100%;\n padding-left: 0;\n padding-right: 0;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-list-container a {\n text-decoration: none; }\n .email-wrapper .mail-list-container .mail-list {\n border-bottom: 1px solid var(--outline);\n display: flex;\n flex-direction: row;\n padding: 10px 15px;\n width: 100%; }\n .email-wrapper .mail-list-container .mail-list:last-child {\n border-bottom: none; }\n .email-wrapper .mail-list-container .mail-list .form-check {\n margin-top: 12px;\n width: 40px; }\n .email-wrapper .mail-list-container .mail-list .content {\n width: 90%;\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 450px) {\n .email-wrapper .mail-list-container .mail-list .content {\n width: 85%; } }\n .email-wrapper .mail-list-container .mail-list .content .sender-name {\n margin-bottom: 0;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n max-width: 95%; }\n .email-wrapper .mail-list-container .mail-list .content .message_text {\n margin: 0;\n max-width: 93%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details {\n width: 5.5%; }\n .email-wrapper .mail-list-container .mail-list .details .date {\n text-align: right;\n margin: auto 15px auto 0;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details i {\n margin: auto 0;\n color: #ddd; }\n .email-wrapper .mail-list-container .mail-list .details i.favorite {\n color: #ffaf00; }\n .email-wrapper .mail-list-container .mail-list.new_mail {\n background: rgba(33, 150, 243, 0.3); }\n .email-wrapper .mail-list-container .mail-list.new_mail .details .date {\n var(--base-text); }\n\n/* Message Content */\n.email-wrapper .message-body .sender-details {\n padding: 20px 15px 0;\n border-bottom: 1px solid #dee2e6;\n display: flex; }\n .email-wrapper .message-body .sender-details .details {\n padding-bottom: 0; }\n .email-wrapper .message-body .sender-details .details .msg-subject {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email {\n margin-bottom: 20px;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email i {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n margin: 0 1px 0 7px; }\n\n.email-wrapper .message-body .message-content {\n padding: 50px 15px; }\n\n.email-wrapper .message-body .attachments-sections ul {\n list-style: none;\n border-top: 1px solid #dee2e6;\n padding: 30px 15px 20px; }\n .email-wrapper .message-body .attachments-sections ul li {\n padding: 10px;\n margin-right: 20px;\n border: 1px solid #dee2e6;\n border-radius: 5px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb {\n display: inline-block;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb i {\n font-size: 30px;\n margin: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n display: block;\n margin-bottom: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {\n margin-right: 10px;\n margin-bottom: 0;\n font-size: 0.875rem; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a {\n font-size: 0.875rem;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {\n margin-right: 0; }\n\n.email-wrapper {\n display: grid;\n grid-template-columns: 280px auto;\n margin-top: 30px; }\n .email-wrapper .mail-view {\n display: none;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-view .mail-header-toolbar {\n display: flex;\n align-items: center;\n padding: 20px 10px; }\n .email-wrapper .email-view-wrapper {\n background: #fff;\n grid-column-start: 2;\n grid-column-end: 3; }\n\n@media (max-width: 960px) {\n .email-wrapper {\n grid-template-columns: 200px auto; } }\n\n@media (max-width: 768px) {\n .email-wrapper {\n display: block; }\n .mail-sidebar {\n position: fixed;\n top: 63px;\n right: -250px;\n bottom: 0px;\n z-index: 99;\n width: 250px;\n transition-duration: 0.6s; }\n .mail-sidebar.menu-open {\n left: 0; } }\n\n/*-------------------------------------------------------------------*/\n/* === Plugin overrides === */\n/* Ace Editor */\n.ace_editor {\n margin: auto;\n height: 300px;\n width: 100%; }\n\n/* Avgrund Popup */\n.avgrund-popin {\n position: absolute;\n background: #fff;\n padding: 37px 33px;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n top: 50%;\n left: 50%;\n z-index: 1000;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: initial;\n line-height: 1.85;\n border-radius: 10px;\n transform: scale(0.8); }\n .avgrund-popin p {\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: initial; }\n\n.avgrund-overlay {\n background: #000;\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 101;\n visibility: hidden;\n opacity: 0;\n filter: alpha(opacity=0); }\n\n.avgrund-ready .avgrund-overlay,\n.avgrund-ready .avgrund-popin,\nbody.avgrund-ready {\n transform-origin: 50% 50%;\n transition: 0.3s all ease-out; }\n\nbody.avgrund-active {\n overflow: hidden; }\n\n.avgrund-active .avgrund-popin {\n visibility: visible;\n opacity: 1;\n transform: scale(1.1); }\n\n.avgrund-active .avgrund-overlay {\n visibility: visible;\n opacity: 0.5;\n height: 20000px; }\n\n.avgrund-popin.stack {\n transform: scale(1.5); }\n\n.avgrund-active .avgrund-popin.stack {\n transform: scale(1.1); }\n\n/* Optional close button styles */\n.avgrund-close {\n display: block;\n var(--base-text);\n background: #fff;\n font-size: 10px;\n text-decoration: none;\n text-transform: uppercase;\n position: absolute;\n top: 10px;\n right: 10px;\n height: 17px;\n width: 17px;\n text-align: center;\n line-height: 16px;\n border-radius: 50px; }\n .avgrund-close:hover {\n var(--base-text);\n text-decoration: none; }\n\n/* Bootstrap Tour */\n.tour-tour {\n padding: 0;\n border: 0;\n font-family: \"roboto\", sans-serif;\n background: #fff; }\n .tour-tour .popover-title {\n background: #2196f3;\n var(--base-text);\n font-size: 0.8125rem;\n font-family: \"roboto\", sans-serif;\n padding: 0.75rem; }\n .tour-tour.left .arrow:after {\n border-left-color: #2196f3; }\n .tour-tour.right .arrow:after {\n border-right-color: #2196f3; }\n .tour-tour.top .arrow:after {\n border-top-color: #2196f3; }\n .tour-tour.bottom .arrow:after {\n border-bottom-color: #2196f3; }\n\n.tour-step-background {\n display: none; }\n\n#chartjs-tooltip {\n background: var(--card-banner-bg);\n border-radius: 4px;\n padding: 10px;\n box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);\n transition: 0.3s ease; }\n #chartjs-tooltip table tr th {\n var(--base-text) }\n #chartjs-tooltip table tr td {\n display: flex;\n align-items: center;\n line-height: 1px;\n padding-top: 5px;\n padding-bottom: 5px; }\n #chartjs-tooltip table tr td:first-letter {\n text-transform: uppercase; }\n #chartjs-tooltip table tr td span {\n width: 7px;\n height: 7px;\n display: inline-block;\n border-radius: 100px;\n margin-right: 7px;\n var(--base-text); }\n\n.chartjs-legend ul {\n list-style: none;\n padding-left: 0;\n display: flex;\n align-items: center;\n margin-bottom: 0; }\n .chartjs-legend ul li {\n margin-right: 8%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n var(--base-text) }\n .chartjs-legend ul li span {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n margin-right: 10px;\n display: inline-block;\n font-size: 0.875rem; }\n\n.rtl .chartjs-legend ul {\n padding-right: 0; }\n .rtl .chartjs-legend ul li {\n margin-right: 0;\n margin-left: 8%; }\n .rtl .chartjs-legend ul li span {\n margin-right: 0;\n margin-left: 1rem; }\n\n.ct-chart .ct-grid {\n stroke: rgba(255, 255, 255, 0.25); }\n\n.ct-chart .ct-label {\n font-size: 11px;\n var(--base-text); }\n\n.ct-chart .ct-line {\n stroke-width: 2px; }\n\n.ct-chart .ct-point {\n stroke-width: 8px; }\n\n.ct-chart .ct-chart-pie .ct-label,\n.ct-chart .ct-chart-donut .ct-label {\n font-size: 16px;\n fill: rgba(255, 255, 255, 0.75); }\n\n.ct-chart .ct-series-a .ct-point,\n.ct-chart .ct-series-a .ct-line,\n.ct-chart .ct-series-a .ct-bar,\n.ct-chart .ct-series-a .ct-slice-donut {\n stroke: #2196f3; }\n\n.ct-chart .ct-series-a .ct-slice-pie,\n.ct-chart .ct-series-a .ct-slice-donut-solid {\n fill: #2196f3;\n stroke: #fff; }\n\n.ct-chart .ct-series-b .ct-point,\n.ct-chart .ct-series-b .ct-line,\n.ct-chart .ct-series-b .ct-bar,\n.ct-chart .ct-series-b .ct-slice-donut {\n stroke: #8862e0; }\n\n.ct-chart .ct-series-b .ct-slice-pie,\n.ct-chart .ct-series-b .ct-slice-donut-solid {\n fill: #8862e0;\n stroke: #fff; }\n\n.ct-chart .ct-series-c .ct-point,\n.ct-chart .ct-series-c .ct-line,\n.ct-chart .ct-series-c .ct-bar,\n.ct-chart .ct-series-c .ct-slice-donut {\n stroke: #ff6258; }\n\n.ct-chart .ct-series-c .ct-slice-pie,\n.ct-chart .ct-series-c .ct-slice-donut-solid {\n fill: #ff6258;\n stroke: #fff; }\n\n.ct-chart .ct-series-d .ct-point,\n.ct-chart .ct-series-d .ct-line,\n.ct-chart .ct-series-d .ct-bar,\n.ct-chart .ct-series-d .ct-slice-donut {\n stroke: #19d895; }\n\n.ct-chart .ct-series-d .ct-slice-pie,\n.ct-chart .ct-series-d .ct-slice-donut-solid {\n fill: #19d895;\n stroke: #fff; }\n\n.ct-chart .ct-series-e .ct-point,\n.ct-chart .ct-series-e .ct-line,\n.ct-chart .ct-series-e .ct-bar,\n.ct-chart .ct-series-e .ct-slice-donut {\n stroke: #ffaf00; }\n\n.ct-chart .ct-series-e .ct-slice-pie,\n.ct-chart .ct-series-e .ct-slice-donut-solid {\n fill: #ffaf00;\n stroke: #fff; }\n\n/* CodeMirror */\n.CodeMirror {\n font-size: 1rem;\n height: auto;\n min-height: auto;\n text-align: left; }\n .CodeMirror .CodeMirror-scroll {\n min-height: auto; }\n\n/* Colcade */\n* {\n box-sizing: border-box; }\n\n.grid:after {\n display: block;\n content: '';\n clear: both; }\n\n.grid-col {\n float: left;\n width: 49%;\n margin-right: 2%;\n background: rgba(77, 199, 160, 0.2); }\n\n.grid-col--4 {\n margin-right: 0; }\n\n/* hide two middle */\n.grid-col--2,\n.grid-col--3 {\n display: none; }\n\n@media (min-width: 768px) {\n .grid-col {\n width: 32%; }\n .grid-col--2 {\n display: block; } }\n\n@media (min-width: 1200px) {\n .grid-col {\n width: 23.5%; }\n .grid-col--2,\n .grid-col--3 {\n display: block; } }\n\n.grid-item {\n background: #4dc7a0;\n margin-bottom: 20px; }\n\n.grid-item--a {\n height: 80px; }\n\n.grid-item--b {\n height: 140px; }\n\n.grid-item--c {\n height: 300px; }\n\n/* Colorpicker */\n.asColorPicker-dropdown {\n max-width: initial; }\n\n.asColorPicker-trigger {\n height: auto;\n padding: 10px;\n border: 1px solid var(--outline);\n border-left: none; }\n .asColorPicker-trigger span {\n width: 8px;\n height: 8px;\n border-radius: 2px; }\n\n/* Context Menu */\n.context-menu-icon:before {\n color: #000;\n font: normal normal normal 15px/1 \"Material Design Icons\"; }\n\n.context-menu-icon.context-menu-icon-cut:before {\n content: '\\F190'; }\n\n.context-menu-icon.context-menu-icon-edit:before {\n content: '\\F3EF'; }\n\n.context-menu-icon.context-menu-icon-copy:before {\n content: '\\F18F'; }\n\n.context-menu-icon.context-menu-icon-paste:before {\n content: '\\F613'; }\n\n.context-menu-icon.context-menu-icon-delete:before {\n content: '\\F6CB'; }\n\n.context-menu-icon.context-menu-icon-quit:before {\n content: '\\F156'; }\n\n.context-menu-list {\n box-shadow: none;\n border: 1px solid var(--outline); }\n .context-menu-list .context-menu-item span {\n color: #000;\n font-size: 0.75rem;\n font-family: \"roboto\", sans-serif; }\n .context-menu-list .context-menu-item.context-menu-hover {\n background: #000; }\n .context-menu-list .context-menu-item.context-menu-hover span {\n var(--base-text); }\n\n/* Clockpicker */\n.clockpicker-popover {\n background-color: var(--outline); }\n .clockpicker-popover.left .arrow:after {\n border-left-color: var(--outline); }\n .clockpicker-popover.right .arrow:after {\n border-right-color: var(--outline); }\n .clockpicker-popover.top .arrow:after {\n border-top-color: var(--outline); }\n .clockpicker-popover.bottom .arrow:after {\n border-bottom-color: var(--outline); }\n\n/* Data Tables */\n.dataTables_wrapper {\n padding-left: 0;\n padding-right: 0; }\n .dataTables_wrapper label {\n font-size: 0.8125rem; }\n .dataTables_wrapper select {\n padding: 0.4rem;\n min-width: 75px; }\n .dataTables_wrapper .dataTables_length select {\n margin-left: 0.25rem;\n margin-right: 0.25rem; }\n .dataTables_wrapper .table-footer {\n padding-top: 1.88rem; }\n .dataTables_wrapper .height-limiter {\n max-height: 400px;\n overflow-y: auto;\n box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); }\n .dataTables_wrapper .dataTable {\n border-collapse: collapse !important; }\n .dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a {\n padding: 0.1rem 1rem;\n vertical-align: top; }\n .dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting:before,\n .dataTables_wrapper .dataTable thead .sorting_asc:after,\n .dataTables_wrapper .dataTable thead .sorting_asc:before,\n .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,\n .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,\n .dataTables_wrapper .dataTable thead .sorting_desc:after,\n .dataTables_wrapper .dataTable thead .sorting_desc:before,\n .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after,\n .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {\n top: 23px; }\n .dataTables_wrapper .dataTable thead th {\n vertical-align: middle;\n padding: 12px 15px;\n var(--base-text);\n font-weight: 500; }\n .dataTables_wrapper .dataTable tbody tr td {\n z-index: 10; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child {\n padding-left: 30px;\n position: relative; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child:before, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child:before {\n content: \"\\F35d\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n color: #2196f3;\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0;\n font-size: 30px;\n position: absolute;\n left: 0px;\n top: 12px; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details {\n list-style: none;\n padding-left: 0; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n border-bottom: var(--outline); }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li .dtr-title {\n font-weight: 500; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:nth-child(even) {\n background: var(--deep-bg); }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:last-child {\n margin-bottom: 0;\n border-bottom: none; }\n .dataTables_wrapper .dataTables_paginate {\n margin-top: 20px !important; }\n .dataTables_wrapper .dataTables_info {\n font-size: 0.875rem;\n var(--base-text)\n margin-top: 20px; }\n\n/* Datepicker */\n.datepicker.datepicker-dropdown,\n.datepicker.datepicker-inline {\n padding: 0 25px;\n width: 30%;\n max-width: 500px;\n min-width: 250px; }\n .datepicker.datepicker-dropdown .datepicker-days,\n .datepicker.datepicker-inline .datepicker-days {\n padding: 0.8rem 0.7rem; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed {\n width: 100%; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {\n text-align: center;\n padding: 0.5rem 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {\n color: #6c757d;\n padding-bottom: 1rem;\n padding-top: 1rem;\n text-align: left;\n background: var(--dropdown-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {\n color: #6c757d;\n background: var(--dropdown-bg);\n padding-bottom: 1rem;\n padding-top: 1rem;\n font-size: 1rem;\n font-weight: 600; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {\n color: grey;\n padding-bottom: 1rem;\n padding-top: 1rem;\n text-align: right;\n background: var(--dropdown-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {\n font-family: \"roboto\", sans-serif;\n color: #6c757d;\n font-size: 0.875rem;\n font-weight: initial; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {\n text-align: left; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {\n text-align: right; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {\n position: relative;\n top: 13px; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {\n text-align: center; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {\n font-size: 0.9375rem;\n padding: 0.5rem 0;\n var(--base-text); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {\n background: var(--card-banner-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child {\n text-align: left; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child {\n text-align: right; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {\n var(--base-text);\n background: transparent;\n position: relative;\n z-index: 1; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {\n content: \"\";\n width: 38px;\n height: 38px;\n background: #19d895;\n border-radius: 100%;\n display: block;\n margin: auto;\n vertical-align: middle;\n position: absolute;\n top: 1px;\n z-index: -1;\n left: 0;\n right: 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {\n var(--base-text);\n background: transparent;\n position: relative;\n z-index: 1; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {\n content: \"\";\n width: 38px;\n height: 38px;\n background: #2196f3;\n border-radius: 100%;\n display: block;\n margin: auto;\n vertical-align: middle;\n position: absolute;\n top: 1px;\n z-index: -1;\n left: 0;\n right: 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {\n color: #eaeaef; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.today:before {\n left: -42px; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.today:before {\n left: 30px; }\n\n.datepicker.datepicker-inline {\n width: 100%;\n max-width: 100%;\n min-width: 250px; }\n .datepicker.datepicker-inline thead tr th.prev {\n var(--base-text);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n .datepicker.datepicker-inline thead tr th.datepicker-switch {\n color: #2196f3;\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n .datepicker.datepicker-inline thead tr th.next {\n var(--base-text);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n\n.datepicker > div {\n display: initial;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n var(--base-text);\n text-align: center;\n white-space: nowrap;\n border-radius: 2px; }\n\n.datepicker.input-group, .datepicker.asColorPicker-wrap {\n border: 1px solid var(--outline);\n padding: 0; }\n .datepicker.input-group .form-control, .datepicker.asColorPicker-wrap .form-control, .datepicker.input-group .asColorPicker-input, .datepicker.asColorPicker-wrap .asColorPicker-input, .datepicker.input-group .dataTables_wrapper select, .dataTables_wrapper .datepicker.input-group select, .datepicker.asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=text], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=text],\n .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select,\n .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=number], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=number], .datepicker.input-group .select2-container--default .select2-selection--single, .select2-container--default .datepicker.input-group .select2-selection--single, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .datepicker.asColorPicker-wrap .select2-selection--single, .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.asColorPicker-wrap .select2-search__field, .datepicker.input-group .tt-hint, .datepicker.asColorPicker-wrap .tt-hint,\n .datepicker.input-group .tt-query,\n .datepicker.asColorPicker-wrap .tt-query,\n .datepicker.input-group .typeahead,\n .datepicker.asColorPicker-wrap .typeahead {\n border: none; }\n\n/* Dropify */\n.dropify-wrapper {\n border: 2px dashed var(--outline);\n border-radius: 7px;\n background: var(--card-banner-bg); }\n .dropify-wrapper:hover {\n background-size: 30px 30px;\n background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);\n -webkit-animation: stripes 2s linear infinite;\n animation: stripes 2s linear infinite; }\n .dropify-wrapper .dropify-message span.file-icon:before {\n display: inline-block;\n font: normal normal normal 24px/1 \"Material Design Icons\";\n font-size: inherit;\n text-rendering: auto;\n line-height: inherit;\n -webkit-font-smoothing: antialiased;\n content: '\\F552';\n var(--base-text);\n font-size: 1.25rem; }\n .dropify-wrapper .dropify-message p {\n font-size: 0.8125rem;\n var(--base-text); }\n .dropify-wrapper .dropify-preview .dropify-infos {\n background: rgba(255, 255, 255, 0.9); }\n .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {\n color: #2196f3;\n font-size: 20px;\n font-weight: 400; }\n .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {\n color: #333;\n font-weight: 500; }\n .dropify-wrapper .dropify-preview .dropify-render img {\n opacity: 0.7; }\n .dropify-wrapper .dropify-clear {\n background: #fff;\n border: none;\n font-weight: 700;\n color: #6c757d; }\n\n/* Dropzone */\n.dropzone {\n border: 1px solid var(--outline);\n min-height: 200px; }\n .dropzone .dz-message {\n text-align: center;\n width: 100%; }\n .dropzone .dz-message span {\n font-size: .8125rem;\n var(--base-text); }\n .dropzone .dz-preview {\n margin: 5px; }\n .dropzone .dz-preview .dz-image {\n width: 74px;\n height: 74px;\n border-radius: 6px; }\n .dropzone .dz-preview .dz-error-message {\n top: 80px;\n left: -35px; }\n .dropzone .dz-preview .dz-success-mark,\n .dropzone .dz-preview .dz-error-mark {\n margin-left: -17px; }\n .dropzone .dz-preview .dz-success-mark svg,\n .dropzone .dz-preview .dz-error-mark svg {\n width: 35px;\n height: 35px; }\n\n/* Flot chart */\n.float-chart-container {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n min-height: 300px;\n max-height: 100%; }\n\n.float-chart {\n width: 100%;\n position: relative;\n max-width: none;\n height: 400px; }\n .float-chart canvas {\n position: absolute !important;\n top: 0;\n bottom: 0; }\n\n.flot-chart-legend {\n overflow-x: auto; }\n .flot-chart-legend table tr td.legendColorBox {\n width: 20px;\n height: 20px;\n margin-right: 15px;\n padding: 0 15px 0 22px;\n border-radius: 100%;\n overflow: hidden; }\n .flot-chart-legend table tr td.legendColorBox:first-child {\n padding-left: 0; }\n .flot-chart-legend table tr td.legendColorBox div {\n border-width: 0 !important; }\n .flot-chart-legend table tr td.legendColorBox div div {\n border-radius: 100%;\n border-width: 5px !important; }\n .flot-chart-legend table tr td.legendLabel {\n padding: 0 25px 0 0;\n border-right: 1px solid #f7f7f9;\n font-weight: 600; }\n .flot-chart-legend table tr td.legendLabel:last-child {\n border-right: none; }\n\n/* Google Charts */\n.google-chart-container .google-charts {\n width: 100%;\n height: 280px;\n min-height: 280px;\n min-width: 100%; }\n\n/* Icheck */\n.icheck,\n.icheck-flat,\n.icheck-line,\n.icheck-square {\n margin-bottom: 0.5rem; }\n .icheck label,\n .icheck-flat label,\n .icheck-line label,\n .icheck-square label {\n font-size: 0.8125rem;\n line-height: 1.5;\n margin-left: 5px;\n margin-bottom: 0; }\n\n/* Jquery File Upload */\n.ajax-upload-dragdrop {\n border-color: var(--outline);\n border-style: dotted;\n max-width: 100%; }\n .ajax-upload-dragdrop span b {\n font-size: 0.8125rem;\n var(--base-text);\n font-weight: initial; }\n .ajax-upload-dragdrop .ajax-file-upload {\n background: #8862e0;\n box-shadow: none;\n height: auto; }\n\n.ajax-file-upload-container {\n min-height: 100px; }\n .ajax-file-upload-container .ajax-file-upload-statusbar {\n max-width: 100%; }\n\n/* Js-grid */\n.jsgrid .jsgrid-header-cell,\n.jsgrid .jsgrid-cell {\n background: var(--card-banner-bg);\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-button {\n background-image: url(\"../../images/sprites/jsgrid-icons.png\"); }\n\n.jsgrid .jsgrid-grid-header {\n border: 1px solid var(--outline);\n border-top: 0; }\n\n.jsgrid .jsgrid-grid-body {\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-table th {\n font-weight: initial;\n font-family: \"roboto\", sans-serif;\n border-top-color: var(--outline); }\n\n.jsgrid .jsgrid-table td {\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] {\n padding: 0.56rem 0; }\n\n.jsgrid .jsgrid-header-sort:before {\n margin-top: 10px;\n float: right; }\n\n.jsgrid .jsgrid-header-sort-asc:before {\n border-color: transparent transparent var(--outline); }\n\n.jsgrid .jsgrid-header-sort-desc:before {\n border-color: var(--outline) transparent transparent; }\n\n.jsgrid .jsgrid-pager {\n line-height: 2;\n display: flex;\n align-items: center; }\n\n.jsgrid .jsgrid-pager-current-page {\n padding: 0.5rem 0.75rem;\n font-weight: initial;\n line-height: 1.25; }\n\n/* Jvectormap */\n.jvectormap-container {\n background: #ffffff; }\n\n/* Light Gallery */\n.lightGallery {\n width: 100%;\n margin: 0; }\n .lightGallery .image-tile {\n position: relative;\n margin-bottom: 30px; }\n .lightGallery .image-tile .demo-gallery-poster {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0; }\n .lightGallery .image-tile .demo-gallery-poster img {\n display: block;\n margin: auto;\n width: 40%;\n max-width: 60px;\n min-width: 20px; }\n .lightGallery .image-tile img {\n max-width: 100%;\n width: 100%; }\n\n/* Listify */\n.listify-list input {\n border: 1px solid var(--outline);\n var(--base-text)\n background: var(--card-banner-bg); }\n\n.listify-list ul.list {\n list-style: none;\n padding-left: 0; }\n .listify-list ul.list li {\n display: block;\n border-bottom: 1px solid #dee2e6;\n padding: 15px 10px; }\n .listify-list ul.list li h5 {\n color: #2196f3; }\n .listify-list ul.list li p {\n var(--base-text)\n margin: 0; }\n\n/* No-ui-slider */\n.noUi-target {\n border: none;\n box-shadow: none;\n border-radius: 0; }\n .noUi-target.noUi-horizontal {\n height: 0.25rem; }\n .noUi-target.noUi-horizontal .noUi-handle {\n left: -17px; }\n .noUi-target.noUi-vertical {\n width: 0.25rem;\n height: 156px;\n display: inline-block; }\n .noUi-target.noUi-vertical .noUi-handle {\n left: -6px; }\n .noUi-target .noUi-base {\n background: #f7f7f9;\n box-shadow: none;\n border: none; }\n .noUi-target .noUi-base .noUi-connect {\n background: #2196f3;\n box-shadow: none; }\n .noUi-target .noUi-base .noUi-origin {\n background: #19d895; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle {\n background: #ffffff;\n border-radius: 100%;\n border: 1px solid var(--outline);\n width: 18px;\n height: 18px;\n top: -7px;\n outline: none;\n transition-duration: 0.4s; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle:after, .noUi-target .noUi-base .noUi-origin .noUi-handle:before {\n display: none; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle:after {\n display: block;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n margin: auto;\n width: 6px;\n height: 6px;\n background: #2196f3;\n border-radius: 100%; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n font-family: \"roboto\", sans-serif;\n border-radius: 4px;\n border: none;\n line-height: 1;\n font-size: 0.875rem;\n padding: 13px 12px;\n bottom: 190%; }\n .noUi-target .noUi-pips .noUi-marker-horizontal,\n .noUi-target .noUi-pips .noUi-marker-vertical {\n background: var(--outline); }\n .noUi-target .noUi-pips .noUi-marker-horizontal {\n height: 9px;\n width: 1px; }\n .noUi-target .noUi-pips .noUi-marker-vertical {\n height: 1px;\n width: 9px; }\n .noUi-target .noUi-pips .noUi-value {\n var(--base-text);\n font-size: 0.94rem;\n font-family: \"roboto\", sans-serif; }\n\n/* Slider Color variations */\n.slider-primary .noUi-base .noUi-connect {\n background: #2196f3; }\n\n.slider-primary .noUi-base .noUi-origin {\n background: #2196f3; }\n .slider-primary .noUi-base .noUi-origin .noUi-handle:after {\n background: #2196f3; }\n .slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #2196f3;\n var(--base-text)fff; }\n\n.slider-secondary .noUi-base .noUi-connect {\n background: #dde4eb; }\n\n.slider-secondary .noUi-base .noUi-origin {\n background: #dde4eb; }\n .slider-secondary .noUi-base .noUi-origin .noUi-handle:after {\n background: #dde4eb; }\n .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #dde4eb;\n var(--base-text)fff; }\n\n.slider-success .noUi-base .noUi-connect {\n background: #19d895; }\n\n.slider-success .noUi-base .noUi-origin {\n background: #19d895; }\n .slider-success .noUi-base .noUi-origin .noUi-handle:after {\n background: #19d895; }\n .slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #19d895;\n var(--base-text)fff; }\n\n.slider-info .noUi-base .noUi-connect {\n background: #8862e0; }\n\n.slider-info .noUi-base .noUi-origin {\n background: #8862e0; }\n .slider-info .noUi-base .noUi-origin .noUi-handle:after {\n background: #8862e0; }\n .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #8862e0;\n var(--base-text)fff; }\n\n.slider-warning .noUi-base .noUi-connect {\n background: #ffaf00; }\n\n.slider-warning .noUi-base .noUi-origin {\n background: #ffaf00; }\n .slider-warning .noUi-base .noUi-origin .noUi-handle:after {\n background: #ffaf00; }\n .slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #ffaf00;\n var(--base-text)fff; }\n\n.slider-danger .noUi-base .noUi-connect {\n background: #ff6258; }\n\n.slider-danger .noUi-base .noUi-origin {\n background: #ff6258; }\n .slider-danger .noUi-base .noUi-origin .noUi-handle:after {\n background: #ff6258; }\n .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #ff6258;\n var(--base-text)fff; }\n\n.slider-light .noUi-base .noUi-connect {\n background: #fbfbfb; }\n\n.slider-light .noUi-base .noUi-origin {\n background: #fbfbfb; }\n .slider-light .noUi-base .noUi-origin .noUi-handle:after {\n background: #fbfbfb; }\n .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #fbfbfb;\n var(--base-text)fff; }\n\n.slider-dark .noUi-base .noUi-connect {\n background: #252C46; }\n\n.slider-dark .noUi-base .noUi-origin {\n background: #252C46; }\n .slider-dark .noUi-base .noUi-origin .noUi-handle:after {\n background: #252C46; }\n .slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: #252C46;\n var(--base-text)fff; }\n\n/* Owl-carousel */\n.owl-carousel img {\n border-radius: 4px; }\n\n.owl-carousel.full-width .owl-nav {\n position: absolute;\n top: 30%;\n width: 100%;\n margin-top: 0; }\n .owl-carousel.full-width .owl-nav .owl-next,\n .owl-carousel.full-width .owl-nav .owl-prev {\n background: transparent;\n var(--base-text)fff; }\n .owl-carousel.full-width .owl-nav .owl-next i:before,\n .owl-carousel.full-width .owl-nav .owl-prev i:before {\n width: 40px;\n height: 40px;\n background: #b9c0d3;\n border-radius: 100%;\n font-size: 1.6rem;\n font-weight: bold;\n line-height: 40px; }\n .owl-carousel.full-width .owl-nav .owl-prev {\n float: left; }\n .owl-carousel.full-width .owl-nav .owl-next {\n float: right; }\n\n.owl-carousel.full-width .owl-dots {\n margin-top: 1rem; }\n\n.owl-carousel .item-video {\n width: 200px;\n height: 200px; }\n\n/* Progressbar-js */\n.ui-progress {\n border-radius: 50px; }\n .ui-progress svg {\n background: var(--outline);\n border-radius: 50px; }\n\n.progressbar-js-circle {\n width: 100%; }\n\n/* Pws-tabs */\n.pws_tabs_container ul.pws_tabs_controll {\n border-bottom: 1px solid #2196f3; }\n .pws_tabs_container ul.pws_tabs_controll li:first-child a {\n border-radius: 5px 0 0 0; }\n .pws_tabs_container ul.pws_tabs_controll li:last-child a {\n border-right: 1px solid #2196f3;\n border-radius: 0 5px 0 0; }\n .pws_tabs_container ul.pws_tabs_controll li a {\n border: 1px solid #2196f3;\n border-bottom: none;\n border-right: none;\n background: #fff;\n color: #2196f3;\n padding: 0.3em 1.3em;\n margin-right: 0;\n font-weight: 500;\n font-size: 14px; }\n .pws_tabs_container ul.pws_tabs_controll li a:hover {\n background: #fff;\n color: #2196f3; }\n .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {\n background: #2196f3;\n var(--base-text); }\n\n.pws_tabs_container .demo-tabs {\n border: 1px solid #2196f3;\n border-radius: 0 5px 5px 5px;\n overflow: hidden;\n background: #fbfbfb;\n margin-bottom: 45px;\n padding-top: 3.5rem; }\n .pws_tabs_container .demo-tabs .CodeMirror {\n margin-bottom: 20px; }\n\n.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {\n border-right: none;\n border-bottom: none; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a {\n border-radius: 5px 0 0 0; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {\n border-bottom: 1px solid #2196f3;\n border-radius: 0 0 0 5px;\n border-right: 0; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {\n border-radius: 0;\n border: 1px solid #2196f3;\n border-right: none;\n border-bottom: none;\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {\n border-top: 1px solid #2196f3;\n border-right: none;\n border-bottom: none; }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a {\n border-radius: 0 0 0 5px; }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {\n border-radius: 0 0 5px 0;\n border-right: 1px solid #2196f3; }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {\n border-radius: 0;\n border: 1px solid #2196f3;\n border-top: none;\n border-right: none;\n margin-right: 0;\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_top .pws_tabs_controll {\n border-bottom: 0px; }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {\n border-radius: 0 5px 0 0;\n border-right: 1px solid #2196f3; }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {\n border-right: none;\n border-radius: 5px 0 0 0; }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {\n border: 1px solid #2196f3;\n border-bottom: none;\n border-right: none;\n margin-right: 0;\n margin-left: 0; }\n\n/* Quill Editor */\n.quill-container {\n height: 300px; }\n\n.ql-toolbar.ql-snow,\n.quill-container.ql-snow {\n border-color: var(--outline); }\n\n/* Rating */\n.br-theme-css-stars .br-widget a,\n.br-theme-fontawesome-stars .br-widget a {\n font-size: 15px;\n margin-right: 0px; }\n .br-theme-css-stars .br-widget a:last-child,\n .br-theme-fontawesome-stars .br-widget a:last-child {\n margin-right: 0; }\n\n.br-theme-css-stars .br-widget a.br-active:after,\n.br-theme-css-stars .br-widget a.br-selected:after,\n.br-theme-fontawesome-stars .br-widget a.br-active:after,\n.br-theme-fontawesome-stars .br-widget a.br-selected:after {\n color: #F9CF57; }\n\n.br-theme-bars-1to10 .br-widget a,\n.br-theme-bars-horizontal .br-widget a,\n.br-theme-bars-movie .br-widget a,\n.br-theme-bars-pill .br-widget a,\n.br-theme-bars-reversed .br-widget a {\n background-color: rgba(249, 207, 87, 0.6);\n color: #F9CF57; }\n .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected,\n .br-theme-bars-horizontal .br-widget a.br-active,\n .br-theme-bars-horizontal .br-widget a.br-selected,\n .br-theme-bars-movie .br-widget a.br-active,\n .br-theme-bars-movie .br-widget a.br-selected,\n .br-theme-bars-pill .br-widget a.br-active,\n .br-theme-bars-pill .br-widget a.br-selected,\n .br-theme-bars-reversed .br-widget a.br-active,\n .br-theme-bars-reversed .br-widget a.br-selected {\n background-color: #F9CF57; }\n\n.br-theme-bars-square .br-widget a {\n border-color: rgba(249, 207, 87, 0.6);\n color: rgba(249, 207, 87, 0.6); }\n .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {\n border-color: #F9CF57;\n color: #F9CF57; }\n\n.br-theme-bars-1to10 .br-widget .br-current-rating,\n.br-theme-bars-horizontal .br-widget .br-current-rating,\n.br-theme-bars-movie .br-widget .br-current-rating,\n.br-theme-bars-reversed .br-widget .br-current-rating {\n var(--base-text);\n font-size: 0.875rem;\n font-weight: initial; }\n\n.br-theme-bars-1to10 {\n height: 26px; }\n .br-theme-bars-1to10 .br-widget {\n height: 24px; }\n .br-theme-bars-1to10 .br-widget .br-current-rating {\n line-height: 1; }\n\n.br-theme-bars-pill .br-widget a {\n line-height: 2.5; }\n\n/* Select2 */\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background: #2196f3; }\n\n.select2-container--default .select2-dropdown,\n.select2-container--default .select2-selection--multiple,\n.select2-container--default .select2-selection--single {\n border-color: var(--outline); }\n .select2-container--default .select2-dropdown .select2-search__field,\n .select2-container--default .select2-selection--multiple .select2-search__field,\n .select2-container--default .select2-selection--single .select2-search__field {\n border-color: var(--outline); }\n\n.select2-container--default .select2-selection--single {\n height: auto; }\n .select2-container--default .select2-selection--single .select2-selection__rendered {\n line-height: 14px;\n height: 40px;\n display: flex;\n align-items: center; }\n .select2-container--default .select2-selection--single .select2-selection__arrow {\n top: 8px; }\n\n.select2-container--default .select2-dropdown {\n font-size: 0.8125rem; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n border-color: var(--outline); }\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n var(--base-text)fff;\n border: 0;\n border-radius: 3px;\n padding: 6px;\n font-size: 0.625rem;\n font-family: inherit;\n line-height: 1; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {\n var(--base-text)fff; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {\n background: #2196f3; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {\n background: #19d895; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {\n background: #8862e0; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {\n background: #ff6258; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {\n background: #ffaf00; }\n\n/* Summernote Editor */\n.note-editor.note-frame {\n border: 1px solid var(--outline); }\n\n.note-popover {\n border: 1px solid var(--outline); }\n\n/* SweetAlert */\n.swal2-container {\n z-index: 1500; }\n\n.swal2-modal {\n min-height: 315px;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n border-radius: 10px; }\n .swal2-modal .swal2-title {\n font-size: 25px;\n line-height: 1;\n font-family: \"roboto\", sans-serif;\n var(--base-text);\n font-weight: initial;\n margin-bottom: 0; }\n .swal2-modal .swal2-icon,\n .swal2-modal .swal2-success-ring {\n margin-top: 0;\n margin-bottom: 42px; }\n .swal2-modal .swal2-buttonswrapper {\n margin-top: 0;\n padding: 0; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled {\n margin-top: 0;\n font-weight: initial; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {\n background-color: #19d895 !important;\n border: 1px solid #19d895 !important;\n font-weight: initial;\n margin-top: 32px; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {\n margin-top: 32px;\n background: var(--base-text)fff !important;\n border: 1px solid var(--outline);\n var(--base-text);\n font-weight: initial; }\n .swal2-modal .swal2-content {\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n var(--base-text);\n font-weight: initial;\n margin-top: 11px; }\n .swal2-modal .swal2-close {\n font-size: 20px; }\n .swal2-modal .swal2-success-ring {\n left: -30px; }\n\n/* Switchery */\n.switchery {\n width: 35px;\n height: 21px;\n border-radius: 11px; }\n .switchery > small {\n width: 20px;\n height: 20px; }\n\n.switchery-small {\n width: 25px;\n height: 13px; }\n .switchery-small > small {\n width: 13px;\n height: 13px; }\n\n.switchery-large {\n width: 50px;\n height: 28px;\n border-radius: 14px; }\n .switchery-large > small {\n width: 27px;\n height: 27px; }\n\n/* Tags */\ndiv.tagsinput {\n padding: 15px 15px 10px;\n border-color: var(--outline);\n background: var(--card-banner-bg); }\n div.tagsinput span.tag {\n background: #2196f3;\n border: 0;\n var(--base-text);\n padding: 6px 14px;\n font-size: 0.8125rem;\n font-family: inherit;\n line-height: 1; }\n div.tagsinput span.tag a {\n var(--base-text); }\n\n/* TinyMCE Editor */\n.mce-tinymce.mce-panel,\n.mce-tinymce .mce-panel {\n border-color: var(--outline); }\n\n/* Toast */\n.jq-toast-wrap .jq-icon-success {\n background-color: #19d895; }\n\n.jq-toast-wrap .jq-icon-info {\n background-color: #8862e0; }\n\n.jq-toast-wrap .jq-icon-warning {\n background-color: #ffaf00; }\n\n.jq-toast-wrap .jq-icon-error {\n background-color: #ff6258; }\n\n/* Typeahead */\n.gist,\n.tt-menu {\n text-align: left; }\n\n.twitter-typeahead {\n max-width: 100%; }\n\n.typeahead {\n background: var(--base-text); }\n .typeahead:focus {\n border-color: var(--outline); }\n\n.tt-query {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }\n\n.tt-hint {\n color: #6c757d; }\n\n.tt-menu {\n width: 100%;\n margin: 12px 0;\n padding: 8px 0;\n background: var(--base-text)fff;\n border: 1px solid var(--outline);\n border-radius: 8px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n\n.tt-suggestion {\n padding: 3px 20px;\n font-size: inherit; }\n .tt-suggestion:hover {\n cursor: pointer;\n var(--base-text)fff;\n background-color: #2196f3; }\n .tt-suggestion .tt-cursor {\n var(--base-text)fff;\n background-color: #2196f3; }\n .tt-suggestion p {\n margin: 0; }\n\n/* Wysi Editor */\n.wysi-editor #toolbar [data-wysihtml-action] {\n float: right; }\n\n.wysi-editor #toolbar,\n.wysi-editor textarea {\n width: 920px;\n padding: 5px;\n box-sizing: border-box; }\n\n.wysi-editor textarea {\n height: 280px;\n border: 1px solid var(--outline);\n font-family: inherit;\n font-size: 1rem; }\n\n.wysi-editor textarea:focus {\n color: black;\n border: 1px solid var(--outline); }\n\n.wysi-editor .wysihtml-action-active,\n.wysi-editor .wysihtml-command-active {\n font-weight: bold; }\n\n.wysi-editor [data-wysihtml-dialog] {\n margin: 5px 0 0;\n padding: 5px;\n border: 1px solid var(--outline); }\n\n.wysi-editor a[data-wysihtml-command-value=\"red\"] {\n color: #ff6258; }\n\n.wysi-editor a[data-wysihtml-command-value=\"green\"] {\n color: #19d895; }\n\n.wysi-editor a[data-wysihtml-command-value=\"blue\"] {\n color: #8862e0; }\n\n.wysi-editor .wysihtml-editor,\n.wysi-editor .wysihtml-editor table td {\n outline: 1px dotted var(--outline); }\n\n.wysi-editor code {\n background: #ddd;\n padding: 10px;\n white-space: pre;\n display: block;\n margin: 1em 0; }\n\n.wysi-editor .toolbar {\n display: block;\n border-radius: 3px;\n border: 1px solid var(--outline);\n margin-bottom: 9px;\n line-height: 1em; }\n\n.wysi-editor .toolbar a {\n display: inline-block;\n height: 1.5em;\n border-radius: 3px;\n font-size: 1rem;\n line-height: 1.5em;\n text-decoration: none;\n background: #ffffff;\n border: 1px solid var(--outline);\n padding: 0 0.2em;\n margin: 1px 0;\n color: #2196f3; }\n\n.wysi-editor .toolbar .wysihtml-action-active,\n.wysi-editor .toolbar a.wysihtml-command-active {\n background: #222;\n color: white; }\n\n.wysi-editor .toolbar .block {\n padding: 1px;\n display: inline-block;\n background: #eee;\n border-radius: 3px;\n margin: 0 1px 1px 0; }\n\n.wysi-editor div[data-wysihtml-dialog=\"createTable\"] {\n position: absolute;\n background: white; }\n\n.wysi-editor div[data-wysihtml-dialog=\"createTable\"] td {\n width: 10px;\n height: 5px;\n border: 1px solid var(--outline); }\n\n.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {\n outline: 2px solid #19d895; }\n\n.wysi-editor .editor-container-tag {\n padding: 5px 10px;\n position: absolute;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n width: 100px;\n margin-left: -50px;\n transition: 0.1s left, 0.1s top; }\n\n.wysi-editor .wrap {\n max-width: 700px;\n margin: 40px; }\n\n.wysi-editor .editable .wysihtml-uneditable-container {\n outline: 1px dotted var(--outline);\n position: relative; }\n\n.wysi-editor .editable .wysihtml-uneditable-container-right {\n float: right;\n width: 50%;\n margin-left: 2em;\n margin-bottom: 1em; }\n\n.wysi-editor .editable .wysihtml-uneditable-container-left {\n float: left;\n width: 50%;\n margin-right: 2em;\n margin-bottom: 1em; }\n\n/* X-editable */\n.editable-form .editable {\n var(--base-text);\n font-size: 0.8125rem; }\n\n.editable-form .editable-click {\n border-var(--base-text); }\n\n.editable-container.editable-inline {\n max-width: 100%; }\n .editable-container.editable-inline .editableform {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group {\n max-width: 100%;\n white-space: initial; }\n .editable-container.editable-inline .editableform .control-group > div {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group .editable-input input,\n .editable-container.editable-inline .editableform .control-group .editable-input textarea {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select, .dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number], .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single, .select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint,\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead {\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 991px) {\n .editable-container.editable-inline .editableform .control-group .editable-buttons {\n display: block;\n margin-top: 10px; } }\n\n/* Wizard */\n.wizard {\n display: block;\n width: 100%;\n overflow: hidden; }\n .wizard a {\n outline: 0; }\n .wizard ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n .wizard ul > li {\n display: block;\n padding: 0; }\n .wizard > .steps {\n position: relative;\n display: block;\n width: 100%; }\n .wizard > .steps .current-info {\n position: absolute;\n left: -999em; }\n .wizard > .steps .number {\n font-size: 0.875rem; }\n .wizard > .steps > ul > li {\n width: 25%;\n float: left;\n text-align: center; }\n .wizard > .steps a {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif; }\n .wizard > .steps a:hover {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px; }\n .wizard > .steps a:active {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px; }\n .wizard > .steps .disabled a {\n background: #f7f7f9;\n color: #6c757d;\n cursor: default; }\n .wizard > .steps .disabled a:hover {\n background: #f7f7f9;\n color: #6c757d;\n cursor: default; }\n .wizard > .steps .disabled a:active {\n background: #f7f7f9 e;\n color: #6c757d;\n cursor: default; }\n .wizard > .steps .current a {\n background: #2196f3;\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .current a:hover {\n background: #2196f3;\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .current a:active {\n background: #2196f3;\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .done a {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .done a:hover {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .done a:active {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .error a {\n background: #ff6258;\n var(--base-text); }\n .wizard > .steps .error a:hover {\n background: #ff6258;\n var(--base-text); }\n .wizard > .steps .error a:active {\n background: #ff6258;\n var(--base-text); }\n .wizard > .content {\n background: var(--deep-bg);\n display: block;\n margin: 0.5em;\n min-height: 24em;\n overflow: hidden;\n position: relative;\n width: auto;\n border-radius: 5px; }\n .wizard > .content > .title {\n position: absolute;\n left: -999em; }\n .wizard > .content > .body {\n float: left;\n position: absolute;\n width: 95%;\n height: 95%;\n padding: 2.5%;\n overflow-y: auto; }\n .wizard > .content > .body ul {\n list-style: disc !important; }\n .wizard > .content > .body ul > li {\n display: list-item; }\n .wizard > .content > .body > iframe {\n border: 0 none;\n width: 100%;\n height: 100%; }\n .wizard > .content > .body input {\n display: block;\n border: 1px solid var(--outline); }\n .wizard > .content > .body input[type=\"checkbox\"] {\n display: inline-block; }\n .wizard > .content > .body input.error {\n background: #fbe3e4;\n border: 1px solid #ffc2be;\n color: #ff6258; }\n .wizard > .content > .body label {\n display: inline-block;\n margin-bottom: 0.5em; }\n .wizard > .content > .body label.error {\n color: #ff6258;\n display: inline-block;\n margin-left: 1.5em; }\n .wizard > .actions {\n padding-top: 20px;\n position: relative;\n display: block;\n text-align: right;\n width: 100%; }\n .wizard > .actions > ul {\n display: inline-block;\n text-align: right; }\n .wizard > .actions > ul > li {\n float: left;\n margin: 0 0.5em; }\n .wizard.vertical > .steps {\n display: inline;\n float: left;\n width: 30%; }\n .wizard.vertical > .steps > ul > li {\n float: none;\n width: 100%;\n text-align: left; }\n .wizard.vertical > .content {\n display: inline;\n float: left;\n margin: 0 2.5% 0.5em;\n width: 65%; }\n .wizard.vertical > .actions {\n display: inline;\n float: right;\n margin: 0 2.5%;\n width: 95%; }\n .wizard.vertical > .actions > ul > li {\n margin: 0 0 0 1em; }\n\n.tabcontrol {\n display: block;\n width: 100%;\n overflow: hidden; }\n .tabcontrol a {\n outline: 0; }\n .tabcontrol ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n .tabcontrol ul > li {\n display: block;\n padding: 0; }\n .tabcontrol > .steps {\n position: relative;\n display: block;\n width: 100%; }\n .tabcontrol > .steps .current-info {\n position: absolute;\n left: -999em; }\n .tabcontrol > .steps > ul {\n position: relative;\n margin: 6px 0 0;\n top: 1px;\n z-index: 1; }\n .tabcontrol > .steps > ul > li {\n float: left;\n margin: 5px 2px 0 0;\n padding: 1px;\n -webkit-border-top-left-radius: 5px;\n -webkit-border-top-right-radius: 5px;\n -moz-border-radius-topleft: 5px;\n -moz-border-radius-topright: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n .tabcontrol > .steps > ul > li:hover {\n background: #edecec;\n border: 1px solid var(--outline);\n padding: 0; }\n .tabcontrol > .steps > ul > li > a {\n color: #8ba2b5;\n display: inline-block;\n border: 0 none;\n margin: 0;\n padding: 10px 30px;\n text-decoration: none; }\n .tabcontrol > .steps > ul > li > a:hover {\n text-decoration: none; }\n .tabcontrol > .steps > ul > li.current {\n background: #ffffff;\n border: 1px solid var(--outline);\n border-bottom: 0 none;\n padding: 0 0 1px;\n margin-top: 0; }\n .tabcontrol > .steps > ul > li.current > a {\n padding: 15px 30px 10px; }\n .tabcontrol > .content {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 35em;\n overflow: hidden;\n border-top: 1px solid var(--outline);\n padding-top: 20px; }\n .tabcontrol > .content > .title {\n position: absolute;\n left: -999em; }\n .tabcontrol > .content > .body {\n float: left;\n position: absolute;\n width: 95%;\n height: 95%;\n padding: 2.5%; }\n .tabcontrol > .content > .body ul {\n list-style: disc !important; }\n .tabcontrol > .content > .body ul > li {\n display: list-item; }\n\n/*-------------------------------------------------------------------*/\n/* === Landing screens === */\n/* Auth */\n.full-page-wrapper {\n min-height: 100vh;\n padding-left: 0;\n padding-right: 0; }\n\n.auth {\n min-height: 100vh; }\n .auth.auth-bg-1 {\n background: url(\"../../images/auth/login_1.jpg\");\n background-size: cover; }\n .auth.register-bg-1 {\n background: url(\"../../images/auth/register.jpg\") center center no-repeat;\n background-size: cover; }\n .auth.theme-one .auto-form-wrapper {\n background: var(--dropdown-bg);\n padding: 40px 40px 10px;\n border-radius: 4px;\n box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); }\n .auth.theme-one .auto-form-wrapper .form-group .input-group, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap {\n height: 44px; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=text],\n .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead {\n border: 1px solid #2e334d;\n border-right: none;\n border-radius: 6px 0 0 6px;\n height: 44px;\n line-height: 4px;\n display: inline-block;\n padding-top: 0px;\n padding-bottom: 0px; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=text],\n .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint:focus,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query:focus,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead:focus {\n border-right: none;\n border-color: #2e334d; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append {\n border-left: none; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append .input-group-text, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append .input-group-text {\n border-radius: 0 6px 6px 0;\n border-left: none;\n border-color: #2e334d;\n color: #b6b6b6; }\n .auth.theme-one .auto-form-wrapper .form-group .submit-btn {\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n padding: 12px 8px;\n font-weight: 600; }\n .auth.theme-one .auto-form-wrapper .g-login {\n border: 1px solid var(--outline);\n padding: 13px;\n font-size: 12px;\n font-weight: 600;\n background: transparent; }\n .auth.theme-one .auth-footer {\n list-style-type: none;\n padding-left: 0;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n justify-content: center; }\n .auth.theme-one .auth-footer li {\n margin-right: 10px;\n line-height: 1;\n padding-right: 10px;\n border-right: 1px solid rgba(255, 255, 255, 0.4); }\n .auth.theme-one .auth-footer li:last-child {\n margin-right: 0;\n border-right: none; }\n .auth.theme-one .auth-footer li a {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.4); }\n @media (max-width: 576px) {\n .auth.theme-one .auth-footer {\n justify-content: center; } }\n .auth.theme-one .footer-text {\n color: rgba(255, 255, 255, 0.4); }\n .auth.theme-two .auto-form-wrapper {\n position: relative;\n height: 100vh;\n min-height: 100vh;\n max-height: 100vh;\n padding: 110px 5% 5%;\n border-radius: 4px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper {\n padding: 11% 15px;\n text-align: center;\n height: 100%;\n max-height: 100%; } }\n .auth.theme-two .auto-form-wrapper .nav-get-started {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 30px;\n right: 30px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper .nav-get-started {\n margin-bottom: 5%;\n margin-right: auto;\n margin-left: auto;\n position: relative;\n top: unset;\n right: unset;\n justify-content: center; } }\n .auth.theme-two .auto-form-wrapper .nav-get-started p {\n margin-bottom: 0;\n font-weight: 300; }\n .auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn {\n border: 1px solid var(--outline);\n padding: 10px 20px;\n font-size: 12px;\n font-weight: 600;\n var(--base-text);\n margin-left: 20px;\n border-radius: 50px; }\n .auth.theme-two .auto-form-wrapper form {\n width: 50%;\n min-width: 300px;\n max-width: 480px; }\n .auth.theme-two .auto-form-wrapper form .form-group {\n width: 100%;\n margin-bottom: 25px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper form .form-group {\n margin-right: auto;\n margin-left: auto; } }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap {\n height: 44px; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=text],\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead {\n border: 1px solid #2e334d;\n border-left: none;\n border-radius: 0 6px 6px 0;\n height: 45px; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=text],\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead:focus {\n border-left: none;\n border-color: #2e334d; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-trigger .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-trigger .input-group-text {\n border-radius: 6px 0 0 6px;\n border-color: #2e334d;\n border-right: none;\n color: #dfdfdf; }\n .auth.theme-two .auto-form-wrapper form .form-group .submit-btn {\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n padding: 11px 33px;\n font-weight: 600;\n background-image: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .auth.theme-two .auto-form-wrapper .footer-text {\n font-size: 13px;\n margin-bottom: 0; }\n .auth.theme-two .auto-form-wrapper .auth-footer {\n list-style-type: none;\n display: flex;\n margin-top: 7px;\n padding-left: 0;\n margin-bottom: 0; }\n .auth.theme-two .auto-form-wrapper .auth-footer li {\n margin-right: 10px;\n line-height: 1;\n padding-right: 10px;\n border-right: 1px solid #b9c0d3; }\n .auth.theme-two .auto-form-wrapper .auth-footer li:last-child {\n margin-right: 0;\n border-right: none; }\n .auth.theme-two .auto-form-wrapper .auth-footer li a {\n font-size: 13px;\n var(--base-text) }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper .auth-footer {\n justify-content: center; } }\n .auth.theme-two .banner-section {\n padding-right: 0; }\n .auth.theme-two .banner-section .slide-content {\n width: 100%; }\n .auth.theme-two .banner-section .slide-content.bg-1 {\n background: url(\"../../images/auth/login_2.jpg\") no-repeat center center;\n background-size: cover; }\n .auth.theme-two .banner-section .slide-content.bg-2 {\n background: url(\"../../images/auth/register_2.jpg\") no-repeat center center;\n background-size: cover; }\n .auth.multi-step-login {\n height: 100%;\n min-height: 100vh;\n background: var(--deep-bg); }\n .auth.multi-step-login .step-form {\n position: relative;\n width: 530px;\n margin: 50px auto;\n text-align: center; }\n .auth.multi-step-login .step-form .step-progress {\n padding-left: 0;\n list-style-type: none;\n margin-bottom: 30px;\n overflow: hidden;\n counter-reset: step;\n display: flex;\n justify-content: space-around; }\n .auth.multi-step-login .step-form .step-progress li {\n position: relative;\n list-style-type: none;\n var(--base-text);\n font-size: 18px;\n font-weight: 500;\n float: left; }\n .auth.multi-step-login .step-form .step-progress li:before {\n display: flex;\n align-items: center;\n justify-content: center;\n content: counter(step);\n counter-increment: step;\n width: 30px;\n height: 30px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 600;\n var(--base-text);\n background: #12141f;\n border-radius: 100px;\n margin: 0 auto 5px auto; }\n .auth.multi-step-login .step-form .step-progress li.active:before {\n background: #19d895;\n var(--base-text); }\n .auth.multi-step-login .step-form .step-progress li:first-child:after {\n content: none; }\n .auth.multi-step-login .step-form fieldset {\n background: var(--dropdown-bg);\n border-radius: 10px;\n padding: 30px 30px;\n box-sizing: border-box;\n margin: 0 auto;\n width: 100%;\n position: relative; }\n .auth.multi-step-login .step-form fieldset:not(:first-of-type) {\n display: none; }\n .auth.multi-step-login .step-form .form-control, .auth.multi-step-login .step-form .asColorPicker-input, .auth.multi-step-login .step-form .dataTables_wrapper select, .dataTables_wrapper .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text],\n .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number], .auth.multi-step-login .step-form .select2-container--default .select2-selection--single, .select2-container--default .auth.multi-step-login .step-form .select2-selection--single, .auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field, .auth.multi-step-login .step-form .tt-hint,\n .auth.multi-step-login .step-form .tt-query,\n .auth.multi-step-login .step-form .typeahead {\n height: 40px;\n border-radius: 4px; }\n\n/* Error */\n.error-page {\n min-height: 100vh; }\n .error-page h1 {\n font-size: 9.375rem;\n line-height: 1; }\n @media (max-width: 991px) {\n .error-page h1 {\n font-size: 8rem; } }\n .error-page h2 {\n font-size: 4.375rem;\n line-height: 1; }\n @media (min-width: 992px) {\n .error-page .error-page-divider {\n border-left: 3px solid rgba(255, 255, 255, 0.2); } }\n\n/* Landing */\n.landing-page .navbar {\n padding: 2rem 0;\n box-shadow: none;\n -webkit-box-shadow: none; }\n .landing-page .navbar .navbar-brand img {\n width: 145px; }\n @media (max-width: 991px) {\n .landing-page .navbar .navbar-collapse {\n display: block; } }\n .landing-page .navbar .navbar-collapse.collapse {\n display: none; }\n .landing-page .navbar .navbar-collapse.show {\n display: block; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n var(--base-text)fff;\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 0.9375rem;\n font-family: \"roboto\", sans-serif;\n text-align: left; }\n @media (min-width: 992px) {\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n margin-left: 1rem;\n margin-right: 1rem; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:first-child {\n margin-left: 0; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {\n margin-right: 0; } }\n\n.landing-page .top-banner {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .landing-page .top-banner .demo-image img {\n max-width: 500px; }\n @media (min-width: 992px) {\n .landing-page .top-banner .demo-image img {\n position: absolute;\n left: -80px; } }\n @media (max-width: 991px) {\n .landing-page .top-banner .demo-image img {\n margin-top: 1rem;\n max-width: 100%; } }\n .landing-page .top-banner .top-banner-content {\n padding-top: 80px;\n padding-bottom: 120px; }\n\n.landing-page .middle-section {\n padding-top: 120px;\n padding-bottom: 80px;\n text-align: center;\n color: #000; }\n .landing-page .middle-section .card {\n background: #ffffff;\n border-radius: 10px;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n transition: box-shadow 0.5s ease; }\n .landing-page .middle-section .card:hover {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); }\n .landing-page .middle-section .card.card-icon-top {\n position: relative; }\n .landing-page .middle-section .card.card-icon-top .card-body {\n padding: 3rem; }\n .landing-page .middle-section .card.card-icon-top .card-icon {\n position: absolute;\n width: 65px;\n height: 65px;\n top: -30px;\n left: calc(50% - 30px); }\n .landing-page .middle-section .card.card-item-preview {\n position: relative; }\n .landing-page .middle-section .card.card-item-preview .badge {\n position: absolute;\n top: -25px;\n right: -35px;\n width: 65px;\n height: 65px;\n padding: 1rem;\n border-radius: 50%;\n line-height: 32px;\n font-size: 1rem; }\n .landing-page .middle-section .card.card-item-preview .card-img-top {\n border-top-left-radius: 10px;\n border-top-right-radius: 10px; }\n\n.landing-page .bottom-section {\n color: #000;\n text-align: center;\n padding-top: 80px; }\n\n.landing-page .feature-list {\n margin-top: 100px;\n margin-bottom: 100px; }\n @media (min-width: 992px) {\n .landing-page .feature-list .feature-list-row:first-child {\n border-bottom: 1px solid #f4f4f4; } }\n .landing-page .feature-list .feature-list-row .feature-list-item {\n padding-top: 1rem;\n padding-bottom: 2rem; }\n .landing-page .feature-list .feature-list-row .feature-list-item i {\n display: block;\n font-size: 1.875rem;\n margin-bottom: 2rem; }\n @media (min-width: 992px) {\n .landing-page .feature-list .feature-list-row .feature-list-item {\n border-right: 1px solid #f4f4f4; }\n .landing-page .feature-list .feature-list-row .feature-list-item:last-child {\n border-right: 0; } }\n .landing-page .feature-list .feature-list-row .feature-list-item .feature-description {\n font-family: \"roboto\", sans-serif; }\n\n.landing-page .footer {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\n margin: 0;\n width: 100%;\n padding: 80px 0 0; }\n .landing-page .footer .footer-top {\n border-bottom: 1px solid rgba(255, 255, 255, 0.2); }\n .landing-page .footer .footer-top .brand-logo {\n width: 145px; }\n .landing-page .footer .footer-top .footer-social-icons {\n margin-top: 3rem; }\n .landing-page .footer .footer-top .footer-social-icons i {\n width: 43px;\n height: 43px;\n font-size: 1rem;\n border-radius: 100%;\n text-align: center;\n line-height: 43px;\n margin-right: 0.5rem; }\n .landing-page .footer .footer-top .contact-details i {\n font-size: 1.25rem;\n font-weight: 500; }\n .landing-page .footer .footer-top .nav .nav-item .nav-link {\n var(--base-text)fff;\n border-right: 1px solid var(--outline);\n padding-top: 0;\n padding-bottom: 0;\n font-size: 0.9375rem;\n font-family: \"roboto\", sans-serif;\n line-height: 1; }\n .landing-page .footer .footer-top .nav .nav-item:last-child .nav-link {\n border-right: 0; }\n .landing-page .footer .footer-top .nav .nav-item:first-child .nav-link {\n padding-left: 0; }\n .landing-page .footer .footer-top .form-control, .landing-page .footer .footer-top .asColorPicker-input, .landing-page .footer .footer-top .dataTables_wrapper select, .dataTables_wrapper .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=text],\n .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=number], .landing-page .footer .footer-top .select2-container--default .select2-selection--single, .select2-container--default .landing-page .footer .footer-top .select2-selection--single, .landing-page .footer .footer-top .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .landing-page .footer .footer-top .select2-search__field, .landing-page .footer .footer-top .tt-hint,\n .landing-page .footer .footer-top .tt-query,\n .landing-page .footer .footer-top .typeahead {\n background: rgba(0, 0, 0, 0.3);\n border: none;\n border-radius: 1.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem; }\n .landing-page .footer .footer-bottom {\n var(--base-text)fff;\n font-family: \"roboto\", sans-serif; }\n\n.profile-page .profile-header {\n width: 100%;\n background: url(\"../../images/samples/profile_page/profile_header_banner.jpg\") no-repeat center center;\n background-size: cover;\n padding: 60px 0;\n border-radius: 5px; }\n .profile-page .profile-header .profile-info .profile-user-name {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .profile-info .profile-user-designation {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .profile-info .br-wrapper {\n padding-left: 15px; }\n .profile-page .profile-header .profile-info .br-wrapper .br-widget {\n height: auto;\n transform: translateY(-5px); }\n .profile-page .profile-header .profile-info .br-wrapper .br-widget a {\n font-size: 18px;\n margin-right: 0; }\n .profile-page .profile-header .details {\n display: flex;\n align-items: center; }\n .profile-page .profile-header .details .detail-col {\n border-right: 1px solid rgba(56, 62, 93, 0.3); }\n .profile-page .profile-header .details .detail-col:last-child {\n border-right: none;\n margin-right: 0; }\n .profile-page .profile-header .details .detail-col p {\n margin-bottom: 0;\n font-weight: 400;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .details .detail-col p:first-child {\n font-weight: 700; }\n\n.profile-page .profile-body {\n padding-top: 50px; }\n .profile-page .profile-body .tab-switch {\n border-bottom: 1px solid var(--outline); }\n .profile-page .profile-body .tab-switch .nav-item .nav-link {\n var(--base-text)\n font-size: 1rem;\n padding-bottom: 1.2rem;\n font-weight: 600;\n border-bottom: 3px solid #ffffff;\n transition-duration: 0.4s;\n transition-timing-function: ease-in;\n transition-property: color, border-color; }\n .profile-page .profile-body .tab-switch .nav-item .nav-link.active {\n color: #000;\n border-bottom: 3px solid #2196f3; }\n .profile-page .profile-body .tab-body {\n border: none;\n padding: 10px 0; }\n .profile-page .profile-body .tab-body .stages {\n position: relative; }\n .profile-page .profile-body .tab-body .stages .stage-badge {\n position: absolute;\n top: 0;\n left: -20px; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon {\n height: 77px;\n width: 69px;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon i {\n font-size: 43px;\n margin-right: 0; }\n\n.product-nav-wrapper {\n display: flex;\n align-items: center; }\n .product-nav-wrapper .product-filter-nav {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-nav li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-nav li a {\n display: inline-block;\n font-size: 16px;\n font-weight: 500;\n margin-right: 20px;\n var(--base-text); }\n .product-nav-wrapper .product-filter-nav li.active a {\n color: #2196f3; }\n .product-nav-wrapper .product-filter-options {\n margin-left: auto;\n padding-left: 0;\n display: flex;\n align-items: center; }\n .product-nav-wrapper .product-filter-options .account-user-info {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-info li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-info li a {\n display: inline-block;\n font-size: 16px;\n margin-right: 10px;\n padding-right: 10px;\n line-height: 1;\n var(--base-text);\n border-right: 1px solid var(--outline); }\n .product-nav-wrapper .product-filter-options .account-user-info li:last-child a {\n border-right: none; }\n .product-nav-wrapper .product-filter-options .account-user-info {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-info li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-info li a {\n display: inline-block;\n font-size: 16px;\n margin-right: 10px;\n padding-right: 10px;\n line-height: 1;\n var(--base-text);\n border-right: 1px solid var(--outline);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-info li:last-child a {\n border-right: none; }\n .product-nav-wrapper .product-filter-options .account-user-link {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-link li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-link li a {\n display: inline-block;\n font-size: 16px;\n line-height: 1;\n var(--base-text);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-link li a:after {\n content: \"/\";\n display: inline-block;\n margin-left: 5px;\n margin-right: 5px; }\n .product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after {\n display: none;\n margin-left: 0px; }\n .product-nav-wrapper .product-filter-options .account-user-actions {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-actions li {\n display: inline-block;\n margin-right: 15px;\n position: relative; }\n .product-nav-wrapper .product-filter-options .account-user-actions li .badge {\n position: absolute;\n top: -12px;\n right: -7px; }\n .product-nav-wrapper .product-filter-options .account-user-actions li a {\n display: inline-block;\n font-size: 16px;\n line-height: 1;\n var(--base-text);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-actions li:last-child {\n margin-right: 0; }\n\n.product-item-wrapper {\n margin-bottom: -15px; }\n .product-item-wrapper .product-item {\n box-shadow: none;\n margin-bottom: 20px; }\n .product-item-wrapper .product-item .card {\n box-shadow: none; }\n .product-item-wrapper .product-item .card-body {\n padding: 20px 25px;\n display: grid;\n position: relative;\n grid-template-columns: 70% 30%;\n grid-template-rows: auto;\n grid-template-areas: \"product-image product-image\"\r \"product-title product-price\"\r \"product-variation product-actual-price\"\r \"product-description product-description\"; }\n .product-item-wrapper .product-item .card-body .action-holder {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n padding: 35px 40px;\n display: flex;\n align-items: center;\n z-index: 2; }\n .product-item-wrapper .product-item .card-body .action-holder .sale-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n width: 40px;\n height: 40px;\n border-radius: 100%;\n var(--base-text);\n font-size: 12px;\n font-weight: 500; }\n .product-item-wrapper .product-item .card-body .action-holder .favorite-button {\n margin-left: auto;\n var(--base-text);\n font-size: 22px; }\n .product-item-wrapper .product-item .card-body .product_image {\n width: 100%;\n max-width: 100%;\n min-width: 100%;\n grid-area: product-image;\n margin-bottom: 15px;\n transform: scale(1);\n z-index: 1;\n border-radius: 0px;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0);\n transition-duration: 0.3s;\n transition-timing-function: \"ease\";\n transition-property: \"transform\", \"border-radius\", \"box-shadow\"; }\n .product-item-wrapper .product-item .card-body .product-title {\n grid-area: product-title;\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 10px; }\n .product-item-wrapper .product-item .card-body .product-price {\n grid-area: product-price;\n font-size: 20px;\n font-weight: 500;\n text-align: right;\n margin-bottom: 10px; }\n .product-item-wrapper .product-item .card-body .product-actual-price {\n grid-area: product-actual-price;\n font-size: 15px;\n color: #4d4c4c;\n text-align: right;\n text-decoration: line-through; }\n .product-item-wrapper .product-item .card-body .product-variation {\n grid-area: product-variation;\n list-style-type: none;\n display: inline-block;\n padding-left: 0;\n padding-bottom: 0; }\n .product-item-wrapper .product-item .card-body .product-variation li {\n display: inline-block;\n border: 1px solid var(--outline);\n padding: 0px 15px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n transition-duration: 0.3s;\n transition-property: \"background\"; }\n .product-item-wrapper .product-item .card-body .product-variation li a {\n color: inherit;\n text-decoration: none; }\n .product-item-wrapper .product-item .card-body .product-variation li:hover {\n background: #dde4eb; }\n .product-item-wrapper .product-item .card-body .product-description {\n grid-area: product-description;\n line-height: 1.71; }\n .product-item-wrapper .product-item:hover .product_image {\n transform: scale(1.1);\n border-radius: 4px;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); }\n\n.project-list-showcase {\n margin-left: -20px;\n margin-right: -20px;\n margin-bottom: -20px; }\n .project-list-showcase .project-grid {\n padding-right: 20px;\n padding-left: 20px;\n margin-bottom: 40px;\n overflow: hidden; }\n .project-list-showcase .project-grid .img-holder {\n width: 100%;\n height: 140px;\n border-radius: 4px 4px 0 0; }\n .project-list-showcase .project-grid .img-holder.img-bg-1 {\n background: url(\"../../images/samples/300x300/1.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .img-holder.img-bg-2 {\n background: url(\"../../images/samples/300x300/2.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .img-holder.img-bg-3 {\n background: url(\"../../images/samples/300x300/3.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .project-grid-inner {\n border: 1px solid var(--outline);\n border-radius: 0 0 4px 4px;\n padding: 30px 25px 30px 25px; }\n .project-list-showcase .project-grid .project-title {\n margin-bottom: 0;\n font-weight: 500; }\n .project-list-showcase .project-grid .project-location {\n margin-bottom: 0;\n font-weight: 500;\n color: white;\n margin-bottom: 15px; }\n .project-list-showcase .project-grid .action-tags {\n font-weight: 500;\n var(--base-text); }\n\n.st-wizard-wrapper .st-wizard-steps {\n display: inline-flex;\n border-top: 1px solid var(--outline);\n border-bottom: 1px solid var(--outline);\n padding-top: 10px;\n padding-bottom: 10px;\n margin-top: 25px;\n width: 100%; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step {\n display: inline-flex;\n align-items: center;\n var(--base-text)\n border-right: 1px solid var(--outline);\n margin-right: 20px;\n padding-right: 10%;\n text-decoration: none;\n pointer-events: none; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step:last-child {\n border-right: none;\n margin-right: 0px;\n padding-right: 0px; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-number {\n font-size: 40px;\n font-weight: 600;\n margin-bottom: 0;\n margin-right: 10px;\n color: inherit;\n font-weight: 500; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details {\n margin-bottom: 0;\n display: flex;\n align-items: center;\n color: inherit;\n font-weight: 500;\n line-height: 18px; }\n @media (max-width: 578px) {\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details {\n display: none; } }\n .st-wizard-wrapper .st-wizard-steps .wizard-step.done {\n color: #2196f3;\n pointer-events: auto; }\n\n.st-wizard-wrapper .wizard-footer {\n display: flex;\n align-items: center;\n border-top: 1px solid var(--outline);\n margin-top: 35px;\n padding-top: 30px; }\n .st-wizard-wrapper .wizard-footer .terms-checkbox {\n display: none;\n margin-top: 0px;\n margin-bottom: 0; }\n .st-wizard-wrapper .wizard-footer .wrapper {\n display: flex;\n align-items: center;\n margin-left: auto; }\n\nbody.invoice-page .invoice-banner {\n background: url(\"../../images/samples/invoice_banner.jpg\") no-repeat center center;\n background-size: cover;\n width: 100%;\n margin-top: 20px;\n border-radius: 4px;\n padding: 50px;\n var(--base-text); }\n body.invoice-page .invoice-banner hr {\n border-top: solid 1px rgba(255, 255, 255, 0.2); }\n\nbody.invoice-page.invoice-2 table {\n width: 950px;\n margin-left: auto;\n margin-right: auto; }\n body.invoice-page.invoice-2 table tr th,\n body.invoice-page.invoice-2 table tr td {\n text-align: right;\n padding: 25px 10px; }\n body.invoice-page.invoice-2 table tr th:first-child,\n body.invoice-page.invoice-2 table tr td:first-child {\n text-align: left; }\n body.invoice-page.invoice-2 table tr th:last-child,\n body.invoice-page.invoice-2 table tr td:last-child {\n padding-right: 50px; }\n body.invoice-page.invoice-2 table tr th {\n font-weight: 400;\n var(--base-text) }\n body.invoice-page.invoice-2 table tr td {\n font-weight: 600; }\n\n@media print {\n body.invoice-page .navbar,\n body.invoice-page .sidebar,\n body.invoice-page .footer,\n body.invoice-page .right-sidebar-toggler-wrapper,\n body.invoice-page .btn,\n body.invoice-page .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop body.invoice-page .ajax-file-upload,\n body.invoice-page .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper body.invoice-page .swal2-styled,\n body.invoice-page .wizard > .actions a,\n .wizard > .actions body.invoice-page a,\n body.invoice-page .card-title {\n display: none !important; } }\n\n.tickets-tab-switch {\n border-bottom: none;\n display: flex;\n justify-content: space-between;\n margin-left: -10px;\n margin-right: -10px; }\n .tickets-tab-switch .nav-item {\n display: block;\n width: 33.33%;\n padding: 0 10px; }\n @media (max-width: 767.98px) {\n .tickets-tab-switch .nav-item {\n width: 100%; } }\n .tickets-tab-switch .nav-item .nav-link {\n display: flex;\n align-items: center;\n border-radius: 4px;\n background: #1e2031;\n padding: 20px;\n text-align: left;\n font-weight: 600;\n border: none;\n transition-duration: 0.3s;\n transition-timing-function: ease-in;\n transition-property: \"background\", \"color\"; }\n .tickets-tab-switch .nav-item .nav-link .badge {\n margin-left: auto;\n background: #2196f3;\n color: var(--dropdown-bg);\n transition-duration: 0.3s;\n transition-timing-function: ease-in;\n transition-property: \"background\", \"color\"; }\n .tickets-tab-switch .nav-item .nav-link.active {\n background: #2196f3;\n color: var(--dropdown-bg);\n border: none; }\n .tickets-tab-switch .nav-item .nav-link.active .badge {\n background: #ffaf00;\n color: var(--dropdown-bg); }\n\n.tickets-date-group {\n display: flex;\n align-items: center;\n var(--base-text)\n margin-top: 30px;\n margin-bottom: 20px;\n font-weight: 500; }\n .tickets-date-group i {\n margin-right: 10px;\n font-size: 20px; }\n\n.tickets-card {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--outline);\n border-radius: 4px;\n padding: 15px 20px;\n margin-bottom: 15px;\n cursor: pointer;\n text-decoration: none;\n var(--base-text);\n transition-duration: 0.3s;\n transition-property: \"background\"; }\n .tickets-card .tickets-details {\n margin-right: auto; }\n .tickets-card .tickets-details .wrapper {\n display: flex;\n align-items: center; }\n .tickets-card .tickets-details .wrapper span {\n margin-left: 10px; }\n .tickets-card .tickets-details .wrapper span:first-child {\n margin-left: 0; }\n .tickets-card .tickets-details .wrapper span i {\n margin-right: 5px;\n font-size: 15px; }\n .tickets-card .tickets-details h5 {\n margin-bottom: 0; }\n .tickets-card .tickets-details .badge {\n margin-left: 15px; }\n .tickets-card .tickets-details .assignee-avatar {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n margin-left: 10px; }\n .tickets-card .ticket-float {\n display: inline-flex;\n align-items: center; }\n @media (max-width: 767.98px) {\n .tickets-card .ticket-float {\n margin-top: 20px; } }\n .tickets-card .ticket-float span {\n white-space: nowrap; }\n .tickets-card .ticket-float img,\n .tickets-card .ticket-float .category-icon {\n margin-right: 10px; }\n .tickets-card .ticket-float .category-icon {\n font-size: 22px;\n var(--base-text) }\n .tickets-card:hover {\n text-decoration: none;\n color: inherit;\n background: #1e2031; }\n\n/*-------------------------------------------------------------------*/\n.modal .modal-dialog {\n margin-top: calc(63px + 30px); }\n\n/* Full Calendar */\n#calendar .fc-header-toolbar {\n background: var(--dropdown-bg);\n padding: 28px 0 80px;\n margin-bottom: 0; }\n #calendar .fc-header-toolbar .fc-button-group {\n border-radius: 5px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button {\n box-shadow: none;\n padding: 1px 12px;\n margin-right: 0;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.33;\n border: none;\n background: #2196f3;\n var(--base-text);\n text-shadow: none;\n transition-duration: 0.3s; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button:first-letter {\n text-transform: uppercase; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active {\n background: #0d8aee;\n var(--base-text)fff; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button {\n background: var(--card-banner-bg);\n var(--base-text);\n margin-right: 7px;\n height: 2.0625rem;\n width: 2.25rem;\n border: none; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span {\n top: -3px;\n right: 9px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after {\n font: normal normal normal 24px/1 \"Material Design Icons\";\n display: block;\n line-height: 21px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after {\n content: \"\\F141\"; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after {\n content: \"\\F142\"; }\n #calendar .fc-header-toolbar .fc-today-button {\n box-shadow: none;\n padding: 1px 12px;\n border-radius: 2px;\n margin-right: 4px;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.33;\n border: none;\n background: #2196f3;\n var(--base-text);\n text-shadow: none;\n transition-duration: 0.3s; }\n #calendar .fc-header-toolbar .fc-today-button:first-letter {\n text-transform: uppercase; }\n #calendar .fc-header-toolbar .fc-left {\n padding-left: 25px; }\n #calendar .fc-header-toolbar .fc-right {\n padding-right: 25px; }\n #calendar .fc-header-toolbar .fc-center h2 {\n font-size: 1.125rem;\n font-weight: 600;\n text-transform: uppercase; }\n\n#calendar .fc-view-container .fc-view {\n background: var(--deep-bg); }\n #calendar .fc-view-container .fc-view table thead.fc-head {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead tr th.fc-day-header {\n text-transform: uppercase;\n padding: 0.4375rem 0;\n border-color: var(--outline);\n font-size: 0.875rem; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td.fc-head-container {\n border-color: var(--outline);\n border-bottom: none;\n background: var(--card-banner-bg); }\n #calendar .fc-view-container .fc-view table tbody.fc-body {\n background: var(--dropdown-bg); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-bg table tr td {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-top {\n padding: 8px;\n font-size: 0.875rem;\n font-weight: 600; }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-event-container .fc-h-event {\n background: #19d895;\n border: none;\n padding: 6px 12px 6px 22px;\n font-weight: 500;\n var(--base-text)fff;\n font-size: 12px;\n border-radius: 4px; }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-more-cell {\n font-weight: 600;\n color: #252C46;\n padding: 0 7px; }\n",
+ "/* === Import Bootstrap functions and variables === */\n/*-------------------------------------------------------------------*/\n/* === Import template variables === */\n/*-------------------------------------------------------------------*/\n/* === Boostrap Main SCSS === */\n/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\");\n:root {\n --blue: #00aeef;\n --indigo: #6610f2;\n --purple: #ab8ce4;\n --pink: var(--pink);\n --red: var(--red);\n --orange: #fb9678;\n --yellow: #ffd500;\n --green: #3bd949;\n --teal: var(--teal);\n --cyan: var(--cyan);\n --white: var(--white);\n --gray: var(--gray);\n --gray-dark: #292b2c;\n --blue: #00aeef;\n --indigo: #6610f2;\n --purple: #ab8ce4;\n --pink: var(--pink);\n --red: var(--red);\n --orange: #fb9678;\n --yellow: #ffd500;\n --green: #3bd949;\n --teal: var(--teal);\n --cyan: var(--cyan);\n --white: var(--white);\n --white-smoke: var(--white-smoke);\n --gray: var(--gray);\n --gray-light: #8ba2b5;\n --gray-lightest: var(--gray-lightest);\n --primary: var(--primary);\n --secondary: var(--secondary);\n --success: var(--success);\n --info: var(--info);\n --warning: var(--warning);\n --danger: var(--danger);\n --light: var(--light);\n --dark: var(--dark);\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block; }\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n var(--base-text);\n text-align: left;\n background: var(--base-text); }\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: 700; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\nb,\nstrong {\n font-weight: bolder; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -.25em; }\n\nsup {\n top: -.5em; }\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent; }\n a:hover {\n color: #0056b3;\n text-decoration: underline; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle;\n border-style: none; }\n\nsvg {\n overflow: hidden;\n vertical-align: middle; }\n\ntable {\n border-collapse: collapse; }\n\ncaption {\n padding-top: 12px 15px;\n padding-bottom: 12px 15px;\n color: var(--gray);\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: inherit; }\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem; }\n\nbutton {\n border-radius: 0; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nselect {\n word-wrap: normal; }\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n overflow: auto;\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal; }\n\nprogress {\n vertical-align: baseline; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none; }\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button; }\n\noutput {\n display: inline-block; }\n\nsummary {\n display: list-item;\n cursor: pointer; }\n\ntemplate {\n display: none; }\n\n[hidden] {\n display: none !important; }\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-weight: 500;\n line-height: 1.2; }\n\nh1, .h1 {\n font-size: 2.5rem; }\n\nh2, .h2 {\n font-size: 2rem; }\n\nh3, .h3 {\n font-size: 1.75rem; }\n\nh4, .h4 {\n font-size: 1.5rem; }\n\nh5, .h5 {\n font-size: 1.25rem; }\n\nh6, .h6 {\n font-size: 1rem; }\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300; }\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400; }\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3; }\n\n.list-unstyled {\n padding-left: 0;\n list-style: none; }\n\n.list-inline {\n padding-left: 0;\n list-style: none; }\n\n.list-inline-item {\n display: inline-block; }\n .list-inline-item:not(:last-child) {\n margin-right: 0.5rem; }\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase; }\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem; }\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: var(--gray); }\n .blockquote-footer::before {\n content: \"\\2014\\00A0\"; }\n\n.img-fluid {\n max-width: 100%;\n height: auto; }\n\n.img-thumbnail {\n padding: 0.25rem;\n background: var(--base-text);\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto; }\n\n.figure {\n display: inline-block; }\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1; }\n\n.figure-caption {\n font-size: 90%;\n color: var(--gray); }\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word; }\n a > code {\n color: inherit; }\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n var(--base-text);\n background-color: #212529;\n border-radius: 0.2rem; }\n kbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700; }\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529; }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal; }\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll; }\n\n.container {\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px;\n margin-right: auto;\n margin-left: auto; }\n @media (min-width: 576px) {\n .container {\n max-width: 540px; } }\n @media (min-width: 768px) {\n .container {\n max-width: 720px; } }\n @media (min-width: 992px) {\n .container {\n max-width: 960px; } }\n @media (min-width: 1200px) {\n .container {\n max-width: 1140px; } }\n\n.container-fluid {\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px;\n margin-right: auto;\n margin-left: auto; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -12.5px;\n margin-left: -12.5px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n padding-right: 12.5px;\n padding-left: 12.5px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6, .lightGallery .image-tile {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-first {\n order: -1; }\n\n.order-last {\n order: 13; }\n\n.order-0 {\n order: 0; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-first {\n order: -1; }\n .order-sm-last {\n order: 13; }\n .order-sm-0 {\n order: 0; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-0 {\n margin-left: 0; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4, .lightGallery .image-tile {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-first {\n order: -1; }\n .order-md-last {\n order: 13; }\n .order-md-0 {\n order: 0; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-0 {\n margin-left: 0; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-first {\n order: -1; }\n .order-lg-last {\n order: 13; }\n .order-lg-0 {\n order: 0; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-0 {\n margin-left: 0; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3, .lightGallery .image-tile {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-first {\n order: -1; }\n .order-xl-last {\n order: 13; }\n .order-xl-0 {\n order: 0; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-0 {\n margin-left: 0; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.table, .jsgrid .jsgrid-table {\n width: 100%;\n margin-bottom: 1rem;\n var(--base-text); }\n .table th, .jsgrid .jsgrid-table th,\n .table td,\n .jsgrid .jsgrid-table td {\n padding: 12px 15px;\n vertical-align: top;\n border-top: 1px solid #dee2e6; }\n .table thead th, .jsgrid .jsgrid-table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6; }\n .table tbody + tbody, .jsgrid .jsgrid-table tbody + tbody {\n border-top: 2px solid #dee2e6; }\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem; }\n\n.table-bordered {\n border: 1px solid #dee2e6; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6; }\n .table-bordered thead th,\n .table-bordered thead td {\n border-bottom-width: 2px; }\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0; }\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05); }\n\n.table-hover tbody tr:hover {\n color: #212529;\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #c1e2fc; }\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #8cc8f9; }\n\n.table-hover .table-primary:hover {\n background-color: #a9d7fb; }\n .table-hover .table-primary:hover > td,\n .table-hover .table-primary:hover > th {\n background-color: #a9d7fb; }\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #f5f7f9; }\n\n.table-secondary th,\n.table-secondary td,\n.table-secondary thead th,\n.table-secondary tbody + tbody {\n border-color: #edf1f5; }\n\n.table-hover .table-secondary:hover {\n background-color: #e5eaef; }\n .table-hover .table-secondary:hover > td,\n .table-hover .table-secondary:hover > th {\n background-color: #e5eaef; }\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #bff4e1; }\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #87ebc8; }\n\n.table-hover .table-success:hover {\n background-color: #a9f0d7; }\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th {\n background-color: #a9f0d7; }\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #ded3f6; }\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #c1adef; }\n\n.table-hover .table-info:hover {\n background-color: #cebef2; }\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th {\n background-color: #cebef2; }\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffe9b8; }\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffd57a; }\n\n.table-hover .table-warning:hover {\n background-color: #ffe19f; }\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th {\n background-color: #ffe19f; }\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #ffd3d0; }\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ffada8; }\n\n.table-hover .table-danger:hover {\n background-color: #ffbbb7; }\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th {\n background-color: #ffbbb7; }\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe; }\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd; }\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1; }\n .table-hover .table-light:hover > td,\n .table-hover .table-light:hover > th {\n background-color: #f1f1f1; }\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c2c4cb; }\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8e919f; }\n\n.table-hover .table-dark:hover {\n background-color: #b4b7bf; }\n .table-hover .table-dark:hover > td,\n .table-hover .table-dark:hover > th {\n background-color: #b4b7bf; }\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {\n var(--base-text);\n background-color: #343a40;\n border-color: #454d55; }\n\n.table .thead-light th, .jsgrid .jsgrid-table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n\n.table-dark {\n var(--base-text);\n background-color: #343a40; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th {\n border-color: #454d55; }\n .table-dark.table-bordered {\n border: 0; }\n .table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05); }\n .table-dark.table-hover tbody tr:hover {\n var(--base-text);\n background-color: rgba(255, 255, 255, 0.075); }\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-sm > .table-bordered {\n border: 0; } }\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-md > .table-bordered {\n border: 0; } }\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-lg > .table-bordered {\n border: 0; } }\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive-xl > .table-bordered {\n border: 0; } }\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch; }\n .table-responsive > .table-bordered {\n border: 0; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n display: block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.56rem 1.375rem;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1;\n color: #495057;\n background-color: var(--card-banner-bg);\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 2px;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n .tt-query,\n .typeahead {\n transition: none; } }\n .form-control::-ms-expand, .asColorPicker-input::-ms-expand, .dataTables_wrapper select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand,\n .jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand, .select2-container--default .select2-selection--single::-ms-expand, .select2-container--default .select2-selection--single .select2-search__field::-ms-expand, .tt-hint::-ms-expand,\n .tt-query::-ms-expand,\n .typeahead::-ms-expand {\n background-color: transparent;\n border: 0; }\n .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n .tt-query:focus,\n .typeahead:focus {\n color: #495057;\n background: var(--base-text);\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .form-control::placeholder, .asColorPicker-input::placeholder, .dataTables_wrapper select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,\n .jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder, .select2-container--default .select2-selection--single::placeholder, .select2-container--default .select2-selection--single .select2-search__field::placeholder, .tt-hint::placeholder,\n .tt-query::placeholder,\n .typeahead::placeholder {\n color: var(--gray);\n opacity: 1; }\n .form-control:disabled, .asColorPicker-input:disabled, .dataTables_wrapper select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number], .select2-container--default .select2-selection--single:disabled, .select2-container--default .select2-selection--single .select2-search__field:disabled, .tt-hint:disabled,\n .tt-query:disabled,\n .typeahead:disabled, .form-control[readonly], .asColorPicker-input[readonly], .dataTables_wrapper select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], .select2-container--default .select2-selection--single[readonly], .select2-container--default .select2-selection--single .select2-search__field[readonly], .tt-hint[readonly],\n .tt-query[readonly],\n .typeahead[readonly] {\n background-color: #e9ecef;\n opacity: 1; }\n\nselect.form-control:focus::-ms-value, select.asColorPicker-input:focus::-ms-value, .dataTables_wrapper select:focus::-ms-value,\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, .select2-container--default select.select2-selection--single:focus::-ms-value, .select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, select.tt-hint:focus::-ms-value,\nselect.tt-query:focus::-ms-value,\nselect.typeahead:focus::-ms-value {\n color: #495057;\n background-color: var(--card-banner-bg); }\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%; }\n\n.col-form-label {\n padding-top: calc(0.56rem + 1px);\n padding-bottom: calc(0.56rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1; }\n\n.col-form-label-lg {\n padding-top: calc(0.94rem + 1px);\n padding-bottom: calc(0.94rem + 1px);\n font-size: 1.25rem;\n line-height: 1; }\n\n.col-form-label-sm {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 0.875rem;\n line-height: 1; }\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.56rem;\n padding-bottom: 0.56rem;\n margin-bottom: 0;\n line-height: 1;\n color: #212529;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0; }\n .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n padding-right: 0;\n padding-left: 0; }\n\n.form-control-sm {\n height: calc(1.5em + 0.5rem + 2px);\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.2rem; }\n\n.form-control-lg {\n height: calc(1.5em + 1rem + 2px);\n padding: 0.94rem 1.94rem;\n font-size: 1.25rem;\n line-height: 1;\n border-radius: 0.3rem; }\n\nselect.form-control[size], select.asColorPicker-input[size], .dataTables_wrapper select[size],\n.jsgrid .jsgrid-table .jsgrid-filter-row select[size], .select2-container--default select.select2-selection--single[size], .select2-container--default .select2-selection--single select.select2-search__field[size], select.tt-hint[size],\nselect.tt-query[size],\nselect.typeahead[size], select.form-control[multiple], select.asColorPicker-input[multiple], .dataTables_wrapper select[multiple],\n.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple], .select2-container--default select.select2-selection--single[multiple], .select2-container--default .select2-selection--single select.select2-search__field[multiple], select.tt-hint[multiple],\nselect.tt-query[multiple],\nselect.typeahead[multiple] {\n height: auto; }\n\ntextarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint,\ntextarea.tt-query,\ntextarea.typeahead {\n height: auto; }\n\n.form-group {\n margin-bottom: 1rem; }\n\n.form-text {\n display: block;\n margin-top: 0.25rem; }\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px; }\n .form-row > .col,\n .form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px; }\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem; }\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem; }\n .form-check-input:disabled ~ .form-check-label {\n var(--base-text) }\n\n.form-check-label {\n margin-bottom: 0; }\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem; }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0; }\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745; }\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.875rem;\n line-height: 1.5;\n var(--base-text);\n background-color: rgba(40, 167, 69, 0.9);\n border-radius: 0.25rem; }\n\n.was-validated .form-control:valid, .was-validated .asColorPicker-input:valid, .was-validated .dataTables_wrapper select:valid, .dataTables_wrapper .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text],\n.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number], .was-validated .select2-container--default .select2-selection--single:valid, .select2-container--default .was-validated .select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid, .was-validated .tt-hint:valid,\n.was-validated .tt-query:valid,\n.was-validated .typeahead:valid, .form-control.is-valid, .is-valid.asColorPicker-input, .dataTables_wrapper select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number], .select2-container--default .is-valid.select2-selection--single, .select2-container--default .select2-selection--single .is-valid.select2-search__field, .is-valid.tt-hint,\n.is-valid.tt-query,\n.is-valid.typeahead {\n border-color: #28a745;\n padding-right: calc(1.5em + 0.75rem);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: center right calc(0.375em + 0.1875rem);\n background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .form-control:valid:focus, .was-validated .asColorPicker-input:valid:focus, .was-validated .dataTables_wrapper select:valid:focus, .dataTables_wrapper .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text],\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:valid:focus, .select2-container--default .was-validated .select2-selection--single:valid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus, .was-validated .tt-hint:valid:focus,\n .was-validated .tt-query:valid:focus,\n .was-validated .typeahead:valid:focus, .form-control.is-valid:focus, .is-valid.asColorPicker-input:focus, .dataTables_wrapper select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number], .select2-container--default .is-valid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-valid.select2-search__field:focus, .is-valid.tt-hint:focus,\n .is-valid.tt-query:focus,\n .is-valid.typeahead:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .form-control:valid ~ .valid-feedback, .was-validated .asColorPicker-input:valid ~ .valid-feedback, .was-validated .dataTables_wrapper select:valid ~ .valid-feedback, .dataTables_wrapper .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-feedback, .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-feedback, .was-validated .tt-hint:valid ~ .valid-feedback, .was-validated .tt-query:valid ~ .valid-feedback, .was-validated .typeahead:valid ~ .valid-feedback,\n .was-validated .form-control:valid ~ .valid-tooltip,\n .was-validated .asColorPicker-input:valid ~ .valid-tooltip,\n .was-validated .dataTables_wrapper select:valid ~ .valid-tooltip,\n .dataTables_wrapper .was-validated select:valid ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-tooltip,\n .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-tooltip,\n .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-tooltip,\n .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-tooltip,\n .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-tooltip,\n .was-validated .tt-hint:valid ~ .valid-tooltip,\n .was-validated .tt-query:valid ~ .valid-tooltip,\n .was-validated .typeahead:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.asColorPicker-input ~ .valid-feedback, .dataTables_wrapper select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-feedback, .select2-container--default .is-valid.select2-selection--single ~ .valid-feedback, .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-feedback, .is-valid.tt-hint ~ .valid-feedback, .is-valid.tt-query ~ .valid-feedback, .is-valid.typeahead ~ .valid-feedback,\n .form-control.is-valid ~ .valid-tooltip,\n .is-valid.asColorPicker-input ~ .valid-tooltip,\n .dataTables_wrapper select.is-valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-tooltip,\n .select2-container--default .is-valid.select2-selection--single ~ .valid-tooltip,\n .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-tooltip,\n .is-valid.tt-hint ~ .valid-tooltip,\n .is-valid.tt-query ~ .valid-tooltip,\n .is-valid.typeahead ~ .valid-tooltip {\n display: block; }\n\n.was-validated textarea.form-control:valid, .was-validated textarea.asColorPicker-input:valid, .was-validated .select2-container--default textarea.select2-selection--single:valid, .select2-container--default .was-validated textarea.select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid, .was-validated textarea.tt-hint:valid,\n.was-validated textarea.tt-query:valid,\n.was-validated textarea.typeahead:valid, textarea.form-control.is-valid, textarea.is-valid.asColorPicker-input, .select2-container--default textarea.is-valid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-valid.select2-search__field, textarea.is-valid.tt-hint,\ntextarea.is-valid.tt-query,\ntextarea.is-valid.typeahead {\n padding-right: calc(1.5em + 0.75rem);\n background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n border-color: #28a745;\n padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px, url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .custom-select:valid ~ .valid-feedback,\n .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n .custom-select.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745; }\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745; }\n .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n border-color: #28a745; }\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n border-color: #34ce57;\n background-color: #34ce57; }\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #28a745; }\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745; }\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545; }\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.875rem;\n line-height: 1.5;\n var(--base-text);\n background-color: rgba(220, 53, 69, 0.9);\n border-radius: 0.25rem; }\n\n.was-validated .form-control:invalid, .was-validated .asColorPicker-input:invalid, .was-validated .dataTables_wrapper select:invalid, .dataTables_wrapper .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text],\n.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number], .was-validated .select2-container--default .select2-selection--single:invalid, .select2-container--default .was-validated .select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid, .was-validated .tt-hint:invalid,\n.was-validated .tt-query:invalid,\n.was-validated .typeahead:invalid, .form-control.is-invalid, .is-invalid.asColorPicker-input, .dataTables_wrapper select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number], .select2-container--default .is-invalid.select2-selection--single, .select2-container--default .select2-selection--single .is-invalid.select2-search__field, .is-invalid.tt-hint,\n.is-invalid.tt-query,\n.is-invalid.typeahead {\n border-color: #dc3545;\n padding-right: calc(1.5em + 0.75rem);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right calc(0.375em + 0.1875rem);\n background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .form-control:invalid:focus, .was-validated .asColorPicker-input:invalid:focus, .was-validated .dataTables_wrapper select:invalid:focus, .dataTables_wrapper .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text],\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:invalid:focus, .select2-container--default .was-validated .select2-selection--single:invalid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus, .was-validated .tt-hint:invalid:focus,\n .was-validated .tt-query:invalid:focus,\n .was-validated .typeahead:invalid:focus, .form-control.is-invalid:focus, .is-invalid.asColorPicker-input:focus, .dataTables_wrapper select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number], .select2-container--default .is-invalid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus, .is-invalid.tt-hint:focus,\n .is-invalid.tt-query:focus,\n .is-invalid.typeahead:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .asColorPicker-input:invalid ~ .invalid-feedback, .was-validated .dataTables_wrapper select:invalid ~ .invalid-feedback, .dataTables_wrapper .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-feedback, .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-feedback, .was-validated .tt-hint:invalid ~ .invalid-feedback, .was-validated .tt-query:invalid ~ .invalid-feedback, .was-validated .typeahead:invalid ~ .invalid-feedback,\n .was-validated .form-control:invalid ~ .invalid-tooltip,\n .was-validated .asColorPicker-input:invalid ~ .invalid-tooltip,\n .was-validated .dataTables_wrapper select:invalid ~ .invalid-tooltip,\n .dataTables_wrapper .was-validated select:invalid ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-tooltip,\n .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-tooltip,\n .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-tooltip,\n .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-tooltip,\n .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-tooltip,\n .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-tooltip,\n .was-validated .tt-hint:invalid ~ .invalid-tooltip,\n .was-validated .tt-query:invalid ~ .invalid-tooltip,\n .was-validated .typeahead:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.asColorPicker-input ~ .invalid-feedback, .dataTables_wrapper select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-feedback, .select2-container--default .is-invalid.select2-selection--single ~ .invalid-feedback, .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-feedback, .is-invalid.tt-hint ~ .invalid-feedback, .is-invalid.tt-query ~ .invalid-feedback, .is-invalid.typeahead ~ .invalid-feedback,\n .form-control.is-invalid ~ .invalid-tooltip,\n .is-invalid.asColorPicker-input ~ .invalid-tooltip,\n .dataTables_wrapper select.is-invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-tooltip,\n .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-tooltip,\n .select2-container--default .is-invalid.select2-selection--single ~ .invalid-tooltip,\n .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-tooltip,\n .is-invalid.tt-hint ~ .invalid-tooltip,\n .is-invalid.tt-query ~ .invalid-tooltip,\n .is-invalid.typeahead ~ .invalid-tooltip {\n display: block; }\n\n.was-validated textarea.form-control:invalid, .was-validated textarea.asColorPicker-input:invalid, .was-validated .select2-container--default textarea.select2-selection--single:invalid, .select2-container--default .was-validated textarea.select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid, .was-validated textarea.tt-hint:invalid,\n.was-validated textarea.tt-query:invalid,\n.was-validated textarea.typeahead:invalid, textarea.form-control.is-invalid, textarea.is-invalid.asColorPicker-input, .select2-container--default textarea.is-invalid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field, textarea.is-invalid.tt-hint,\ntextarea.is-invalid.tt-query,\ntextarea.is-invalid.typeahead {\n padding-right: calc(1.5em + 0.75rem);\n background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n border-color: #dc3545;\n padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px, url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }\n .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .custom-select:invalid ~ .invalid-feedback,\n .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n .custom-select.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545; }\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545; }\n .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n border-color: #dc3545; }\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n border-color: #e4606d;\n background-color: #e4606d; }\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #dc3545; }\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545; }\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; }\n .form-inline .form-check {\n width: 100%; }\n @media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0; }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0; }\n .form-inline .form-control, .form-inline .asColorPicker-input, .form-inline .dataTables_wrapper select, .dataTables_wrapper .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text],\n .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number], .form-inline .select2-container--default .select2-selection--single, .select2-container--default .form-inline .select2-selection--single, .form-inline .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-inline .select2-search__field, .form-inline .tt-hint,\n .form-inline .tt-query,\n .form-inline .typeahead {\n display: inline-block;\n width: auto;\n vertical-align: middle; }\n .form-inline .form-control-plaintext {\n display: inline-block; }\n .form-inline .input-group, .form-inline .asColorPicker-wrap,\n .form-inline .custom-select {\n width: auto; }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0; }\n .form-inline .form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0; }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center; }\n .form-inline .custom-control-label {\n margin-bottom: 0; } }\n\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n display: inline-block;\n font-weight: 400;\n var(--base-text);\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 0.4rem 1rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.1875rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n transition: none; } }\n .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover {\n var(--base-text);\n text-decoration: none; }\n .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .btn.disabled, .ajax-upload-dragdrop .disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, .wizard > .actions a.disabled, .btn:disabled, .ajax-upload-dragdrop .ajax-file-upload:disabled, .swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, .wizard > .actions a:disabled {\n opacity: 0.65; }\n\na.btn.disabled, .ajax-upload-dragdrop a.disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, .wizard > .actions a.disabled,\nfieldset:disabled a.btn,\nfieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload,\n.ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload,\nfieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled,\n.swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,\nfieldset:disabled .wizard > .actions a,\n.wizard > .actions fieldset:disabled a {\n pointer-events: none; }\n\n.btn-primary, .wizard > .actions a {\n var(--base-text);\n background-color: var(--primary);\n border-color: var(--primary); }\n .btn-primary:hover, .wizard > .actions a:hover {\n var(--base-text);\n background-color: #0c83e2;\n border-color: #0c7cd5; }\n .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }\n .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled {\n var(--base-text);\n background-color: var(--primary);\n border-color: var(--primary); }\n .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active,\n .show > .btn-primary.dropdown-toggle,\n .wizard > .actions .show > a.dropdown-toggle {\n var(--base-text);\n background-color: #0c7cd5;\n border-color: #0b75c9; }\n .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus,\n .show > .btn-primary.dropdown-toggle:focus,\n .wizard > .actions .show > a.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }\n\n.btn-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {\n color: #212529;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover {\n color: #212529;\n background-color: #c5d1dd;\n border-color: #bdcbd8; }\n .btn-secondary:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus, .btn-secondary.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel {\n box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); }\n .btn-secondary.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel, .btn-secondary:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {\n color: #212529;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .btn-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active,\n .show > .btn-secondary.dropdown-toggle,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel {\n color: #212529;\n background-color: #bdcbd8;\n border-color: #b5c4d3; }\n .btn-secondary:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus,\n .show > .btn-secondary.dropdown-toggle:focus,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel:focus {\n box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); }\n\n.btn-success {\n color: #212529;\n background-color: var(--success);\n border-color: var(--success); }\n .btn-success:hover {\n var(--base-text);\n background-color: #15b67d;\n border-color: #14aa75; }\n .btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); }\n .btn-success.disabled, .btn-success:disabled {\n color: #212529;\n background-color: var(--success);\n border-color: var(--success); }\n .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n .show > .btn-success.dropdown-toggle {\n var(--base-text);\n background-color: #14aa75;\n border-color: #129f6e; }\n .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); }\n\n.btn-info, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {\n var(--base-text);\n background-color: var(--info);\n border-color: var(--info); }\n .btn-info:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {\n var(--base-text);\n background-color: #7042da;\n border-color: #6837d8; }\n .btn-info:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus, .btn-info.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit {\n box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); }\n .btn-info.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit, .btn-info:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {\n var(--base-text);\n background-color: var(--info);\n border-color: var(--info); }\n .btn-info:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,\n .show > .btn-info.dropdown-toggle,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit {\n var(--base-text);\n background-color: #6837d8;\n border-color: #602dd5; }\n .btn-info:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus,\n .show > .btn-info.dropdown-toggle:focus,\n .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit:focus {\n box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); }\n\n.btn-warning {\n color: #212529;\n background-color: var(--warning);\n border-color: var(--warning); }\n .btn-warning:hover {\n color: #212529;\n background-color: #d99500;\n border-color: #cc8c00; }\n .btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); }\n .btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: var(--warning);\n border-color: var(--warning); }\n .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n .show > .btn-warning.dropdown-toggle {\n var(--base-text);\n background-color: #cc8c00;\n border-color: #bf8300; }\n .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); }\n\n.btn-danger {\n var(--base-text);\n background-color: var(--danger);\n border-color: var(--danger); }\n .btn-danger:hover {\n var(--base-text);\n background-color: #ff3e32;\n border-color: #ff3225; }\n .btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); }\n .btn-danger.disabled, .btn-danger:disabled {\n var(--base-text);\n background-color: var(--danger);\n border-color: var(--danger); }\n .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n .show > .btn-danger.dropdown-toggle {\n var(--base-text);\n background-color: #ff3225;\n border-color: #ff2618; }\n .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); }\n\n.btn-light {\n color: #212529;\n background-color: var(--light);\n border-color: var(--light); }\n .btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2; }\n .btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); }\n .btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: var(--light);\n border-color: var(--light); }\n .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n .show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb; }\n .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); }\n\n.btn-dark {\n var(--base-text);\n background-color: var(--dark);\n border-color: var(--dark); }\n .btn-dark:hover {\n var(--base-text);\n background-color: #181c2d;\n border-color: #131725; }\n .btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); }\n .btn-dark.disabled, .btn-dark:disabled {\n var(--base-text);\n background-color: var(--dark);\n border-color: var(--dark); }\n .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n .show > .btn-dark.dropdown-toggle {\n var(--base-text);\n background-color: #131725;\n border-color: #0f121c; }\n .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); }\n\n.btn-outline-primary, .wizard > .actions .disabled a {\n color: var(--primary);\n border-color: var(--primary); }\n .btn-outline-primary:hover, .wizard > .actions .disabled a:hover {\n var(--base-text);\n background-color: var(--primary);\n border-color: var(--primary); }\n .btn-outline-primary:focus, .wizard > .actions .disabled a:focus, .btn-outline-primary.focus, .wizard > .actions .disabled a.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n .btn-outline-primary.disabled, .wizard > .actions .disabled a.disabled, .btn-outline-primary:disabled, .wizard > .actions .disabled a:disabled {\n color: var(--primary);\n background-color: transparent; }\n .btn-outline-primary:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active,\n .show > .btn-outline-primary.dropdown-toggle,\n .wizard > .actions .disabled .show > a.dropdown-toggle {\n var(--base-text);\n background-color: var(--primary);\n border-color: var(--primary); }\n .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-primary.dropdown-toggle:focus,\n .wizard > .actions .disabled .show > a.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n\n.btn-outline-secondary {\n color: var(--secondary);\n border-color: var(--secondary); }\n .btn-outline-secondary:hover {\n color: #212529;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: var(--secondary);\n background-color: transparent; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-secondary.dropdown-toggle {\n color: #212529;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n\n.btn-outline-success {\n color: var(--success);\n border-color: var(--success); }\n .btn-outline-success:hover {\n color: #212529;\n background-color: var(--success);\n border-color: var(--success); }\n .btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n .btn-outline-success.disabled, .btn-outline-success:disabled {\n color: var(--success);\n background-color: transparent; }\n .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n .show > .btn-outline-success.dropdown-toggle {\n color: #212529;\n background-color: var(--success);\n border-color: var(--success); }\n .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n\n.btn-outline-info {\n color: var(--info);\n border-color: var(--info); }\n .btn-outline-info:hover {\n var(--base-text);\n background-color: var(--info);\n border-color: var(--info); }\n .btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n .btn-outline-info.disabled, .btn-outline-info:disabled {\n color: var(--info);\n background-color: transparent; }\n .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n .show > .btn-outline-info.dropdown-toggle {\n var(--base-text);\n background-color: var(--info);\n border-color: var(--info); }\n .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n\n.btn-outline-warning {\n color: var(--warning);\n border-color: var(--warning); }\n .btn-outline-warning:hover {\n color: #212529;\n background-color: var(--warning);\n border-color: var(--warning); }\n .btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n .btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: var(--warning);\n background-color: transparent; }\n .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n .show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: var(--warning);\n border-color: var(--warning); }\n .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n\n.btn-outline-danger {\n color: var(--danger);\n border-color: var(--danger); }\n .btn-outline-danger:hover {\n var(--base-text);\n background-color: var(--danger);\n border-color: var(--danger); }\n .btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n .btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: var(--danger);\n background-color: transparent; }\n .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n .show > .btn-outline-danger.dropdown-toggle {\n var(--base-text);\n background-color: var(--danger);\n border-color: var(--danger); }\n .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n\n.btn-outline-light {\n color: var(--light);\n border-color: var(--light); }\n .btn-outline-light:hover {\n color: #212529;\n background-color: var(--light);\n border-color: var(--light); }\n .btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n .btn-outline-light.disabled, .btn-outline-light:disabled {\n color: var(--light);\n background-color: transparent; }\n .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n .show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: var(--light);\n border-color: var(--light); }\n .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n\n.btn-outline-dark {\n color: var(--dark);\n border-color: var(--dark); }\n .btn-outline-dark:hover {\n var(--base-text);\n background-color: var(--dark);\n border-color: var(--dark); }\n .btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n .btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: var(--dark);\n background-color: transparent; }\n .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n .show > .btn-outline-dark.dropdown-toggle {\n var(--base-text);\n background-color: var(--dark);\n border-color: var(--dark); }\n .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n text-decoration: none; }\n .btn-link:hover {\n color: #0056b3;\n text-decoration: underline; }\n .btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none; }\n .btn-link:disabled, .btn-link.disabled {\n color: var(--gray);\n pointer-events: none; }\n\n.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a {\n padding: 0.94rem 1.94rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.1875rem; }\n\n.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a {\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.1875rem; }\n\n.btn-block {\n display: block;\n width: 100%; }\n .btn-block + .btn-block {\n margin-top: 0.5rem; }\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%; }\n\n.fade {\n transition: opacity 0.15s linear; }\n @media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none; } }\n .fade:not(.show) {\n opacity: 0; }\n\n.collapse:not(.show) {\n display: none; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease; }\n @media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none; } }\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n position: relative; }\n\n.dropdown-toggle {\n white-space: nowrap; }\n .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent; }\n .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: var(--dropdown-bg);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem; }\n\n.dropdown-menu-left {\n right: auto;\n left: 0; }\n\n.dropdown-menu-right {\n right: 0;\n left: auto; }\n\n@media (min-width: 576px) {\n .dropdown-menu-sm-left {\n right: auto;\n left: 0; }\n .dropdown-menu-sm-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 768px) {\n .dropdown-menu-md-left {\n right: auto;\n left: 0; }\n .dropdown-menu-md-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 992px) {\n .dropdown-menu-lg-left {\n right: auto;\n left: 0; }\n .dropdown-menu-lg-right {\n right: 0;\n left: auto; } }\n\n@media (min-width: 1200px) {\n .dropdown-menu-xl-left {\n right: auto;\n left: 0; }\n .dropdown-menu-xl-right {\n right: 0;\n left: auto; } }\n\n.dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 0.125rem; }\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent; }\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-menu {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: 0.125rem; }\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid; }\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0; }\n\n.dropleft .dropdown-menu {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: 0.125rem; }\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\"; }\n\n.dropleft .dropdown-toggle::after {\n display: none; }\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent; }\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0; }\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n right: auto;\n bottom: auto; }\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: var(--card-banner-bg); }\n .dropdown-item.active, .dropdown-item:active {\n var(--base-text);\n text-decoration: none;\n background-color: #007bff; }\n .dropdown-item.disabled, .dropdown-item:disabled {\n color: var(--gray);\n pointer-events: none;\n background-color: transparent; }\n\n.dropdown-menu.show {\n display: block; }\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: var(--gray);\n white-space: nowrap; }\n\n.dropdown-item-text {\n display: block;\n padding: 0.25rem 1.5rem;\n color: #212529; }\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; }\n .btn-group > .btn, .ajax-upload-dragdrop .btn-group > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled, .wizard > .actions .btn-group > a,\n .btn-group-vertical > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled,\n .wizard > .actions .btn-group-vertical > a {\n position: relative;\n flex: 1 1 auto; }\n .btn-group > .btn:hover, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:hover, .wizard > .actions .btn-group > a:hover,\n .btn-group-vertical > .btn:hover,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:hover,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:hover,\n .wizard > .actions .btn-group-vertical > a:hover {\n z-index: 1; }\n .btn-group > .btn:focus, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:focus, .wizard > .actions .btn-group > a:focus, .btn-group > .btn:active, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:active, .wizard > .actions .btn-group > a:active, .btn-group > .btn.active, .ajax-upload-dragdrop .btn-group > .active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .active.swal2-styled, .wizard > .actions .btn-group > a.active,\n .btn-group-vertical > .btn:focus,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:focus,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:focus,\n .wizard > .actions .btn-group-vertical > a:focus,\n .btn-group-vertical > .btn:active,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:active,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:active,\n .wizard > .actions .btn-group-vertical > a:active,\n .btn-group-vertical > .btn.active,\n .ajax-upload-dragdrop .btn-group-vertical > .active.ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .active.swal2-styled,\n .wizard > .actions .btn-group-vertical > a.active {\n z-index: 1; }\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; }\n .btn-toolbar .input-group, .btn-toolbar .asColorPicker-wrap {\n width: auto; }\n\n.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px; }\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group > a:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn,\n.ajax-upload-dragdrop .btn-group > .btn-group:not(:last-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:last-child) > .swal2-styled,\n.wizard > .actions .btn-group > .btn-group:not(:last-child) > a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn,\n.ajax-upload-dragdrop .btn-group > .btn-group:not(:first-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:first-child) > .swal2-styled,\n.wizard > .actions .btn-group > .btn-group:not(:first-child) > a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem; }\n .dropdown-toggle-split::after,\n .dropup .dropdown-toggle-split::after,\n .dropright .dropdown-toggle-split::after {\n margin-left: 0; }\n .dropleft .dropdown-toggle-split::before {\n margin-right: 0; }\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-sm > a + .dropdown-toggle-split {\n padding-right: 0.6075rem;\n padding-left: 0.6075rem; }\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-lg > a + .dropdown-toggle-split {\n padding-right: 1.455rem;\n padding-left: 1.455rem; }\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n \n .btn-group-vertical > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled,\n .wizard > .actions .btn-group-vertical > a,\n .btn-group-vertical > .btn-group {\n width: 100%; }\n .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px; }\n .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle),\n .btn-group-vertical > .btn-group:not(:last-child) > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:last-child) > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:last-child) > .swal2-styled,\n .wizard > .actions .btn-group-vertical > .btn-group:not(:last-child) > a {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) > .btn,\n .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:first-child) > .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:first-child) > .swal2-styled,\n .wizard > .actions .btn-group-vertical > .btn-group:not(:first-child) > a {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group-toggle > .btn, .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled, .wizard > .actions .btn-group-toggle > a,\n.btn-group-toggle > .btn-group > .btn,\n.ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled,\n.wizard > .actions .btn-group-toggle > .btn-group > a {\n margin-bottom: 0; }\n .btn-group-toggle > .btn input[type=\"radio\"], .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type=\"radio\"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type=\"radio\"], .wizard > .actions .btn-group-toggle > a input[type=\"radio\"],\n .btn-group-toggle > .btn input[type=\"checkbox\"],\n .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type=\"checkbox\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type=\"checkbox\"],\n .wizard > .actions .btn-group-toggle > a input[type=\"checkbox\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type=\"radio\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type=\"radio\"],\n .wizard > .actions .btn-group-toggle > .btn-group > a input[type=\"radio\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"],\n .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type=\"checkbox\"],\n .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type=\"checkbox\"],\n .wizard > .actions .btn-group-toggle > .btn-group > a input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none; }\n\n.input-group, .asColorPicker-wrap {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%; }\n .input-group > .form-control, .asColorPicker-wrap > .form-control, .input-group > .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input, .dataTables_wrapper .input-group > select, .dataTables_wrapper .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number], .select2-container--default .input-group > .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field, .input-group > .tt-hint, .asColorPicker-wrap > .tt-hint,\n .input-group > .tt-query,\n .asColorPicker-wrap > .tt-query,\n .input-group > .typeahead,\n .asColorPicker-wrap > .typeahead,\n .input-group > .form-control-plaintext,\n .asColorPicker-wrap > .form-control-plaintext,\n .input-group > .custom-select,\n .asColorPicker-wrap > .custom-select,\n .input-group > .custom-file,\n .asColorPicker-wrap > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0; }\n .input-group > .form-control + .form-control, .asColorPicker-wrap > .form-control + .form-control, .input-group > .asColorPicker-input + .form-control, .asColorPicker-wrap > .asColorPicker-input + .form-control, .dataTables_wrapper .input-group > select + .form-control, .dataTables_wrapper .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .form-control, .select2-container--default .input-group > .select2-selection--single + .form-control, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .form-control, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .form-control, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .form-control, .input-group > .tt-hint + .form-control, .asColorPicker-wrap > .tt-hint + .form-control, .input-group > .tt-query + .form-control, .asColorPicker-wrap > .tt-query + .form-control, .input-group > .typeahead + .form-control, .asColorPicker-wrap > .typeahead + .form-control, .input-group > .form-control + .asColorPicker-input, .asColorPicker-wrap > .form-control + .asColorPicker-input, .input-group > .asColorPicker-input + .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input + .asColorPicker-input, .dataTables_wrapper .input-group > select + .asColorPicker-input, .dataTables_wrapper .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .asColorPicker-input, .select2-container--default .input-group > .select2-selection--single + .asColorPicker-input, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .asColorPicker-input, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .asColorPicker-input, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .asColorPicker-input, .input-group > .tt-hint + .asColorPicker-input, .asColorPicker-wrap > .tt-hint + .asColorPicker-input, .input-group > .tt-query + .asColorPicker-input, .asColorPicker-wrap > .tt-query + .asColorPicker-input, .input-group > .typeahead + .asColorPicker-input, .asColorPicker-wrap > .typeahead + .asColorPicker-input, .dataTables_wrapper .input-group > .form-control + select, .dataTables_wrapper .asColorPicker-wrap > .form-control + select, .dataTables_wrapper .input-group > .asColorPicker-input + select, .dataTables_wrapper .asColorPicker-wrap > .asColorPicker-input + select, .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, .select2-container--default .dataTables_wrapper .input-group > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .input-group > .select2-selection--single + select, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .input-group > .tt-hint + select, .dataTables_wrapper .asColorPicker-wrap > .tt-hint + select, .dataTables_wrapper .input-group > .tt-query + select, .dataTables_wrapper .asColorPicker-wrap > .tt-query + select, .dataTables_wrapper .input-group > .typeahead + select, .dataTables_wrapper .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + select,\n .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select,\n .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select,\n .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + select,\n .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + select,\n .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + select,\n .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=number], .select2-container--default .input-group > .form-control + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .form-control + .select2-selection--single, .select2-container--default .input-group > .asColorPicker-input + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .asColorPicker-input + .select2-selection--single, .dataTables_wrapper .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .input-group > select + .select2-selection--single, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .input-group > .select2-selection--single + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-selection--single, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-selection--single, .select2-container--default .input-group > .tt-hint + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-hint + .select2-selection--single, .select2-container--default .input-group > .tt-query + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-query + .select2-selection--single, .select2-container--default .input-group > .typeahead + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .typeahead + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .asColorPicker-input + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .asColorPicker-input + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > select + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .typeahead + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .typeahead + .select2-search__field, .input-group > .form-control + .tt-hint, .asColorPicker-wrap > .form-control + .tt-hint, .input-group > .asColorPicker-input + .tt-hint, .asColorPicker-wrap > .asColorPicker-input + .tt-hint, .dataTables_wrapper .input-group > select + .tt-hint, .dataTables_wrapper .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-hint, .select2-container--default .input-group > .select2-selection--single + .tt-hint, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-hint, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-hint, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-hint, .input-group > .tt-hint + .tt-hint, .asColorPicker-wrap > .tt-hint + .tt-hint, .input-group > .tt-query + .tt-hint, .asColorPicker-wrap > .tt-query + .tt-hint, .input-group > .typeahead + .tt-hint, .asColorPicker-wrap > .typeahead + .tt-hint,\n .input-group > .form-control + .tt-query,\n .asColorPicker-wrap > .form-control + .tt-query,\n .input-group > .asColorPicker-input + .tt-query,\n .asColorPicker-wrap > .asColorPicker-input + .tt-query,\n .dataTables_wrapper .input-group > select + .tt-query,\n .dataTables_wrapper .asColorPicker-wrap > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-query,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-query,\n .select2-container--default .input-group > .select2-selection--single + .tt-query,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-query,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-query,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-query,\n .input-group > .tt-hint + .tt-query,\n .asColorPicker-wrap > .tt-hint + .tt-query,\n .input-group > .tt-query + .tt-query,\n .asColorPicker-wrap > .tt-query + .tt-query,\n .input-group > .typeahead + .tt-query,\n .asColorPicker-wrap > .typeahead + .tt-query,\n .input-group > .form-control + .typeahead,\n .asColorPicker-wrap > .form-control + .typeahead,\n .input-group > .asColorPicker-input + .typeahead,\n .asColorPicker-wrap > .asColorPicker-input + .typeahead,\n .dataTables_wrapper .input-group > select + .typeahead,\n .dataTables_wrapper .asColorPicker-wrap > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .typeahead,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .typeahead,\n .select2-container--default .input-group > .select2-selection--single + .typeahead,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .typeahead,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .typeahead,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .typeahead,\n .input-group > .tt-hint + .typeahead,\n .asColorPicker-wrap > .tt-hint + .typeahead,\n .input-group > .tt-query + .typeahead,\n .asColorPicker-wrap > .tt-query + .typeahead,\n .input-group > .typeahead + .typeahead,\n .asColorPicker-wrap > .typeahead + .typeahead,\n .input-group > .form-control + .custom-select,\n .asColorPicker-wrap > .form-control + .custom-select,\n .input-group > .asColorPicker-input + .custom-select,\n .asColorPicker-wrap > .asColorPicker-input + .custom-select,\n .dataTables_wrapper .input-group > select + .custom-select,\n .dataTables_wrapper .asColorPicker-wrap > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-select,\n .select2-container--default .input-group > .select2-selection--single + .custom-select,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-select,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-select,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-select,\n .input-group > .tt-hint + .custom-select,\n .asColorPicker-wrap > .tt-hint + .custom-select,\n .input-group > .tt-query + .custom-select,\n .asColorPicker-wrap > .tt-query + .custom-select,\n .input-group > .typeahead + .custom-select,\n .asColorPicker-wrap > .typeahead + .custom-select,\n .input-group > .form-control + .custom-file,\n .asColorPicker-wrap > .form-control + .custom-file,\n .input-group > .asColorPicker-input + .custom-file,\n .asColorPicker-wrap > .asColorPicker-input + .custom-file,\n .dataTables_wrapper .input-group > select + .custom-file,\n .dataTables_wrapper .asColorPicker-wrap > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-file,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-file,\n .select2-container--default .input-group > .select2-selection--single + .custom-file,\n .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-file,\n .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-file,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-file,\n .input-group > .tt-hint + .custom-file,\n .asColorPicker-wrap > .tt-hint + .custom-file,\n .input-group > .tt-query + .custom-file,\n .asColorPicker-wrap > .tt-query + .custom-file,\n .input-group > .typeahead + .custom-file,\n .asColorPicker-wrap > .typeahead + .custom-file,\n .input-group > .form-control-plaintext + .form-control,\n .asColorPicker-wrap > .form-control-plaintext + .form-control,\n .input-group > .form-control-plaintext + .asColorPicker-input,\n .asColorPicker-wrap > .form-control-plaintext + .asColorPicker-input,\n .dataTables_wrapper .input-group > .form-control-plaintext + select,\n .dataTables_wrapper .asColorPicker-wrap > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=number],\n .select2-container--default .input-group > .form-control-plaintext + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .form-control-plaintext + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .form-control-plaintext + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control-plaintext + .select2-search__field,\n .input-group > .form-control-plaintext + .tt-hint,\n .asColorPicker-wrap > .form-control-plaintext + .tt-hint,\n .input-group > .form-control-plaintext + .tt-query,\n .asColorPicker-wrap > .form-control-plaintext + .tt-query,\n .input-group > .form-control-plaintext + .typeahead,\n .asColorPicker-wrap > .form-control-plaintext + .typeahead,\n .input-group > .form-control-plaintext + .custom-select,\n .asColorPicker-wrap > .form-control-plaintext + .custom-select,\n .input-group > .form-control-plaintext + .custom-file,\n .asColorPicker-wrap > .form-control-plaintext + .custom-file,\n .input-group > .custom-select + .form-control,\n .asColorPicker-wrap > .custom-select + .form-control,\n .input-group > .custom-select + .asColorPicker-input,\n .asColorPicker-wrap > .custom-select + .asColorPicker-input,\n .dataTables_wrapper .input-group > .custom-select + select,\n .dataTables_wrapper .asColorPicker-wrap > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=number],\n .select2-container--default .input-group > .custom-select + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .custom-select + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .custom-select + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-select + .select2-search__field,\n .input-group > .custom-select + .tt-hint,\n .asColorPicker-wrap > .custom-select + .tt-hint,\n .input-group > .custom-select + .tt-query,\n .asColorPicker-wrap > .custom-select + .tt-query,\n .input-group > .custom-select + .typeahead,\n .asColorPicker-wrap > .custom-select + .typeahead,\n .input-group > .custom-select + .custom-select,\n .asColorPicker-wrap > .custom-select + .custom-select,\n .input-group > .custom-select + .custom-file,\n .asColorPicker-wrap > .custom-select + .custom-file,\n .input-group > .custom-file + .form-control,\n .asColorPicker-wrap > .custom-file + .form-control,\n .input-group > .custom-file + .asColorPicker-input,\n .asColorPicker-wrap > .custom-file + .asColorPicker-input,\n .dataTables_wrapper .input-group > .custom-file + select,\n .dataTables_wrapper .asColorPicker-wrap > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + select,\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=number],\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=number],\n .select2-container--default .input-group > .custom-file + .select2-selection--single,\n .select2-container--default .asColorPicker-wrap > .custom-file + .select2-selection--single,\n .select2-container--default .select2-selection--single .input-group > .custom-file + .select2-search__field,\n .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-file + .select2-search__field,\n .input-group > .custom-file + .tt-hint,\n .asColorPicker-wrap > .custom-file + .tt-hint,\n .input-group > .custom-file + .tt-query,\n .asColorPicker-wrap > .custom-file + .tt-query,\n .input-group > .custom-file + .typeahead,\n .asColorPicker-wrap > .custom-file + .typeahead,\n .input-group > .custom-file + .custom-select,\n .asColorPicker-wrap > .custom-file + .custom-select,\n .input-group > .custom-file + .custom-file,\n .asColorPicker-wrap > .custom-file + .custom-file {\n margin-left: -1px; }\n .input-group > .form-control:focus, .asColorPicker-wrap > .form-control:focus, .input-group > .asColorPicker-input:focus, .asColorPicker-wrap > .asColorPicker-input:focus, .dataTables_wrapper .input-group > select:focus, .dataTables_wrapper .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:focus,\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=number], .select2-container--default .input-group > .select2-selection--single:focus, .select2-container--default .asColorPicker-wrap > .select2-selection--single:focus, .select2-container--default .select2-selection--single .input-group > .select2-search__field:focus, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:focus, .input-group > .tt-hint:focus, .asColorPicker-wrap > .tt-hint:focus,\n .input-group > .tt-query:focus,\n .asColorPicker-wrap > .tt-query:focus,\n .input-group > .typeahead:focus,\n .asColorPicker-wrap > .typeahead:focus,\n .input-group > .custom-select:focus,\n .asColorPicker-wrap > .custom-select:focus,\n .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,\n .asColorPicker-wrap > .custom-file .custom-file-input:focus ~ .custom-file-label {\n z-index: 3; }\n .input-group > .custom-file .custom-file-input:focus, .asColorPicker-wrap > .custom-file .custom-file-input:focus {\n z-index: 4; }\n .input-group > .form-control:not(:last-child), .asColorPicker-wrap > .form-control:not(:last-child), .input-group > .asColorPicker-input:not(:last-child), .asColorPicker-wrap > .asColorPicker-input:not(:last-child), .dataTables_wrapper .input-group > select:not(:last-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:last-child),\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:last-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:last-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:last-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:last-child), .input-group > .tt-hint:not(:last-child), .asColorPicker-wrap > .tt-hint:not(:last-child),\n .input-group > .tt-query:not(:last-child),\n .asColorPicker-wrap > .tt-query:not(:last-child),\n .input-group > .typeahead:not(:last-child),\n .asColorPicker-wrap > .typeahead:not(:last-child),\n .input-group > .custom-select:not(:last-child),\n .asColorPicker-wrap > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .form-control:not(:first-child), .asColorPicker-wrap > .form-control:not(:first-child), .input-group > .asColorPicker-input:not(:first-child), .asColorPicker-wrap > .asColorPicker-input:not(:first-child), .dataTables_wrapper .input-group > select:not(:first-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:first-child),\n .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:first-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:first-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:first-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:first-child), .input-group > .tt-hint:not(:first-child), .asColorPicker-wrap > .tt-hint:not(:first-child),\n .input-group > .tt-query:not(:first-child),\n .asColorPicker-wrap > .tt-query:not(:first-child),\n .input-group > .typeahead:not(:first-child),\n .asColorPicker-wrap > .typeahead:not(:first-child),\n .input-group > .custom-select:not(:first-child),\n .asColorPicker-wrap > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n \n .input-group > .custom-file,\n .asColorPicker-wrap > .custom-file {\n display: flex;\n align-items: center; }\n .input-group > .custom-file:not(:last-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label,\n .input-group > .custom-file:not(:last-child) .custom-file-label::after,\n .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label::after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .custom-file:not(:first-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:first-child) .custom-file-label {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.input-group-prepend, .asColorPicker-trigger,\n.input-group-append {\n display: flex; }\n .input-group-prepend .btn, .asColorPicker-trigger .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled, .input-group-prepend .wizard > .actions a, .wizard > .actions .input-group-prepend a, .asColorPicker-trigger .wizard > .actions a, .wizard > .actions .asColorPicker-trigger a,\n .input-group-append .btn,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,\n .input-group-append .wizard > .actions a,\n .wizard > .actions .input-group-append a {\n position: relative;\n z-index: 2; }\n .input-group-prepend .btn:focus, .asColorPicker-trigger .btn:focus, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload:focus, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled:focus, .input-group-prepend .wizard > .actions a:focus, .wizard > .actions .input-group-prepend a:focus, .asColorPicker-trigger .wizard > .actions a:focus, .wizard > .actions .asColorPicker-trigger a:focus,\n .input-group-append .btn:focus,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus,\n .input-group-append .wizard > .actions a:focus,\n .wizard > .actions .input-group-append a:focus {\n z-index: 3; }\n .input-group-prepend .btn + .btn, .asColorPicker-trigger .btn + .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .btn, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .btn, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .btn, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .btn, .input-group-prepend .wizard > .actions a + .btn, .wizard > .actions .input-group-prepend a + .btn, .asColorPicker-trigger .wizard > .actions a + .btn, .wizard > .actions .asColorPicker-trigger a + .btn, .input-group-prepend .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .btn + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .btn + .ajax-file-upload, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .ajax-file-upload, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .ajax-file-upload, .input-group-prepend .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions a + .ajax-file-upload, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .input-group-prepend a + .ajax-file-upload, .asColorPicker-trigger .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions a + .ajax-file-upload, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .asColorPicker-trigger a + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .btn + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .btn + .swal2-styled, .input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .swal2-styled, .asColorPicker-trigger .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .swal2-styled, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .swal2-styled, .input-group-prepend .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions a + .swal2-styled, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-prepend a + .swal2-styled, .asColorPicker-trigger .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions a + .swal2-styled, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .asColorPicker-trigger a + .swal2-styled, .input-group-prepend .wizard > .actions .btn + a, .wizard > .actions .input-group-prepend .btn + a, .asColorPicker-trigger .wizard > .actions .btn + a, .wizard > .actions .asColorPicker-trigger .btn + a, .input-group-prepend .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + a, .asColorPicker-trigger .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + a, .input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + a, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + a, .input-group-prepend .wizard > .actions a + a, .wizard > .actions .input-group-prepend a + a, .asColorPicker-trigger .wizard > .actions a + a, .wizard > .actions .asColorPicker-trigger a + a,\n .input-group-prepend .btn + .input-group-text,\n .asColorPicker-trigger .btn + .input-group-text,\n .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .input-group-text,\n .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .input-group-text,\n .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .input-group-text,\n .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .input-group-text,\n .input-group-prepend .wizard > .actions a + .input-group-text,\n .wizard > .actions .input-group-prepend a + .input-group-text,\n .asColorPicker-trigger .wizard > .actions a + .input-group-text,\n .wizard > .actions .asColorPicker-trigger a + .input-group-text,\n .input-group-prepend .input-group-text + .input-group-text,\n .asColorPicker-trigger .input-group-text + .input-group-text,\n .input-group-prepend .input-group-text + .btn,\n .asColorPicker-trigger .input-group-text + .btn,\n .input-group-prepend .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-prepend .input-group-text + .ajax-file-upload,\n .asColorPicker-trigger .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .asColorPicker-trigger .input-group-text + .ajax-file-upload,\n .input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text + .swal2-styled,\n .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .input-group-text + .swal2-styled,\n .input-group-prepend .wizard > .actions .input-group-text + a,\n .wizard > .actions .input-group-prepend .input-group-text + a,\n .asColorPicker-trigger .wizard > .actions .input-group-text + a,\n .wizard > .actions .asColorPicker-trigger .input-group-text + a,\n .input-group-append .btn + .btn,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .btn,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .btn,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .btn,\n .input-group-append .wizard > .actions a + .btn,\n .wizard > .actions .input-group-append a + .btn,\n .input-group-append .ajax-upload-dragdrop .btn + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .btn + .ajax-file-upload,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload,\n .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload,\n .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .ajax-file-upload,\n .input-group-append .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .wizard > .actions a + .ajax-file-upload,\n .wizard > .actions .input-group-append .ajax-upload-dragdrop a + .ajax-file-upload,\n .ajax-upload-dragdrop .wizard > .actions .input-group-append a + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .btn + .swal2-styled,\n .input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled,\n .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .swal2-styled,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .swal2-styled,\n .input-group-append .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions a + .swal2-styled,\n .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper a + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-append a + .swal2-styled,\n .input-group-append .wizard > .actions .btn + a,\n .wizard > .actions .input-group-append .btn + a,\n .input-group-append .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a,\n .wizard > .actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload + a,\n .ajax-upload-dragdrop .input-group-append .wizard > .actions .ajax-file-upload + a,\n .wizard > .actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload + a,\n .input-group-append .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a,\n .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + a,\n .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions .swal2-styled + a,\n .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + a,\n .input-group-append .wizard > .actions a + a,\n .wizard > .actions .input-group-append a + a,\n .input-group-append .btn + .input-group-text,\n .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .input-group-text,\n .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .input-group-text,\n .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text,\n .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .input-group-text,\n .input-group-append .wizard > .actions a + .input-group-text,\n .wizard > .actions .input-group-append a + .input-group-text,\n .input-group-append .input-group-text + .input-group-text,\n .input-group-append .input-group-text + .btn,\n .input-group-append .ajax-upload-dragdrop .input-group-text + .ajax-file-upload,\n .ajax-upload-dragdrop .input-group-append .input-group-text + .ajax-file-upload,\n .input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text + .swal2-styled,\n .input-group-append .wizard > .actions .input-group-text + a,\n .wizard > .actions .input-group-append .input-group-text + a {\n margin-left: -1px; }\n\n.input-group-prepend, .asColorPicker-trigger {\n margin-right: -1px; }\n\n.input-group-append {\n margin-left: -1px; }\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.56rem 1.375rem;\n margin-bottom: 0;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 2px; }\n .input-group-text input[type=\"radio\"],\n .input-group-text input[type=\"checkbox\"] {\n margin-top: 0; }\n\n.input-group-lg > .form-control:not(textarea), .input-group-lg > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=number], .select2-container--default .input-group-lg > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field:not(textarea), .input-group-lg > .tt-hint:not(textarea),\n.input-group-lg > .tt-query:not(textarea),\n.input-group-lg > .typeahead:not(textarea),\n.input-group-lg > .custom-select {\n height: calc(1.5em + 1rem + 2px); }\n\n.input-group-lg > .form-control, .input-group-lg > .asColorPicker-input, .dataTables_wrapper .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=number], .select2-container--default .input-group-lg > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field, .input-group-lg > .tt-hint,\n.input-group-lg > .tt-query,\n.input-group-lg > .typeahead,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .asColorPicker-trigger > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .asColorPicker-trigger > .btn,\n.ajax-upload-dragdrop .input-group-lg > .input-group-prepend > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group-lg > .asColorPicker-trigger > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .asColorPicker-trigger > .swal2-styled,\n.wizard > .actions .input-group-lg > .input-group-prepend > a,\n.wizard > .actions .input-group-lg > .asColorPicker-trigger > a,\n.input-group-lg > .input-group-append > .btn,\n.ajax-upload-dragdrop .input-group-lg > .input-group-append > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > .swal2-styled,\n.wizard > .actions .input-group-lg > .input-group-append > a {\n padding: 0.94rem 1.94rem;\n font-size: 1.25rem;\n line-height: 1;\n border-radius: 0.3rem; }\n\n.input-group-sm > .form-control:not(textarea), .input-group-sm > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=number], .select2-container--default .input-group-sm > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field:not(textarea), .input-group-sm > .tt-hint:not(textarea),\n.input-group-sm > .tt-query:not(textarea),\n.input-group-sm > .typeahead:not(textarea),\n.input-group-sm > .custom-select {\n height: calc(1.5em + 0.5rem + 2px); }\n\n.input-group-sm > .form-control, .input-group-sm > .asColorPicker-input, .dataTables_wrapper .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=number], .select2-container--default .input-group-sm > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field, .input-group-sm > .tt-hint,\n.input-group-sm > .tt-query,\n.input-group-sm > .typeahead,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .asColorPicker-trigger > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .asColorPicker-trigger > .btn,\n.ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group-sm > .asColorPicker-trigger > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .asColorPicker-trigger > .swal2-styled,\n.wizard > .actions .input-group-sm > .input-group-prepend > a,\n.wizard > .actions .input-group-sm > .asColorPicker-trigger > a,\n.input-group-sm > .input-group-append > .btn,\n.ajax-upload-dragdrop .input-group-sm > .input-group-append > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .swal2-styled,\n.wizard > .actions .input-group-sm > .input-group-append > a {\n padding: 0.5rem 0.81rem;\n font-size: 0.875rem;\n line-height: 1;\n border-radius: 0.2rem; }\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n padding-right: 1.75rem; }\n\n.input-group > .input-group-prepend > .btn, .asColorPicker-wrap > .input-group-prepend > .btn, .input-group > .asColorPicker-trigger > .btn, .asColorPicker-wrap > .asColorPicker-trigger > .btn, .ajax-upload-dragdrop .input-group > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .input-group > .asColorPicker-trigger > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger > .swal2-styled, .wizard > .actions .input-group > .input-group-prepend > a, .wizard > .actions .asColorPicker-wrap > .input-group-prepend > a, .wizard > .actions .input-group > .asColorPicker-trigger > a, .wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger > a,\n.input-group > .input-group-prepend > .input-group-text,\n.asColorPicker-wrap > .input-group-prepend > .input-group-text,\n.input-group > .asColorPicker-trigger > .input-group-text,\n.asColorPicker-wrap > .asColorPicker-trigger > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.asColorPicker-wrap > .input-group-append:not(:last-child) > .btn,\n.ajax-upload-dragdrop .input-group > .input-group-append:not(:last-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:not(:last-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:not(:last-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:not(:last-child) > .swal2-styled,\n.wizard > .actions .input-group > .input-group-append:not(:last-child) > a,\n.wizard > .actions .asColorPicker-wrap > .input-group-append:not(:last-child) > a,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.asColorPicker-wrap > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.asColorPicker-wrap > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.ajax-upload-dragdrop .input-group > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle),\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle),\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle),\n.wizard > .actions .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),\n.wizard > .actions .asColorPicker-wrap > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),\n.asColorPicker-wrap > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.input-group > .input-group-append > .btn, .asColorPicker-wrap > .input-group-append > .btn, .ajax-upload-dragdrop .input-group > .input-group-append > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append > .swal2-styled, .wizard > .actions .input-group > .input-group-append > a, .wizard > .actions .asColorPicker-wrap > .input-group-append > a,\n.input-group > .input-group-append > .input-group-text,\n.asColorPicker-wrap > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .asColorPicker-trigger:not(:first-child) > .btn,\n.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .btn,\n.ajax-upload-dragdrop .input-group > .input-group-prepend:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload,\n.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload,\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:not(:first-child) > .swal2-styled,\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .swal2-styled,\n.wizard > .actions .input-group > .input-group-prepend:not(:first-child) > a,\n.wizard > .actions .asColorPicker-wrap > .input-group-prepend:not(:first-child) > a,\n.wizard > .actions .input-group > .asColorPicker-trigger:not(:first-child) > a,\n.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > a,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .asColorPicker-trigger:not(:first-child) > .input-group-text,\n.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.asColorPicker-wrap > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .asColorPicker-trigger:first-child > .btn:not(:first-child),\n.asColorPicker-wrap > .asColorPicker-trigger:first-child > .btn:not(:first-child),\n.ajax-upload-dragdrop .input-group > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child),\n.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child),\n.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child),\n.wizard > .actions .input-group > .input-group-prepend:first-child > a:not(:first-child),\n.wizard > .actions .asColorPicker-wrap > .input-group-prepend:first-child > a:not(:first-child),\n.wizard > .actions .input-group > .asColorPicker-trigger:first-child > a:not(:first-child),\n.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:first-child > a:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),\n.asColorPicker-wrap > .input-group-prepend:first-child > .input-group-text:not(:first-child),\n.input-group > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child),\n.asColorPicker-wrap > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.75rem; }\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem; }\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0; }\n .custom-control-input:checked ~ .custom-control-label::before {\n var(--base-text);\n border-color: #007bff;\n background-color: #007bff; }\n .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #80bdff; }\n .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n var(--base-text);\n background-color: #b3d7ff;\n border-color: #b3d7ff; }\n .custom-control-input:disabled ~ .custom-control-label {\n color: var(--gray); }\n .custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef; }\n\n.custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top; }\n .custom-control-label::before {\n position: absolute;\n top: 0.125rem;\n left: -1.75rem;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n pointer-events: none;\n content: \"\";\n background: var(--base-text);\n border: #adb5bd solid 1px; }\n .custom-control-label::after {\n position: absolute;\n top: 0.125rem;\n left: -1.75rem;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n content: \"\";\n background: no-repeat 50% / 50% 50%; }\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"); }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n border-color: #007bff;\n background-color: #007bff; }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e\"); }\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-switch {\n padding-left: 2.75rem; }\n .custom-switch .custom-control-label::before {\n left: -2.75rem;\n width: 2.25rem;\n pointer-events: all;\n border-radius: 50px; }\n .custom-switch .custom-control-label::after {\n top: calc(0.125rem + 2px);\n left: calc(-2.75rem + 2px);\n width: 1rem;\n height: 1rem;\n background-color: #adb5bd;\n border-radius: 50px;\n transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .custom-switch .custom-control-label::after {\n transition: none; } }\n .custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n background: var(--base-text);\n transform: translateX(1rem); }\n .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/8px 10px;\n background: var(--base-text);\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none; }\n .custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-select:focus::-ms-value {\n color: #495057;\n background-color: var(--card-banner-bg); }\n .custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none; }\n .custom-select:disabled {\n color: var(--gray);\n background-color: #e9ecef; }\n .custom-select::-ms-expand {\n display: none; }\n\n.custom-select-sm {\n height: calc(1.5em + 0.5rem + 2px);\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n font-size: 0.875rem; }\n\n.custom-select-lg {\n height: calc(1.5em + 1rem + 2px);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n font-size: 1.25rem; }\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0; }\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(1.5em + 0.75rem + 2px);\n margin: 0;\n opacity: 0; }\n .custom-file-input:focus ~ .custom-file-label {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-file-input:disabled ~ .custom-file-label {\n background-color: #e9ecef; }\n .custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\"; }\n .custom-file-input ~ .custom-file-label[data-browse]::after {\n content: attr(data-browse); }\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(1.5em + 0.75rem + 2px);\n padding: 0.375rem 0.75rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n background: var(--base-text);\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(1.5em + 0.75rem);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: inherit;\n border-radius: 0 0.25rem 0.25rem 0; }\n\n.custom-range {\n width: 100%;\n height: calc(1rem + 0.4rem);\n padding: 0;\n background-color: transparent;\n appearance: none; }\n .custom-range:focus {\n outline: none; }\n .custom-range:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range:focus::-moz-range-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range::-moz-focus-outer {\n border: 0; }\n .custom-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-webkit-slider-thumb {\n transition: none; } }\n .custom-range::-webkit-slider-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-moz-range-thumb {\n transition: none; } }\n .custom-range::-moz-range-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.2rem;\n margin-left: 0.2rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none; }\n @media (prefers-reduced-motion: reduce) {\n .custom-range::-ms-thumb {\n transition: none; } }\n .custom-range::-ms-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem; }\n .custom-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem; }\n .custom-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem; }\n .custom-range:disabled::-webkit-slider-thumb {\n background-color: #adb5bd; }\n .custom-range:disabled::-webkit-slider-runnable-track {\n cursor: default; }\n .custom-range:disabled::-moz-range-thumb {\n background-color: #adb5bd; }\n .custom-range:disabled::-moz-range-track {\n cursor: default; }\n .custom-range:disabled::-ms-thumb {\n background-color: #adb5bd; }\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .custom-control-label::before,\n .custom-file-label,\n .custom-select {\n transition: none; } }\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem; }\n .nav-link:hover, .nav-link:focus {\n text-decoration: none; }\n .nav-link.disabled {\n color: var(--gray);\n pointer-events: none;\n cursor: default; }\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6; }\n .nav-tabs .nav-item {\n margin-bottom: -1px; }\n .nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6; }\n .nav-tabs .nav-link.disabled {\n color: var(--gray);\n background-color: transparent;\n border-color: transparent; }\n .nav-tabs .nav-link.active,\n .nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background: var(--base-text);\n border-color: #dee2e6 #dee2e6 #fff; }\n .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.nav-pills .nav-link {\n border-radius: 0.25rem; }\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n var(--base-text);\n background-color: #007bff; }\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center; }\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center; }\n\n.tab-content > .tab-pane {\n display: none; }\n\n.tab-content > .active {\n display: block; }\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem; }\n .navbar > .container,\n .navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between; }\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap; }\n .navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none; }\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n .navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0; }\n .navbar-nav .dropdown-menu {\n position: static;\n float: none; }\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; }\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center; }\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n .navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none; }\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%; }\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row; }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-sm .navbar-toggler {\n display: none; } }\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-md .navbar-nav {\n flex-direction: row; }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-md .navbar-toggler {\n display: none; } }\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row; }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-lg .navbar-toggler {\n display: none; } }\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row; }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-xl .navbar-toggler {\n display: none; } }\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0; }\n .navbar-expand .navbar-nav {\n flex-direction: row; }\n .navbar-expand .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand .navbar-toggler {\n display: none; }\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-nav .nav-link {\n var(--base-text); }\n .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7); }\n .navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3); }\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-toggler {\n var(--base-text);\n border-color: rgba(0, 0, 0, 0.1); }\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"); }\n\n.navbar-light .navbar-text {\n var(--base-text); }\n .navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-dark .navbar-brand {\n var(--base-text); }\n .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n var(--base-text); }\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75); }\n .navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25); }\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n var(--base-text); }\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1); }\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"); }\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-text a {\n var(--base-text); }\n .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n var(--base-text); }\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: var(--dropdown-bg);\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem; }\n .card > hr {\n margin-right: 0;\n margin-left: 0; }\n .card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem; }\n\n.card-title {\n margin-bottom: 0.75rem; }\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0; }\n\n.card-text:last-child {\n margin-bottom: 0; }\n\n.card-link:hover {\n text-decoration: none; }\n\n.card-link + .card-link {\n margin-left: 1.25rem; }\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125); }\n .card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }\n .card-header + .list-group .list-group-item:first-child {\n border-top: 0; }\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125); }\n .card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0; }\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem; }\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem; }\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px); }\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px); }\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px); }\n\n.card-deck {\n display: flex;\n flex-direction: column; }\n .card-deck .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px; }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px; } }\n\n.card-group {\n display: flex;\n flex-direction: column; }\n .card-group > .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap; }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0; }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0; }\n .card-group > .card:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .card-group > .card:not(:last-child) .card-img-top,\n .card-group > .card:not(:last-child) .card-header {\n border-top-right-radius: 0; }\n .card-group > .card:not(:last-child) .card-img-bottom,\n .card-group > .card:not(:last-child) .card-footer {\n border-bottom-right-radius: 0; }\n .card-group > .card:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .card-group > .card:not(:first-child) .card-img-top,\n .card-group > .card:not(:first-child) .card-header {\n border-top-left-radius: 0; }\n .card-group > .card:not(:first-child) .card-img-bottom,\n .card-group > .card:not(:first-child) .card-footer {\n border-bottom-left-radius: 0; } }\n\n.card-columns .card {\n margin-bottom: 0.75rem; }\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem;\n orphans: 1;\n widows: 1; }\n .card-columns .card {\n display: inline-block;\n width: 100%; } }\n\n.accordion > .card {\n overflow: hidden; }\n .accordion > .card:not(:first-of-type) .card-header:first-child {\n border-radius: 0; }\n .accordion > .card:not(:first-of-type):not(:last-of-type) {\n border-bottom: 0;\n border-radius: 0; }\n .accordion > .card:first-of-type {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .accordion > .card:last-of-type {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n .accordion > .card .card-header {\n margin-bottom: -1px; }\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 0.56rem 1.13rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: transparent;\n border-radius: 0.25rem; }\n\n.breadcrumb-item + .breadcrumb-item {\n padding-left: 0.5rem; }\n .breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n color: var(--gray);\n content: \"/\"; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none; }\n\n.breadcrumb-item.active {\n color: var(--gray); }\n\n.pagination, .jsgrid .jsgrid-pager {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem; }\n\n.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page a {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background: var(--base-text);\n border: 1px solid #dee2e6; }\n .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {\n z-index: 2;\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n\n.page-item:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.page-item:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,\n.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,\n.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {\n z-index: 1;\n var(--base-text);\n background-color: #007bff;\n border-color: #007bff; }\n\n.page-item.disabled .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a,\n.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a,\n.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {\n color: var(--gray);\n pointer-events: none;\n cursor: auto;\n background: var(--base-text);\n border-color: #dee2e6; }\n\n.pagination-lg .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5; }\n\n.pagination-lg .page-item:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link, .pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a,\n.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n\n.pagination-lg .page-item:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link, .pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a,\n.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a,\n.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem; }\n\n.pagination-sm .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5; }\n\n.pagination-sm .page-item:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link, .pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a,\n.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem; }\n\n.pagination-sm .page-item:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link, .pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a,\n.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a,\n.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem; }\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .badge {\n transition: none; } }\n a.badge:hover, a.badge:focus {\n text-decoration: none; }\n .badge:empty {\n display: none; }\n\n.btn .badge, .ajax-upload-dragdrop .ajax-file-upload .badge, .swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard > .actions a .badge {\n position: relative;\n top: -1px; }\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem; }\n\n.badge-primary {\n var(--base-text);\n background-color: var(--primary); }\n a.badge-primary:hover, a.badge-primary:focus {\n var(--base-text);\n background-color: #0c7cd5; }\n a.badge-primary:focus, a.badge-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }\n\n.badge-secondary {\n color: #212529;\n background-color: var(--secondary); }\n a.badge-secondary:hover, a.badge-secondary:focus {\n color: #212529;\n background-color: #bdcbd8; }\n a.badge-secondary:focus, a.badge-secondary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); }\n\n.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {\n color: #212529;\n background-color: var(--success); }\n a.badge-success:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus {\n color: #212529;\n background-color: #14aa75; }\n a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus, a.badge-success.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); }\n\n.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {\n var(--base-text);\n background-color: var(--info); }\n a.badge-info:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus {\n var(--base-text);\n background-color: #6837d8; }\n a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus, a.badge-info.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); }\n\n.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {\n color: #212529;\n background-color: var(--warning); }\n a.badge-warning:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover, a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus {\n color: #212529;\n background-color: #cc8c00; }\n a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus, a.badge-warning.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); }\n\n.badge-danger {\n var(--base-text);\n background-color: var(--danger); }\n a.badge-danger:hover, a.badge-danger:focus {\n var(--base-text);\n background-color: #ff3225; }\n a.badge-danger:focus, a.badge-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); }\n\n.badge-light {\n color: #212529;\n background-color: var(--light); }\n a.badge-light:hover, a.badge-light:focus {\n color: #212529;\n background-color: #e2e2e2; }\n a.badge-light:focus, a.badge-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); }\n\n.badge-dark {\n var(--base-text);\n background-color: var(--dark); }\n a.badge-dark:hover, a.badge-dark:focus {\n var(--base-text);\n background-color: #131725; }\n a.badge-dark:focus, a.badge-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); }\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem; }\n @media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem; } }\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0; }\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n\n.alert-heading {\n color: inherit; }\n\n.alert-link {\n font-weight: 700; }\n\n.alert-dismissible {\n padding-right: 4rem; }\n .alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit; }\n\n.alert-primary {\n color: #114e7e;\n background-color: #d3eafd;\n border-color: #c1e2fc; }\n .alert-primary hr {\n border-top-color: #a9d7fb; }\n .alert-primary .alert-link {\n color: #0b3251; }\n\n.alert-secondary {\n color: #73777a;\n background-color: #f8fafb;\n border-color: #f5f7f9; }\n .alert-secondary hr {\n border-top-color: #e5eaef; }\n .alert-secondary .alert-link {\n color: #5a5d60; }\n\n.alert-success {\n color: #0d704d;\n background-color: #d1f7ea;\n border-color: #bff4e1; }\n .alert-success hr {\n border-top-color: #a9f0d7; }\n .alert-success .alert-link {\n color: #08422e; }\n\n.alert-info {\n color: #473374;\n background-color: #e7e0f9;\n border-color: #ded3f6; }\n .alert-info hr {\n border-top-color: #cebef2; }\n .alert-info .alert-link {\n color: #312351; }\n\n.alert-warning {\n color: #855b00;\n background-color: #ffefcc;\n border-color: #ffe9b8; }\n .alert-warning hr {\n border-top-color: #ffe19f; }\n .alert-warning .alert-link {\n color: #523800; }\n\n.alert-danger {\n color: #85332e;\n background-color: #ffe0de;\n border-color: #ffd3d0; }\n .alert-danger hr {\n border-top-color: #ffbbb7; }\n .alert-danger .alert-link {\n color: #5f2421; }\n\n.alert-light {\n color: #838383;\n background-color: #fefefe;\n border-color: #fefefe; }\n .alert-light hr {\n border-top-color: #f1f1f1; }\n .alert-light .alert-link {\n color: #6a6a6a; }\n\n.alert-dark {\n color: #131724;\n background-color: #d3d5da;\n border-color: #c2c4cb; }\n .alert-dark hr {\n border-top-color: #b4b7bf; }\n .alert-dark .alert-link {\n color: #010203; }\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0; }\n to {\n background-position: 0 0; } }\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem; }\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n var(--base-text);\n text-align: center;\n white-space: nowrap;\n background-color: #007bff;\n transition: width 0.6s ease; }\n @media (prefers-reduced-motion: reduce) {\n .progress-bar {\n transition: none; } }\n\n.progress-bar-striped {\n 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);\n background-size: 1rem 1rem; }\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite; }\n @media (prefers-reduced-motion: reduce) {\n .progress-bar-animated {\n animation: none; } }\n\n.media {\n display: flex;\n align-items: flex-start; }\n\n.media-body {\n flex: 1; }\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0; }\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit; }\n .list-group-item-action:hover, .list-group-item-action:focus {\n z-index: 1;\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa; }\n .list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef; }\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background: var(--base-text);\n border: 1px solid rgba(0, 0, 0, 0.125); }\n .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .list-group-item.disabled, .list-group-item:disabled {\n color: var(--gray);\n pointer-events: none;\n background: var(--base-text); }\n .list-group-item.active {\n z-index: 2;\n var(--base-text);\n background-color: #007bff;\n border-color: #007bff; }\n\n.list-group-horizontal {\n flex-direction: row; }\n .list-group-horizontal .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; }\n\n@media (min-width: 576px) {\n .list-group-horizontal-sm {\n flex-direction: row; }\n .list-group-horizontal-sm .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-sm .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-sm .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 768px) {\n .list-group-horizontal-md {\n flex-direction: row; }\n .list-group-horizontal-md .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-md .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-md .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 992px) {\n .list-group-horizontal-lg {\n flex-direction: row; }\n .list-group-horizontal-lg .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-lg .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-lg .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n@media (min-width: 1200px) {\n .list-group-horizontal-xl {\n flex-direction: row; }\n .list-group-horizontal-xl .list-group-item {\n margin-right: -1px;\n margin-bottom: 0; }\n .list-group-horizontal-xl .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-top-right-radius: 0; }\n .list-group-horizontal-xl .list-group-item:last-child {\n margin-right: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0; } }\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0; }\n .list-group-flush .list-group-item:last-child {\n margin-bottom: -1px; }\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0; }\n\n.list-group-flush:last-child .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom: 0; }\n\n.list-group-item-primary {\n color: #114e7e;\n background-color: #c1e2fc; }\n .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #114e7e;\n background-color: #a9d7fb; }\n .list-group-item-primary.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #114e7e;\n border-color: #114e7e; }\n\n.list-group-item-secondary {\n color: #73777a;\n background-color: #f5f7f9; }\n .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #73777a;\n background-color: #e5eaef; }\n .list-group-item-secondary.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #73777a;\n border-color: #73777a; }\n\n.list-group-item-success {\n color: #0d704d;\n background-color: #bff4e1; }\n .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #0d704d;\n background-color: #a9f0d7; }\n .list-group-item-success.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #0d704d;\n border-color: #0d704d; }\n\n.list-group-item-info {\n color: #473374;\n background-color: #ded3f6; }\n .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #473374;\n background-color: #cebef2; }\n .list-group-item-info.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #473374;\n border-color: #473374; }\n\n.list-group-item-warning {\n color: #855b00;\n background-color: #ffe9b8; }\n .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #855b00;\n background-color: #ffe19f; }\n .list-group-item-warning.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #855b00;\n border-color: #855b00; }\n\n.list-group-item-danger {\n color: #85332e;\n background-color: #ffd3d0; }\n .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #85332e;\n background-color: #ffbbb7; }\n .list-group-item-danger.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #85332e;\n border-color: #85332e; }\n\n.list-group-item-light {\n color: #838383;\n background-color: #fefefe; }\n .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #838383;\n background-color: #f1f1f1; }\n .list-group-item-light.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #838383;\n border-color: #838383; }\n\n.list-group-item-dark {\n color: #131724;\n background-color: #c2c4cb; }\n .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #131724;\n background-color: #b4b7bf; }\n .list-group-item-dark.list-group-item-action.active {\n var(--base-text)fff;\n background-color: #131724;\n border-color: #131724; }\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5; }\n .close:hover {\n color: #000;\n text-decoration: none; }\n .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75; }\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none; }\n\na.close.disabled {\n pointer-events: none; }\n\n.toast {\n max-width: 350px;\n overflow: hidden;\n font-size: 0.875rem;\n background-color: rgba(255, 255, 255, 0.85);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n opacity: 0;\n border-radius: 0.25rem; }\n .toast:not(:last-child) {\n margin-bottom: 0.75rem; }\n .toast.showing {\n opacity: 1; }\n .toast.show {\n display: block;\n opacity: 1; }\n .toast.hide {\n display: none; }\n\n.toast-header {\n display: flex;\n align-items: center;\n padding: 0.25rem 0.75rem;\n color: var(--gray);\n background-color: rgba(255, 255, 255, 0.85);\n background-clip: padding-box;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\n\n.toast-body {\n padding: 0.75rem; }\n\n.modal-open {\n overflow: hidden; }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto; }\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0; }\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n pointer-events: none; }\n .modal.fade .modal-dialog {\n transition: transform 0.4s ease;\n transform: translate(0, -50px); }\n @media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none; } }\n .modal.show .modal-dialog {\n transform: none; }\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 20px); }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 20px);\n overflow: hidden; }\n .modal-dialog-scrollable .modal-header,\n .modal-dialog-scrollable .modal-footer {\n flex-shrink: 0; }\n .modal-dialog-scrollable .modal-body {\n overflow-y: auto; }\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 20px); }\n .modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 20px);\n content: \"\"; }\n .modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%; }\n .modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none; }\n .modal-dialog-centered.modal-dialog-scrollable::before {\n content: none; }\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background: var(--base-text);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0; }\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000; }\n .modal-backdrop.fade {\n opacity: 0; }\n .modal-backdrop.show {\n opacity: 0.5; }\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem 1rem;\n border-bottom: 1px solid #dee2e6;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem; }\n .modal-header .close {\n padding: 1rem 1rem;\n margin: -25px -26px -25px auto; }\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5; }\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 15px; }\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 15px;\n border-top: 1px solid #dee2e6;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n .modal-footer > :not(:first-child) {\n margin-left: .25rem; }\n .modal-footer > :not(:last-child) {\n margin-right: .25rem; }\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll; }\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 30px auto; }\n .modal-dialog-scrollable {\n max-height: calc(100% - 60px); }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 60px); }\n .modal-dialog-centered {\n min-height: calc(100% - 60px); }\n .modal-dialog-centered::before {\n height: calc(100vh - 60px); }\n .modal-sm {\n max-width: 300px; } }\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 90%; } }\n\n@media (min-width: 1200px) {\n .modal-xl {\n max-width: 1140px; } }\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.75rem;\n word-wrap: break-word;\n opacity: 0; }\n .tooltip.show {\n opacity: 0.9; }\n .tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem; }\n .tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0; }\n .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000; }\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000; }\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0; }\n .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000; }\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000; }\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.4rem 0.75rem;\n var(--base-text);\n text-align: center;\n background-color: #000;\n border-radius: 0.375rem; }\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: var(--card-banner-bg);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem; }\n .popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem; }\n .popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem; }\n .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=\"top\"] > .arrow {\n bottom: calc((0.5rem + 1px) * -1); }\n .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=\"top\"] > .arrow::before {\n bottom: 0;\n border-width: 0.5rem 0.5rem 0;\n border-top-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=\"top\"] > .arrow::after {\n bottom: 1px;\n border-width: 0.5rem 0.5rem 0;\n border-top-color: var(--card-banner-bg); }\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem; }\n .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=\"right\"] > .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=\"right\"] > .arrow::before {\n left: 0;\n border-width: 0.5rem 0.5rem 0.5rem 0;\n border-right-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=\"right\"] > .arrow::after {\n left: 1px;\n border-width: 0.5rem 0.5rem 0.5rem 0;\n border-right-color: var(--card-banner-bg); }\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem; }\n .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow {\n top: calc((0.5rem + 1px) * -1); }\n .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::before {\n top: 0;\n border-width: 0 0.5rem 0.5rem 0.5rem;\n border-bottom-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::after {\n top: 1px;\n border-width: 0 0.5rem 0.5rem 0.5rem;\n border-bottom-color: var(--card-banner-bg); }\n .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7; }\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem; }\n .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=\"left\"] > .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=\"left\"] > .arrow::before {\n right: 0;\n border-width: 0.5rem 0 0.5rem 0.5rem;\n border-left-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=\"left\"] > .arrow::after {\n right: 1px;\n border-width: 0.5rem 0 0.5rem 0.5rem;\n border-left-color: var(--card-banner-bg); }\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px); }\n .popover-header:empty {\n display: none; }\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529; }\n\n.carousel {\n position: relative; }\n\n.carousel.pointer-event {\n touch-action: pan-y; }\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden; }\n .carousel-inner::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.carousel-item {\n position: relative;\n display: none;\n float: left;\n width: 100%;\n margin-right: -100%;\n backface-visibility: hidden;\n transition: transform 0.6s ease-in-out; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-item {\n transition: none; } }\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block; }\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n transform: translateX(100%); }\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n transform: translateX(-100%); }\n\n.carousel-fade .carousel-item {\n opacity: 0;\n transition-property: opacity;\n transform: none; }\n\n.carousel-fade .carousel-item.active,\n.carousel-fade .carousel-item-next.carousel-item-left,\n.carousel-fade .carousel-item-prev.carousel-item-right {\n z-index: 1;\n opacity: 1; }\n\n.carousel-fade .active.carousel-item-left,\n.carousel-fade .active.carousel-item-right {\n z-index: 0;\n opacity: 0;\n transition: 0s 0.6s opacity; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-fade .active.carousel-item-left,\n .carousel-fade .active.carousel-item-right {\n transition: none; } }\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n var(--base-text);\n text-align: center;\n opacity: 0.5;\n transition: opacity 0.15s ease; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-control-prev,\n .carousel-control-next {\n transition: none; } }\n .carousel-control-prev:hover, .carousel-control-prev:focus,\n .carousel-control-next:hover,\n .carousel-control-next:focus {\n var(--base-text);\n text-decoration: none;\n outline: 0;\n opacity: 0.9; }\n\n.carousel-control-prev {\n left: 0; }\n\n.carousel-control-next {\n right: 0; }\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: no-repeat 50% / 100% 100%; }\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"); }\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"); }\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none; }\n .carousel-indicators li {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n cursor: pointer;\n background: var(--base-text);\n background-clip: padding-box;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n opacity: .5;\n transition: opacity 0.6s ease; }\n @media (prefers-reduced-motion: reduce) {\n .carousel-indicators li {\n transition: none; } }\n .carousel-indicators .active {\n opacity: 1; }\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n var(--base-text);\n text-align: center; }\n\n@keyframes spinner-border {\n to {\n transform: rotate(360deg); } }\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite; }\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em; }\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0); }\n 50% {\n opacity: 1; } }\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite; }\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem; }\n\n.align-baseline {\n vertical-align: baseline !important; }\n\n.align-top {\n vertical-align: top !important; }\n\n.align-middle {\n vertical-align: middle !important; }\n\n.align-bottom {\n vertical-align: bottom !important; }\n\n.align-text-bottom {\n vertical-align: text-bottom !important; }\n\n.align-text-top {\n vertical-align: text-top !important; }\n\n.bg-primary, .settings-panel .color-tiles .tiles.primary {\n background-color: var(--primary)!important; }\n\na.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover, a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus,\nbutton.bg-primary:hover,\n.settings-panel .color-tiles button.tiles.primary:hover,\nbutton.bg-primary:focus,\n.settings-panel .color-tiles button.tiles.primary:focus {\n background-color: #0c7cd5 !important; }\n\n.bg-secondary {\n background-color: var(--secondary) !important; }\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #bdcbd8 !important; }\n\n.bg-success, .settings-panel .color-tiles .tiles.success {\n background-color: var(--success) !important; }\n\na.bg-success:hover, .settings-panel .color-tiles a.tiles.success:hover, a.bg-success:focus, .settings-panel .color-tiles a.tiles.success:focus,\nbutton.bg-success:hover,\n.settings-panel .color-tiles button.tiles.success:hover,\nbutton.bg-success:focus,\n.settings-panel .color-tiles button.tiles.success:focus {\n background-color: #14aa75 !important; }\n\n.bg-info, .settings-panel .color-tiles .tiles.info {\n background-color: var(--info) !important; }\n\na.bg-info:hover, .settings-panel .color-tiles a.tiles.info:hover, a.bg-info:focus, .settings-panel .color-tiles a.tiles.info:focus,\nbutton.bg-info:hover,\n.settings-panel .color-tiles button.tiles.info:hover,\nbutton.bg-info:focus,\n.settings-panel .color-tiles button.tiles.info:focus {\n background-color: #6837d8 !important; }\n\n.bg-warning, .settings-panel .color-tiles .tiles.warning {\n background-color: var(--warning) !important; }\n\na.bg-warning:hover, .settings-panel .color-tiles a.tiles.warning:hover, a.bg-warning:focus, .settings-panel .color-tiles a.tiles.warning:focus,\nbutton.bg-warning:hover,\n.settings-panel .color-tiles button.tiles.warning:hover,\nbutton.bg-warning:focus,\n.settings-panel .color-tiles button.tiles.warning:focus {\n background-color: #cc8c00 !important; }\n\n.bg-danger, .settings-panel .color-tiles .tiles.danger {\n background-color: var(--danger) !important; }\n\na.bg-danger:hover, .settings-panel .color-tiles a.tiles.danger:hover, a.bg-danger:focus, .settings-panel .color-tiles a.tiles.danger:focus,\nbutton.bg-danger:hover,\n.settings-panel .color-tiles button.tiles.danger:hover,\nbutton.bg-danger:focus,\n.settings-panel .color-tiles button.tiles.danger:focus {\n background-color: #ff3225 !important; }\n\n.bg-light {\n background-color: var(--light) !important; }\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #e2e2e2 !important; }\n\n.bg-dark, .settings-panel .color-tiles .tiles.dark {\n background-color: var(--dark) !important; }\n\na.bg-dark:hover, .settings-panel .color-tiles a.tiles.dark:hover, a.bg-dark:focus, .settings-panel .color-tiles a.tiles.dark:focus,\nbutton.bg-dark:hover,\n.settings-panel .color-tiles button.tiles.dark:hover,\nbutton.bg-dark:focus,\n.settings-panel .color-tiles button.tiles.dark:focus {\n background-color: #131725 !important; }\n\n.bg-white {\n background: var(--base-text)fff !important; }\n\n.bg-transparent {\n background-color: transparent !important; }\n\n.border, .loader-demo-box {\n border: 1px solid var(--outline) !important; }\n\n.border-top {\n border-top: 1px solid var(--outline) !important; }\n\n.border-right {\n border-right: 1px solid var(--outline) !important; }\n\n.border-bottom {\n border-bottom: 1px solid var(--outline) !important; }\n\n.border-left {\n border-left: 1px solid var(--outline) !important; }\n\n.border-0 {\n border: 0 !important; }\n\n.border-top-0 {\n border-top: 0 !important; }\n\n.border-right-0 {\n border-right: 0 !important; }\n\n.border-bottom-0 {\n border-bottom: 0 !important; }\n\n.border-left-0 {\n border-left: 0 !important; }\n\n.border-primary {\n border-color: var(--primary)!important; }\n\n.border-secondary, .loader-demo-box {\n border-color: var(--secondary) !important; }\n\n.border-success {\n border-color: var(--success) !important; }\n\n.border-info {\n border-color: var(--info) !important; }\n\n.border-warning {\n border-color: var(--warning) !important; }\n\n.border-danger {\n border-color: var(--danger) !important; }\n\n.border-light {\n border-color: var(--light) !important; }\n\n.border-dark {\n border-color: var(--dark) !important; }\n\n.border-white {\n border-var(--base-text)fff !important; }\n\n.rounded-sm {\n border-radius: 0.2rem !important; }\n\n.rounded, .loader-demo-box {\n border-radius: 0.25rem !important; }\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important; }\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important; }\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-lg {\n border-radius: 0.3rem !important; }\n\n.rounded-circle, .settings-panel .color-tiles .tiles {\n border-radius: 50% !important; }\n\n.rounded-pill {\n border-radius: 50rem !important; }\n\n.rounded-0 {\n border-radius: 0 !important; }\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.d-none {\n display: none !important; }\n\n.d-inline {\n display: inline !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-block {\n display: block !important; }\n\n.d-table {\n display: table !important; }\n\n.d-table-row {\n display: table-row !important; }\n\n.d-table-cell {\n display: table-cell !important; }\n\n.d-flex, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user, .list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal {\n display: flex !important; }\n\n.d-inline-flex, .email-wrapper .message-body .attachments-sections ul li {\n display: inline-flex !important; }\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important; }\n .d-sm-inline {\n display: inline !important; }\n .d-sm-inline-block {\n display: inline-block !important; }\n .d-sm-block {\n display: block !important; }\n .d-sm-table {\n display: table !important; }\n .d-sm-table-row {\n display: table-row !important; }\n .d-sm-table-cell {\n display: table-cell !important; }\n .d-sm-flex {\n display: flex !important; }\n .d-sm-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important; }\n .d-md-inline {\n display: inline !important; }\n .d-md-inline-block {\n display: inline-block !important; }\n .d-md-block {\n display: block !important; }\n .d-md-table {\n display: table !important; }\n .d-md-table-row {\n display: table-row !important; }\n .d-md-table-cell {\n display: table-cell !important; }\n .d-md-flex {\n display: flex !important; }\n .d-md-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important; }\n .d-lg-inline {\n display: inline !important; }\n .d-lg-inline-block {\n display: inline-block !important; }\n .d-lg-block {\n display: block !important; }\n .d-lg-table {\n display: table !important; }\n .d-lg-table-row {\n display: table-row !important; }\n .d-lg-table-cell {\n display: table-cell !important; }\n .d-lg-flex {\n display: flex !important; }\n .d-lg-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important; }\n .d-xl-inline {\n display: inline !important; }\n .d-xl-inline-block {\n display: inline-block !important; }\n .d-xl-block {\n display: block !important; }\n .d-xl-table {\n display: table !important; }\n .d-xl-table-row {\n display: table-row !important; }\n .d-xl-table-cell {\n display: table-cell !important; }\n .d-xl-flex {\n display: flex !important; }\n .d-xl-inline-flex {\n display: inline-flex !important; } }\n\n@media print {\n .d-print-none {\n display: none !important; }\n .d-print-inline {\n display: inline !important; }\n .d-print-inline-block {\n display: inline-block !important; }\n .d-print-block {\n display: block !important; }\n .d-print-table {\n display: table !important; }\n .d-print-table-row {\n display: table-row !important; }\n .d-print-table-cell {\n display: table-cell !important; }\n .d-print-flex {\n display: flex !important; }\n .d-print-inline-flex {\n display: inline-flex !important; } }\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden; }\n .embed-responsive::before {\n display: block;\n content: \"\"; }\n .embed-responsive .embed-responsive-item,\n .embed-responsive iframe,\n .embed-responsive embed,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.flex-row, .email-wrapper .message-body .attachments-sections ul li {\n flex-direction: row !important; }\n\n.flex-column, .new-accounts ul.chats li.chat-persons a div.user, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {\n flex-direction: column !important; }\n\n.flex-row-reverse {\n flex-direction: row-reverse !important; }\n\n.flex-column-reverse {\n flex-direction: column-reverse !important; }\n\n.flex-wrap {\n flex-wrap: wrap !important; }\n\n.flex-nowrap {\n flex-wrap: nowrap !important; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n\n.flex-fill {\n flex: 1 1 auto !important; }\n\n.flex-grow-0 {\n flex-grow: 0 !important; }\n\n.flex-grow-1 {\n flex-grow: 1 !important; }\n\n.flex-shrink-0 {\n flex-shrink: 0 !important; }\n\n.flex-shrink-1 {\n flex-shrink: 1 !important; }\n\n.justify-content-start, .list-wrapper ul li {\n justify-content: flex-start !important; }\n\n.justify-content-end, .email-wrapper .mail-list-container .mail-list .details {\n justify-content: flex-end !important; }\n\n.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb {\n justify-content: center !important; }\n\n.justify-content-between {\n justify-content: space-between !important; }\n\n.justify-content-around {\n justify-content: space-around !important; }\n\n.align-items-start {\n align-items: flex-start !important; }\n\n.align-items-end {\n align-items: flex-end !important; }\n\n.align-items-center, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .list-wrapper ul li, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons {\n align-items: center !important; }\n\n.align-items-baseline {\n align-items: baseline !important; }\n\n.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li {\n align-items: stretch !important; }\n\n.align-content-start {\n align-content: flex-start !important; }\n\n.align-content-end {\n align-content: flex-end !important; }\n\n.align-content-center {\n align-content: center !important; }\n\n.align-content-between {\n align-content: space-between !important; }\n\n.align-content-around {\n align-content: space-around !important; }\n\n.align-content-stretch {\n align-content: stretch !important; }\n\n.align-self-auto {\n align-self: auto !important; }\n\n.align-self-start {\n align-self: flex-start !important; }\n\n.align-self-end {\n align-self: flex-end !important; }\n\n.align-self-center {\n align-self: center !important; }\n\n.align-self-baseline {\n align-self: baseline !important; }\n\n.align-self-stretch {\n align-self: stretch !important; }\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important; }\n .flex-sm-column {\n flex-direction: column !important; }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-sm-wrap {\n flex-wrap: wrap !important; }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important; }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-sm-fill {\n flex: 1 1 auto !important; }\n .flex-sm-grow-0 {\n flex-grow: 0 !important; }\n .flex-sm-grow-1 {\n flex-grow: 1 !important; }\n .flex-sm-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-sm-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-sm-start {\n justify-content: flex-start !important; }\n .justify-content-sm-end {\n justify-content: flex-end !important; }\n .justify-content-sm-center {\n justify-content: center !important; }\n .justify-content-sm-between {\n justify-content: space-between !important; }\n .justify-content-sm-around {\n justify-content: space-around !important; }\n .align-items-sm-start {\n align-items: flex-start !important; }\n .align-items-sm-end {\n align-items: flex-end !important; }\n .align-items-sm-center {\n align-items: center !important; }\n .align-items-sm-baseline {\n align-items: baseline !important; }\n .align-items-sm-stretch {\n align-items: stretch !important; }\n .align-content-sm-start {\n align-content: flex-start !important; }\n .align-content-sm-end {\n align-content: flex-end !important; }\n .align-content-sm-center {\n align-content: center !important; }\n .align-content-sm-between {\n align-content: space-between !important; }\n .align-content-sm-around {\n align-content: space-around !important; }\n .align-content-sm-stretch {\n align-content: stretch !important; }\n .align-self-sm-auto {\n align-self: auto !important; }\n .align-self-sm-start {\n align-self: flex-start !important; }\n .align-self-sm-end {\n align-self: flex-end !important; }\n .align-self-sm-center {\n align-self: center !important; }\n .align-self-sm-baseline {\n align-self: baseline !important; }\n .align-self-sm-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important; }\n .flex-md-column {\n flex-direction: column !important; }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-md-wrap {\n flex-wrap: wrap !important; }\n .flex-md-nowrap {\n flex-wrap: nowrap !important; }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-md-fill {\n flex: 1 1 auto !important; }\n .flex-md-grow-0 {\n flex-grow: 0 !important; }\n .flex-md-grow-1 {\n flex-grow: 1 !important; }\n .flex-md-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-md-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-md-start {\n justify-content: flex-start !important; }\n .justify-content-md-end {\n justify-content: flex-end !important; }\n .justify-content-md-center {\n justify-content: center !important; }\n .justify-content-md-between {\n justify-content: space-between !important; }\n .justify-content-md-around {\n justify-content: space-around !important; }\n .align-items-md-start {\n align-items: flex-start !important; }\n .align-items-md-end {\n align-items: flex-end !important; }\n .align-items-md-center {\n align-items: center !important; }\n .align-items-md-baseline {\n align-items: baseline !important; }\n .align-items-md-stretch {\n align-items: stretch !important; }\n .align-content-md-start {\n align-content: flex-start !important; }\n .align-content-md-end {\n align-content: flex-end !important; }\n .align-content-md-center {\n align-content: center !important; }\n .align-content-md-between {\n align-content: space-between !important; }\n .align-content-md-around {\n align-content: space-around !important; }\n .align-content-md-stretch {\n align-content: stretch !important; }\n .align-self-md-auto {\n align-self: auto !important; }\n .align-self-md-start {\n align-self: flex-start !important; }\n .align-self-md-end {\n align-self: flex-end !important; }\n .align-self-md-center {\n align-self: center !important; }\n .align-self-md-baseline {\n align-self: baseline !important; }\n .align-self-md-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important; }\n .flex-lg-column {\n flex-direction: column !important; }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-lg-wrap {\n flex-wrap: wrap !important; }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important; }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-lg-fill {\n flex: 1 1 auto !important; }\n .flex-lg-grow-0 {\n flex-grow: 0 !important; }\n .flex-lg-grow-1 {\n flex-grow: 1 !important; }\n .flex-lg-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-lg-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-lg-start {\n justify-content: flex-start !important; }\n .justify-content-lg-end {\n justify-content: flex-end !important; }\n .justify-content-lg-center {\n justify-content: center !important; }\n .justify-content-lg-between {\n justify-content: space-between !important; }\n .justify-content-lg-around {\n justify-content: space-around !important; }\n .align-items-lg-start {\n align-items: flex-start !important; }\n .align-items-lg-end {\n align-items: flex-end !important; }\n .align-items-lg-center {\n align-items: center !important; }\n .align-items-lg-baseline {\n align-items: baseline !important; }\n .align-items-lg-stretch {\n align-items: stretch !important; }\n .align-content-lg-start {\n align-content: flex-start !important; }\n .align-content-lg-end {\n align-content: flex-end !important; }\n .align-content-lg-center {\n align-content: center !important; }\n .align-content-lg-between {\n align-content: space-between !important; }\n .align-content-lg-around {\n align-content: space-around !important; }\n .align-content-lg-stretch {\n align-content: stretch !important; }\n .align-self-lg-auto {\n align-self: auto !important; }\n .align-self-lg-start {\n align-self: flex-start !important; }\n .align-self-lg-end {\n align-self: flex-end !important; }\n .align-self-lg-center {\n align-self: center !important; }\n .align-self-lg-baseline {\n align-self: baseline !important; }\n .align-self-lg-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important; }\n .flex-xl-column {\n flex-direction: column !important; }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-xl-wrap {\n flex-wrap: wrap !important; }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important; }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-xl-fill {\n flex: 1 1 auto !important; }\n .flex-xl-grow-0 {\n flex-grow: 0 !important; }\n .flex-xl-grow-1 {\n flex-grow: 1 !important; }\n .flex-xl-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-xl-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-xl-start {\n justify-content: flex-start !important; }\n .justify-content-xl-end {\n justify-content: flex-end !important; }\n .justify-content-xl-center {\n justify-content: center !important; }\n .justify-content-xl-between {\n justify-content: space-between !important; }\n .justify-content-xl-around {\n justify-content: space-around !important; }\n .align-items-xl-start {\n align-items: flex-start !important; }\n .align-items-xl-end {\n align-items: flex-end !important; }\n .align-items-xl-center {\n align-items: center !important; }\n .align-items-xl-baseline {\n align-items: baseline !important; }\n .align-items-xl-stretch {\n align-items: stretch !important; }\n .align-content-xl-start {\n align-content: flex-start !important; }\n .align-content-xl-end {\n align-content: flex-end !important; }\n .align-content-xl-center {\n align-content: center !important; }\n .align-content-xl-between {\n align-content: space-between !important; }\n .align-content-xl-around {\n align-content: space-around !important; }\n .align-content-xl-stretch {\n align-content: stretch !important; }\n .align-self-xl-auto {\n align-self: auto !important; }\n .align-self-xl-start {\n align-self: flex-start !important; }\n .align-self-xl-end {\n align-self: flex-end !important; }\n .align-self-xl-center {\n align-self: center !important; }\n .align-self-xl-baseline {\n align-self: baseline !important; }\n .align-self-xl-stretch {\n align-self: stretch !important; } }\n\n.float-left {\n float: left !important; }\n\n.float-right {\n float: right !important; }\n\n.float-none {\n float: none !important; }\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important; }\n .float-sm-right {\n float: right !important; }\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important; }\n .float-md-right {\n float: right !important; }\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important; }\n .float-lg-right {\n float: right !important; }\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important; }\n .float-xl-right {\n float: right !important; }\n .float-xl-none {\n float: none !important; } }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030; }\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030; }\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020; } }\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal; }\n\n.shadow-sm {\n box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }\n\n.shadow {\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }\n\n.shadow-lg {\n box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }\n\n.shadow-none {\n box-shadow: none !important; }\n\n.w-25 {\n width: 25% !important; }\n\n.w-50 {\n width: 50% !important; }\n\n.w-75 {\n width: 75% !important; }\n\n.w-100 {\n width: 100% !important; }\n\n.w-auto {\n width: auto !important; }\n\n.h-25 {\n height: 25% !important; }\n\n.h-50 {\n height: 50% !important; }\n\n.h-75 {\n height: 75% !important; }\n\n.h-100 {\n height: 100% !important; }\n\n.h-auto {\n height: auto !important; }\n\n.mw-100 {\n max-width: 100% !important; }\n\n.mh-100 {\n max-height: 100% !important; }\n\n.min-vw-100 {\n min-width: 100vw !important; }\n\n.min-vh-100 {\n min-height: 100vh !important; }\n\n.vw-100 {\n width: 100vw !important; }\n\n.vh-100 {\n height: 100vh !important; }\n\n.stretched-link::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n pointer-events: auto;\n content: \"\";\n background-color: rgba(0, 0, 0, 0); }\n\n.m-0 {\n margin: 0 !important; }\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important; }\n\n.mr-0, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .rtl .settings-panel .events i,\n.mx-0 {\n margin-right: 0 !important; }\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important; }\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important; }\n\n.m-1 {\n margin: 0.25rem !important; }\n\n.mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,\n.my-1 {\n margin-top: 0.25rem !important; }\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important; }\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important; }\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important; }\n\n.m-2 {\n margin: 0.5rem !important; }\n\n.mt-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress,\n.my-2 {\n margin-top: 0.5rem !important; }\n\n.mr-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .dropdown,\n.mx-2 {\n margin-right: 0.5rem !important; }\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important; }\n\n.ml-2, .btn-toolbar .btn-group + .btn-group, .rtl .settings-panel .events i,\n.mx-2 {\n margin-left: 0.5rem !important; }\n\n.m-3 {\n margin: 1rem !important; }\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important; }\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important; }\n\n.mb-3, .template-demo .circle-progress-block, .user-profile .side-left .card .avatar img,\n.my-3 {\n margin-bottom: 1rem !important; }\n\n.ml-3, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,\n.mx-3 {\n margin-left: 1rem !important; }\n\n.m-4 {\n margin: 1.5rem !important; }\n\n.mt-4, .user-profile .side-left .card .avatar img,\n.my-4 {\n margin-top: 1.5rem !important; }\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important; }\n\n.mb-4, .user-profile .side-left .card .overview .about-user,\n.my-4 {\n margin-bottom: 1.5rem !important; }\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important; }\n\n.m-5 {\n margin: 3rem !important; }\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important; }\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important; }\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important; }\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important; }\n\n.p-0 {\n padding: 0 !important; }\n\n.pt-0, .card-revenue-table .revenue-item:first-child,\n.py-0 {\n padding-top: 0 !important; }\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important; }\n\n.pb-0, .card-revenue-table .revenue-item:last-child,\n.py-0 {\n padding-bottom: 0 !important; }\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important; }\n\n.p-1 {\n padding: 0.25rem !important; }\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important; }\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important; }\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important; }\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important; }\n\n.p-2 {\n padding: 0.5rem !important; }\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important; }\n\n.pr-2,\n.px-2,\n.template-demo .circle-progress-block {\n padding-right: 0.5rem !important; }\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important; }\n\n.pl-2,\n.px-2,\n.template-demo .circle-progress-block {\n padding-left: 0.5rem !important; }\n\n.p-3 {\n padding: 1rem !important; }\n\n.pt-3,\n.py-3,\n.card-revenue-table .revenue-item {\n padding-top: 1rem !important; }\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important; }\n\n.pb-3,\n.py-3,\n.card-revenue-table .revenue-item {\n padding-bottom: 1rem !important; }\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important; }\n\n.p-4 {\n padding: 1.5rem !important; }\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important; }\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important; }\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important; }\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important; }\n\n.p-5 {\n padding: 3rem !important; }\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important; }\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important; }\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important; }\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important; }\n\n.m-n1 {\n margin: -0.25rem !important; }\n\n.mt-n1,\n.my-n1 {\n margin-top: -0.25rem !important; }\n\n.mr-n1,\n.mx-n1 {\n margin-right: -0.25rem !important; }\n\n.mb-n1,\n.my-n1 {\n margin-bottom: -0.25rem !important; }\n\n.ml-n1,\n.mx-n1 {\n margin-left: -0.25rem !important; }\n\n.m-n2 {\n margin: -0.5rem !important; }\n\n.mt-n2,\n.my-n2 {\n margin-top: -0.5rem !important; }\n\n.mr-n2,\n.mx-n2 {\n margin-right: -0.5rem !important; }\n\n.mb-n2,\n.my-n2 {\n margin-bottom: -0.5rem !important; }\n\n.ml-n2,\n.mx-n2 {\n margin-left: -0.5rem !important; }\n\n.m-n3 {\n margin: -1rem !important; }\n\n.mt-n3,\n.my-n3 {\n margin-top: -1rem !important; }\n\n.mr-n3,\n.mx-n3 {\n margin-right: -1rem !important; }\n\n.mb-n3,\n.my-n3 {\n margin-bottom: -1rem !important; }\n\n.ml-n3,\n.mx-n3 {\n margin-left: -1rem !important; }\n\n.m-n4 {\n margin: -1.5rem !important; }\n\n.mt-n4,\n.my-n4 {\n margin-top: -1.5rem !important; }\n\n.mr-n4,\n.mx-n4 {\n margin-right: -1.5rem !important; }\n\n.mb-n4,\n.my-n4 {\n margin-bottom: -1.5rem !important; }\n\n.ml-n4,\n.mx-n4 {\n margin-left: -1.5rem !important; }\n\n.m-n5 {\n margin: -3rem !important; }\n\n.mt-n5,\n.my-n5 {\n margin-top: -3rem !important; }\n\n.mr-n5,\n.mx-n5 {\n margin-right: -3rem !important; }\n\n.mb-n5,\n.my-n5 {\n margin-bottom: -3rem !important; }\n\n.ml-n5,\n.mx-n5 {\n margin-left: -3rem !important; }\n\n.m-auto {\n margin: auto !important; }\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important; }\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important; }\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important; }\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important; }\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important; }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important; }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important; }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important; }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important; }\n .m-sm-1 {\n margin: 0.25rem !important; }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important; }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important; }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important; }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important; }\n .m-sm-2 {\n margin: 0.5rem !important; }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important; }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important; }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important; }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important; }\n .m-sm-3 {\n margin: 1rem !important; }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important; }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important; }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important; }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important; }\n .m-sm-4 {\n margin: 1.5rem !important; }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important; }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important; }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important; }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important; }\n .m-sm-5 {\n margin: 3rem !important; }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important; }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important; }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important; }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important; }\n .p-sm-0 {\n padding: 0 !important; }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important; }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important; }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important; }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important; }\n .p-sm-1 {\n padding: 0.25rem !important; }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important; }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important; }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important; }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important; }\n .p-sm-2 {\n padding: 0.5rem !important; }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important; }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important; }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important; }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important; }\n .p-sm-3 {\n padding: 1rem !important; }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important; }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important; }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important; }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important; }\n .p-sm-4 {\n padding: 1.5rem !important; }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important; }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important; }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important; }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important; }\n .p-sm-5 {\n padding: 3rem !important; }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important; }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important; }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important; }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important; }\n .m-sm-n1 {\n margin: -0.25rem !important; }\n .mt-sm-n1,\n .my-sm-n1 {\n margin-top: -0.25rem !important; }\n .mr-sm-n1,\n .mx-sm-n1 {\n margin-right: -0.25rem !important; }\n .mb-sm-n1,\n .my-sm-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-sm-n1,\n .mx-sm-n1 {\n margin-left: -0.25rem !important; }\n .m-sm-n2 {\n margin: -0.5rem !important; }\n .mt-sm-n2,\n .my-sm-n2 {\n margin-top: -0.5rem !important; }\n .mr-sm-n2,\n .mx-sm-n2 {\n margin-right: -0.5rem !important; }\n .mb-sm-n2,\n .my-sm-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-sm-n2,\n .mx-sm-n2 {\n margin-left: -0.5rem !important; }\n .m-sm-n3 {\n margin: -1rem !important; }\n .mt-sm-n3,\n .my-sm-n3 {\n margin-top: -1rem !important; }\n .mr-sm-n3,\n .mx-sm-n3 {\n margin-right: -1rem !important; }\n .mb-sm-n3,\n .my-sm-n3 {\n margin-bottom: -1rem !important; }\n .ml-sm-n3,\n .mx-sm-n3 {\n margin-left: -1rem !important; }\n .m-sm-n4 {\n margin: -1.5rem !important; }\n .mt-sm-n4,\n .my-sm-n4 {\n margin-top: -1.5rem !important; }\n .mr-sm-n4,\n .mx-sm-n4 {\n margin-right: -1.5rem !important; }\n .mb-sm-n4,\n .my-sm-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-sm-n4,\n .mx-sm-n4 {\n margin-left: -1.5rem !important; }\n .m-sm-n5 {\n margin: -3rem !important; }\n .mt-sm-n5,\n .my-sm-n5 {\n margin-top: -3rem !important; }\n .mr-sm-n5,\n .mx-sm-n5 {\n margin-right: -3rem !important; }\n .mb-sm-n5,\n .my-sm-n5 {\n margin-bottom: -3rem !important; }\n .ml-sm-n5,\n .mx-sm-n5 {\n margin-left: -3rem !important; }\n .m-sm-auto {\n margin: auto !important; }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important; }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important; }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important; }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important; }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important; }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important; }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important; }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important; }\n .m-md-1 {\n margin: 0.25rem !important; }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important; }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important; }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important; }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important; }\n .m-md-2 {\n margin: 0.5rem !important; }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important; }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important; }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important; }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important; }\n .m-md-3 {\n margin: 1rem !important; }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important; }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important; }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important; }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important; }\n .m-md-4 {\n margin: 1.5rem !important; }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important; }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important; }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important; }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important; }\n .m-md-5 {\n margin: 3rem !important; }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important; }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important; }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important; }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important; }\n .p-md-0 {\n padding: 0 !important; }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important; }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important; }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important; }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important; }\n .p-md-1 {\n padding: 0.25rem !important; }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important; }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important; }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important; }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important; }\n .p-md-2 {\n padding: 0.5rem !important; }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important; }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important; }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important; }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important; }\n .p-md-3 {\n padding: 1rem !important; }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important; }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important; }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important; }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important; }\n .p-md-4 {\n padding: 1.5rem !important; }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important; }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important; }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important; }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important; }\n .p-md-5 {\n padding: 3rem !important; }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important; }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important; }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important; }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important; }\n .m-md-n1 {\n margin: -0.25rem !important; }\n .mt-md-n1,\n .my-md-n1 {\n margin-top: -0.25rem !important; }\n .mr-md-n1,\n .mx-md-n1 {\n margin-right: -0.25rem !important; }\n .mb-md-n1,\n .my-md-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-md-n1,\n .mx-md-n1 {\n margin-left: -0.25rem !important; }\n .m-md-n2 {\n margin: -0.5rem !important; }\n .mt-md-n2,\n .my-md-n2 {\n margin-top: -0.5rem !important; }\n .mr-md-n2,\n .mx-md-n2 {\n margin-right: -0.5rem !important; }\n .mb-md-n2,\n .my-md-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-md-n2,\n .mx-md-n2 {\n margin-left: -0.5rem !important; }\n .m-md-n3 {\n margin: -1rem !important; }\n .mt-md-n3,\n .my-md-n3 {\n margin-top: -1rem !important; }\n .mr-md-n3,\n .mx-md-n3 {\n margin-right: -1rem !important; }\n .mb-md-n3,\n .my-md-n3 {\n margin-bottom: -1rem !important; }\n .ml-md-n3,\n .mx-md-n3 {\n margin-left: -1rem !important; }\n .m-md-n4 {\n margin: -1.5rem !important; }\n .mt-md-n4,\n .my-md-n4 {\n margin-top: -1.5rem !important; }\n .mr-md-n4,\n .mx-md-n4 {\n margin-right: -1.5rem !important; }\n .mb-md-n4,\n .my-md-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-md-n4,\n .mx-md-n4 {\n margin-left: -1.5rem !important; }\n .m-md-n5 {\n margin: -3rem !important; }\n .mt-md-n5,\n .my-md-n5 {\n margin-top: -3rem !important; }\n .mr-md-n5,\n .mx-md-n5 {\n margin-right: -3rem !important; }\n .mb-md-n5,\n .my-md-n5 {\n margin-bottom: -3rem !important; }\n .ml-md-n5,\n .mx-md-n5 {\n margin-left: -3rem !important; }\n .m-md-auto {\n margin: auto !important; }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important; }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important; }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important; }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important; }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important; }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important; }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important; }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important; }\n .m-lg-1 {\n margin: 0.25rem !important; }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important; }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important; }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important; }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important; }\n .m-lg-2 {\n margin: 0.5rem !important; }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important; }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important; }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important; }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important; }\n .m-lg-3 {\n margin: 1rem !important; }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important; }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important; }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important; }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important; }\n .m-lg-4 {\n margin: 1.5rem !important; }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important; }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important; }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important; }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important; }\n .m-lg-5 {\n margin: 3rem !important; }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important; }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important; }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important; }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important; }\n .p-lg-0 {\n padding: 0 !important; }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important; }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important; }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important; }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important; }\n .p-lg-1 {\n padding: 0.25rem !important; }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important; }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important; }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important; }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important; }\n .p-lg-2 {\n padding: 0.5rem !important; }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important; }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important; }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important; }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important; }\n .p-lg-3 {\n padding: 1rem !important; }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important; }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important; }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important; }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important; }\n .p-lg-4 {\n padding: 1.5rem !important; }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important; }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important; }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important; }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important; }\n .p-lg-5 {\n padding: 3rem !important; }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important; }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important; }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important; }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important; }\n .m-lg-n1 {\n margin: -0.25rem !important; }\n .mt-lg-n1,\n .my-lg-n1 {\n margin-top: -0.25rem !important; }\n .mr-lg-n1,\n .mx-lg-n1 {\n margin-right: -0.25rem !important; }\n .mb-lg-n1,\n .my-lg-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-lg-n1,\n .mx-lg-n1 {\n margin-left: -0.25rem !important; }\n .m-lg-n2 {\n margin: -0.5rem !important; }\n .mt-lg-n2,\n .my-lg-n2 {\n margin-top: -0.5rem !important; }\n .mr-lg-n2,\n .mx-lg-n2 {\n margin-right: -0.5rem !important; }\n .mb-lg-n2,\n .my-lg-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-lg-n2,\n .mx-lg-n2 {\n margin-left: -0.5rem !important; }\n .m-lg-n3 {\n margin: -1rem !important; }\n .mt-lg-n3,\n .my-lg-n3 {\n margin-top: -1rem !important; }\n .mr-lg-n3,\n .mx-lg-n3 {\n margin-right: -1rem !important; }\n .mb-lg-n3,\n .my-lg-n3 {\n margin-bottom: -1rem !important; }\n .ml-lg-n3,\n .mx-lg-n3 {\n margin-left: -1rem !important; }\n .m-lg-n4 {\n margin: -1.5rem !important; }\n .mt-lg-n4,\n .my-lg-n4 {\n margin-top: -1.5rem !important; }\n .mr-lg-n4,\n .mx-lg-n4 {\n margin-right: -1.5rem !important; }\n .mb-lg-n4,\n .my-lg-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-lg-n4,\n .mx-lg-n4 {\n margin-left: -1.5rem !important; }\n .m-lg-n5 {\n margin: -3rem !important; }\n .mt-lg-n5,\n .my-lg-n5 {\n margin-top: -3rem !important; }\n .mr-lg-n5,\n .mx-lg-n5 {\n margin-right: -3rem !important; }\n .mb-lg-n5,\n .my-lg-n5 {\n margin-bottom: -3rem !important; }\n .ml-lg-n5,\n .mx-lg-n5 {\n margin-left: -3rem !important; }\n .m-lg-auto {\n margin: auto !important; }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important; }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important; }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important; }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important; }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important; }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important; }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important; }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important; }\n .m-xl-1 {\n margin: 0.25rem !important; }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important; }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important; }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important; }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important; }\n .m-xl-2 {\n margin: 0.5rem !important; }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important; }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important; }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important; }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important; }\n .m-xl-3 {\n margin: 1rem !important; }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important; }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important; }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important; }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important; }\n .m-xl-4 {\n margin: 1.5rem !important; }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important; }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important; }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important; }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important; }\n .m-xl-5 {\n margin: 3rem !important; }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important; }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important; }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important; }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important; }\n .p-xl-0 {\n padding: 0 !important; }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important; }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important; }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important; }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important; }\n .p-xl-1 {\n padding: 0.25rem !important; }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important; }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important; }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important; }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important; }\n .p-xl-2 {\n padding: 0.5rem !important; }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important; }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important; }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important; }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important; }\n .p-xl-3 {\n padding: 1rem !important; }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important; }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important; }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important; }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important; }\n .p-xl-4 {\n padding: 1.5rem !important; }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important; }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important; }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important; }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important; }\n .p-xl-5 {\n padding: 3rem !important; }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important; }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important; }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important; }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important; }\n .m-xl-n1 {\n margin: -0.25rem !important; }\n .mt-xl-n1,\n .my-xl-n1 {\n margin-top: -0.25rem !important; }\n .mr-xl-n1,\n .mx-xl-n1 {\n margin-right: -0.25rem !important; }\n .mb-xl-n1,\n .my-xl-n1 {\n margin-bottom: -0.25rem !important; }\n .ml-xl-n1,\n .mx-xl-n1 {\n margin-left: -0.25rem !important; }\n .m-xl-n2 {\n margin: -0.5rem !important; }\n .mt-xl-n2,\n .my-xl-n2 {\n margin-top: -0.5rem !important; }\n .mr-xl-n2,\n .mx-xl-n2 {\n margin-right: -0.5rem !important; }\n .mb-xl-n2,\n .my-xl-n2 {\n margin-bottom: -0.5rem !important; }\n .ml-xl-n2,\n .mx-xl-n2 {\n margin-left: -0.5rem !important; }\n .m-xl-n3 {\n margin: -1rem !important; }\n .mt-xl-n3,\n .my-xl-n3 {\n margin-top: -1rem !important; }\n .mr-xl-n3,\n .mx-xl-n3 {\n margin-right: -1rem !important; }\n .mb-xl-n3,\n .my-xl-n3 {\n margin-bottom: -1rem !important; }\n .ml-xl-n3,\n .mx-xl-n3 {\n margin-left: -1rem !important; }\n .m-xl-n4 {\n margin: -1.5rem !important; }\n .mt-xl-n4,\n .my-xl-n4 {\n margin-top: -1.5rem !important; }\n .mr-xl-n4,\n .mx-xl-n4 {\n margin-right: -1.5rem !important; }\n .mb-xl-n4,\n .my-xl-n4 {\n margin-bottom: -1.5rem !important; }\n .ml-xl-n4,\n .mx-xl-n4 {\n margin-left: -1.5rem !important; }\n .m-xl-n5 {\n margin: -3rem !important; }\n .mt-xl-n5,\n .my-xl-n5 {\n margin-top: -3rem !important; }\n .mr-xl-n5,\n .mx-xl-n5 {\n margin-right: -3rem !important; }\n .mb-xl-n5,\n .my-xl-n5 {\n margin-bottom: -3rem !important; }\n .ml-xl-n5,\n .mx-xl-n5 {\n margin-left: -3rem !important; }\n .m-xl-auto {\n margin: auto !important; }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important; }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important; }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important; }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important; } }\n\n.text-monospace {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !important; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-wrap {\n white-space: normal !important; }\n\n.text-nowrap {\n white-space: nowrap !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important; }\n .text-sm-right {\n text-align: right !important; }\n .text-sm-center {\n text-align: center !important; } }\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important; }\n .text-md-right {\n text-align: right !important; }\n .text-md-center {\n text-align: center !important; } }\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important; }\n .text-lg-right {\n text-align: right !important; }\n .text-lg-center {\n text-align: center !important; } }\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important; }\n .text-xl-right {\n text-align: right !important; }\n .text-xl-center {\n text-align: center !important; } }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-light, .landing-page .feature-list .feature-list-row .feature-list-item p {\n font-weight: 300 !important; }\n\n.font-weight-lighter {\n font-weight: lighter !important; }\n\n.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 {\n font-weight: 400 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-weight-bolder {\n font-weight: bolder !important; }\n\n.font-italic {\n font-style: italic !important; }\n\n.text-white {\n var(--base-text)fff !important; }\n\n.text-primary {\n color: var(--primary)!important; }\n\na.text-primary:hover, a.text-primary:focus {\n color: #0a6ebd !important; }\n\n.text-secondary {\n color: var(--secondary) !important; }\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #adbecf !important; }\n\n.text-success {\n color: var(--success) !important; }\n\na.text-success:hover, a.text-success:focus {\n color: #119366 !important; }\n\n.text-info {\n color: var(--info) !important; }\n\na.text-info:hover, a.text-info:focus {\n color: #5a28cd !important; }\n\n.text-warning {\n color: var(--warning) !important; }\n\na.text-warning:hover, a.text-warning:focus {\n color: #b37b00 !important; }\n\n.text-danger {\n color: var(--danger) !important; }\n\na.text-danger:hover, a.text-danger:focus {\n color: #ff1a0c !important; }\n\n.text-light {\n color: var(--light) !important; }\n\na.text-light:hover, a.text-light:focus {\n color: #d5d5d5 !important; }\n\n.text-dark {\n color: var(--dark) !important; }\n\na.text-dark:hover, a.text-dark:focus {\n color: #0b0d14 !important; }\n\n.text-body {\n var(--base-text) !important; }\n\n.text-muted, .preview-list .preview-item .preview-item-content p .content-category, .email-wrapper .mail-list-container .mail-list .content .message_text, .email-wrapper .mail-list-container .mail-list .details .date {\n color: var(--base-text) !important; }\n\n.text-black-50 {\n color: rgba(0, 0, 0, 0.5) !important; }\n\n.text-white-50 {\n color: rgba(255, 255, 255, 0.5) !important; }\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.text-decoration-none {\n text-decoration: none !important; }\n\n.text-break {\n word-break: break-word !important;\n overflow-wrap: break-word !important; }\n\n.text-reset {\n color: inherit !important; }\n\n.visible {\n visibility: visible !important; }\n\n.invisible {\n visibility: hidden !important; }\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important; }\n a:not(.btn) {\n text-decoration: underline; }\n abbr[title]::after {\n content: \" (\" attr(title) \")\"; }\n pre {\n white-space: pre-wrap !important; }\n pre,\n blockquote {\n border: 1px solid #adb5bd;\n page-break-inside: avoid; }\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; }\n @page {\n size: a3; }\n body {\n min-width: 992px !important; }\n .container {\n min-width: 992px !important; }\n .navbar {\n display: none; }\n .badge {\n border: 1px solid #000; }\n .table, .jsgrid .jsgrid-table {\n border-collapse: collapse !important; }\n \n .table td,\n .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th {\n background: var(--base-text)fff !important; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6 !important; }\n .table-dark {\n color: inherit; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th,\n .table-dark tbody + tbody {\n border-color: #dee2e6; }\n .table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {\n color: inherit;\n border-color: #dee2e6; } }\n\n/*-------------------------------------------------------------------*/\n/* === Template mixins === */\n/* Animation Mixins */\n@keyframes dropdownAnimation {\n from {\n opacity: 0;\n transform: translate3d(0, -30px, 0); }\n to {\n opacity: 1;\n transform: none;\n transform: translate3d(0, 0px, 0); } }\n\n.dropdownAnimation, .nav .nav-item.dropdown .navbar-dropdown,\n.navbar-nav .nav-item.dropdown .navbar-dropdown {\n animation-name: dropdownAnimation;\n animation-duration: 0.25s;\n animation-fill-mode: both; }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n animation-name: fadeOut; }\n\n.infinite-spin {\n animation-name: spin;\n animation-duration: 3s;\n animation-iteration-count: infinite;\n animation-timing-function: linear; }\n\n@keyframes spin {\n from {\n transform: rotate(0deg); }\n to {\n transform: rotate(360deg); } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n transform: none; } }\n\n.fadeInUp {\n animation-name: fadeInUp; }\n\n@keyframes menufadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.menufadeInLeft {\n -webkit-animation-name: menufadeInLeft;\n animation-name: menufadeInLeft; }\n\n.new-accounts ul.chats li.chat-persons a div.user p.u-name, .new-accounts ul.chats li.chat-persons a div.user p.u-designation, .settings-panel .chat-list .list .info p, .list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n\n/*-------------------------------------------------------------------*/\n/* === Core Styles === */\n/* Reset Styles */\nbody {\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead, .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus {\n -webkit-box-shadow: none;\n -moz-box-shadow: none; }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n box-shadow: none; }\n\n.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus {\n outline: 0;\n box-shadow: none; }\n\na,\ndiv,\nh1,\nh2,\nh3,\nh4,\nh5,\np,\nspan {\n text-shadow: none; }\n\n[type=button]:focus,\na:active,\na:focus,\na:visited,\nbutton::-moz-focus-inner,\ninput[type=button]::-moz-focus-inner,\ninput[type=file] > input[type=button]::-moz-focus-inner,\ninput[type=reset]::-moz-focus-inner,\ninput[type=submit]::-moz-focus-inner,\nselect::-moz-focus-inner {\n outline: 0; }\n\n.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus,\n.tt-query:focus,\n.typeahead:focus,\nbutton:focus,\ninput,\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n outline-width: 0;\n outline-color: transparent;\n box-shadow: none;\n outline-style: none; }\n\ntextarea {\n resize: none;\n overflow-x: hidden; }\n\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a,\n.btn-group.open .dropdown-toggle,\n.btn:active,\n.ajax-upload-dragdrop .ajax-file-upload:active,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active,\n.wizard > .actions a:active, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover,\n.btn:visited,\n.ajax-upload-dragdrop .ajax-file-upload:visited,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:visited,\n.wizard > .actions a:visited,\na,\na:active,\na:checked,\na:focus,\na:hover,\na:visited,\nbody,\nbutton,\nbutton:active,\nbutton:hover,\nbutton:visited,\ndiv,\ninput,\ninput:active,\ninput:focus,\ninput:hover,\ninput:visited,\nselect,\nselect:active,\nselect:focus,\nselect:visited,\ntextarea,\ntextarea:active,\ntextarea:focus,\ntextarea:hover,\ntextarea:visited {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none; }\n\n.btn.active.focus, .ajax-upload-dragdrop .active.focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, .wizard > .actions a.active.focus,\n.btn.active:focus,\n.ajax-upload-dragdrop .active.ajax-file-upload:focus,\n.swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus,\n.wizard > .actions a.active:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus,\n.btn:active.focus,\n.ajax-upload-dragdrop .ajax-file-upload:active.focus,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus,\n.wizard > .actions a:active.focus,\n.btn:active:focus,\n.ajax-upload-dragdrop .ajax-file-upload:active:focus,\n.swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus,\n.wizard > .actions a:active:focus, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus,\nbutton,\nbutton:active,\nbutton:checked,\nbutton:focus,\nbutton:hover,\nbutton:visited {\n outline: 0;\n outline-offset: 0; }\n\n.bootstrap-select .dropdown-toggle:focus {\n outline: 0 !important;\n outline-offset: 0; }\n\n.dropdown-menu > li > a:active,\n.dropdown-menu > li > a:focus,\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:visited {\n outline: 0 !important; }\n\na:focus,\ninput:focus {\n border-color: transparent;\n outline: none; }\n\n/* Fonts */\n.text-twitter {\n color: #4DBFF5; }\n\n.text-facebook {\n color: #648ACA; }\n\n.text-google {\n color: #E55F4B; }\n\n.text-linkedin {\n color: #0177b4; }\n\n.text-pinterest {\n color: #cc2127; }\n\n.text-youtube {\n color: #e52d27; }\n\n.text-github {\n color: #333333; }\n\n.text-behance {\n color: #1769ff; }\n\n.text-dribbble {\n color: #ea4c89; }\n\n.text-reddit {\n color: #ff4500; }\n\n.bg-twitter {\n background: #4DBFF5; }\n\n.bg-facebook {\n background: #648ACA; }\n\n.bg-google {\n background: #E55F4B; }\n\n.bg-linkedin {\n background: #0177b4; }\n\n.bg-pinterest {\n background: #cc2127; }\n\n.bg-youtube {\n background: #e52d27; }\n\n.bg-github {\n background: #333333; }\n\n.bg-behance {\n background: #1769ff; }\n\n.bg-dribbble {\n background: #ea4c89; }\n\n.bg-reddit {\n background: #ff4500; }\n\n/* Typography */\n:root,\nbody {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n var(--base-text); }\n\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: \"roboto\", sans-serif;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal; }\n\np,\na:not([href]):not([tabindex]) {\n var(--base-text);\n font-size: 0.875rem; }\n\n.h1,\nh1 {\n font-size: 2.3125rem; }\n\n.h2,\nh2 {\n font-size: 2rem; }\n\n.h3,\nh3 {\n font-size: 1.6875rem; }\n\n.h4,\nh4 {\n font-size: 1.25rem; }\n\n.h5,\nh5 {\n font-size: 1.0625rem; }\n\n.h6,\nh6 {\n font-size: 1rem; }\n\np {\n font-size: 0.875rem; }\n\n.display-1 {\n font-size: 3.75rem; }\n @media (max-width: 991px) {\n .display-1 {\n font-size: 3rem; } }\n\n.display-2 {\n font-size: 3.125rem; }\n @media (max-width: 991px) {\n .display-2 {\n font-size: 2.5rem; } }\n\n.display-3 {\n font-size: 2.5rem; }\n @media (max-width: 991px) {\n .display-3 {\n font-size: 2rem; } }\n\n.display-4 {\n font-size: 1.875rem; }\n @media (max-width: 991px) {\n .display-4 {\n font-size: 1.5rem; } }\n\n.display-5 {\n font-size: 1.25rem; }\n @media (max-width: 991px) {\n .display-5 {\n font-size: 1rem; } }\n\n.blockquote {\n padding: 1.25rem;\n border: 1px solid var(--outline); }\n\naddress p {\n margin-bottom: 0; }\n\n.blockquote-primary {\n border-color: var(--primary); }\n .blockquote-primary .blockquote-footer {\n color: var(--primary); }\n\n.blockquote-secondary {\n border-color: var(--secondary); }\n .blockquote-secondary .blockquote-footer {\n color: var(--secondary); }\n\n.blockquote-success {\n border-color: var(--success); }\n .blockquote-success .blockquote-footer {\n color: var(--success); }\n\n.blockquote-info {\n border-color: var(--info); }\n .blockquote-info .blockquote-footer {\n color: var(--info); }\n\n.blockquote-warning {\n border-color: var(--warning); }\n .blockquote-warning .blockquote-footer {\n color: var(--warning); }\n\n.blockquote-danger {\n border-color: var(--danger); }\n .blockquote-danger .blockquote-footer {\n color: var(--danger); }\n\n.blockquote-light {\n border-color: var(--light); }\n .blockquote-light .blockquote-footer {\n color: var(--light); }\n\n.blockquote-dark {\n border-color: var(--dark); }\n .blockquote-dark .blockquote-footer {\n color: var(--dark); }\n\n.page-title {\n var(--base-text);\n margin: 0.38rem 0 0.75rem; }\n\n.card-title {\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n color: #212229;\n margin-bottom: 15px;\n font-size: 14px;\n text-transform: capitalize; }\n .rtl .card-title {\n text-align: right; }\n\n.card-subtitle {\n font-weight: 300;\n font-family: \"roboto\", sans-serif;\n margin-top: 0.625rem;\n margin-bottom: 0.625rem; }\n\n.card-description {\n margin-bottom: 0.9375rem;\n font-family: \"roboto\", sans-serif; }\n .rtl .card-description {\n text-align: right; }\n\n.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 {\n font-weight: 400; }\n\n.font-weight-medium {\n font-weight: 500; }\n\n.font-weight-semibold {\n font-weight: 600; }\n\nsmall,\n.text-small {\n font-size: 12px; }\n\n.icon-lg {\n font-size: 2.5rem; }\n\n.icon-md {\n font-size: 1.875rem; }\n\n.icon-sm {\n font-size: 1.3rem; }\n\n/* Miscellanoeous */\nbody,\nhtml {\n overflow-x: hidden;\n padding-right: 0 !important; }\n\n*:-moz-full-screen,\n*:-webkit-full-screen,\n*:fullscreen *:-ms-fullscreen {\n overflow: auto !important; }\n\n.scroll-container {\n position: relative; }\n .scroll-container.horizontally {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%; }\n .scroll-container.vertically {\n overflow-y: hidden;\n height: 100%;\n max-height: 100%; }\n\npre {\n padding: 15px;\n font-size: 14px; }\n\n/* Utilities */\n.logo {\n width: 150px;\n max-width: 100%; }\n\n.grid-margin {\n margin-bottom: 25px; }\n\n@media (min-width: 576px) {\n .grid-margin-sm-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 768px) {\n .grid-margin-md-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 992px) {\n .grid-margin-lg-0 {\n margin-bottom: 0; } }\n\n@media (min-width: 1200px) {\n .grid-margin-xl-0 {\n margin-bottom: 0; } }\n\n.rounded-circle[class*='img'], .settings-panel .color-tiles .tiles[class*='img'] {\n position: relative;\n overflow: hidden; }\n .rounded-circle[class*='img'] .flag-icon, .settings-panel .color-tiles .tiles[class*='img'] .flag-icon {\n position: absolute;\n top: auto;\n left: -10px;\n right: 0;\n bottom: auto;\n width: calc(100% + 20px);\n height: 100%;\n display: block;\n margin: auto; }\n\n.img-curved {\n border-radius: 10px; }\n\n.img-raised {\n box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15); }\n\n.img-lg {\n width: 92px;\n min-width: 92px;\n height: 92px; }\n\n.img-md {\n width: 60px;\n min-width: 60px;\n height: 60px; }\n\n.img-sm {\n width: 43px;\n min-width: 43px;\n height: 43px; }\n\n.img-xs {\n width: 32px;\n min-width: 32px;\n height: 32px; }\n\n.img-ss, .image-grouped .text-avatar,\n.image-grouped img, .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image),\n.table th img:not(.thumb-image),\n.jsgrid .jsgrid-table th img:not(.thumb-image), .settings-panel .color-tiles .tiles {\n width: 35px;\n min-width: 35px;\n height: 35px; }\n\n.img-curved {\n border-radius: 10px; }\n\n.display-avatar {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 43px;\n min-width: 43px;\n height: 43px;\n font-size: 16px;\n font-weight: 600;\n border-radius: 100%; }\n\n.stretch-card {\n display: flex;\n align-items: stretch;\n justify-content: stretch; }\n .stretch-card > .card {\n width: 100%;\n min-width: 100%; }\n\n.dot-indicator {\n width: 10px;\n height: 10px;\n border-radius: 100%; }\n .dot-indicator.dot-indicator-sm {\n width: 6px;\n height: 6px; }\n\n.border-indicator {\n width: 10px;\n height: 10px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--outline);\n border-radius: 100%; }\n\n.dropdown-divider {\n border-color: var(--outline); }\n\n@media (min-width: 576px) {\n .border-right-sm {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 768px) {\n .border-right-md {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 992px) {\n .border-right-lg {\n border-right: 1px solid var(--outline); } }\n\n@media (min-width: 576px) {\n .border-left-sm {\n border-left: 1px solid var(--outline); } }\n\n.border-strong {\n border-color: black; }\n\n.count-wrapper {\n position: relative; }\n .count-wrapper .count {\n position: absolute;\n width: auto;\n min-width: 8px;\n min-height: 8px;\n padding: 2px 4px;\n font-size: 75%;\n line-height: 1;\n vertical-align: middle;\n border-radius: 100%;\n var(--base-text)fff;\n font-weight: 500; }\n .count-wrapper .count.top-right {\n top: -5px;\n right: 0; }\n .count-wrapper .count.bottom-right {\n bottom: -5px;\n right: 0; }\n .count-wrapper .count.bottom-left {\n bottom: -5px;\n left: 0; }\n .count-wrapper .count.top-left {\n top: -5px;\n left: 0; }\n\n@media (min-width: 768px) {\n .border-left-md {\n border-left: 1px solid var(--outline); } }\n\n@media (min-width: 992px) {\n .border-left-lg {\n border-left: 1px solid var(--outline); } }\n\n.text-gray, .card-subtitle, .new-accounts ul.chats li.chat-persons a p.joined-date {\n color: #212529; }\n\n.text-black {\n color: #000; }\n\n.flex-grow {\n flex-grow: 1; }\n\n.ellipsis, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .tickets-card .ticket-float span {\n max-width: 95%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.no-wrap {\n white-space: nowrap; }\n\n.status-indicator {\n border-width: 2px;\n border-style: solid;\n border-color: var(--warning);\n border-radius: 100%;\n display: inline-block;\n height: 8px;\n width: 8px; }\n .status-indicator.online {\n border-color: var(--success); }\n .status-indicator.offline {\n border-color: var(--primary); }\n .status-indicator.away {\n border-color: var(--warning); }\n\n.bg-transparent {\n background: transparent; }\n\n.aligner-wrapper {\n position: relative; }\n .aligner-wrapper .absolute {\n position: absolute; }\n .aligner-wrapper .absolute.absolute-center {\n top: 50%;\n transform: translateY(-50%);\n bottom: 0;\n right: 0;\n left: 0;\n margin: auto; }\n .aligner-wrapper .absolute.left {\n left: 0; }\n .aligner-wrapper .absolute.right {\n right: 0; }\n .aligner-wrapper .absolute.bottom {\n bottom: 0; }\n .aligner-wrapper .absolute.top {\n top: 0; }\n\n.image-grouped {\n display: flex; }\n .image-grouped .text-avatar,\n .image-grouped img {\n border-radius: 100%;\n margin-left: -10px;\n z-index: 0;\n border: 4px solid var(--dropdown-bg);\n transform: scale(1);\n transition-duration: 0.3s;\n transition-timing-function: ease;\n transition-property: \"box-shadow\", \"z-index\", \"transform\", \"border-width\"; }\n .image-grouped .text-avatar:first-child,\n .image-grouped img:first-child {\n margin-left: 0; }\n .image-grouped .text-avatar:hover,\n .image-grouped img:hover {\n z-index: 1;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);\n transform: scale(1.05);\n border-width: 0; }\n .image-grouped .text-avatar {\n color: var(--primary);\n font-size: 11px;\n font-weight: 600; }\n\n.v-strock-1 {\n width: 2px; }\n\n.v-strock-2 {\n width: 3px; }\n\n.v-strock-3 {\n width: 4px; }\n\n.v-strock-4 {\n width: 5px; }\n\n.h-strock-1 {\n height: 2px; }\n\n.h-strock-2 {\n height: 3px; }\n\n.h-strock-3 {\n height: 4px; }\n\n.h-strock-4 {\n height: 5px; }\n\n.bg-inverse-primary, .image-grouped .text-avatar {\n background: rgba(33, 150, 243, 0.2); }\n\n.bg-inverse-secondary {\n background: rgba(221, 228, 235, 0.2); }\n\n.bg-inverse-success {\n background: rgba(25, 216, 149, 0.2); }\n\n.bg-inverse-info {\n background: rgba(136, 98, 224, 0.2); }\n\n.bg-inverse-warning {\n background: rgba(255, 175, 0, 0.2); }\n\n.bg-inverse-danger {\n background: rgba(255, 98, 88, 0.2); }\n\n.bg-inverse-light {\n background: rgba(251, 251, 251, 0.2); }\n\n.bg-inverse-dark {\n background: rgba(37, 44, 70, 0.2); }\n\n.list {\n padding-left: 0; }\n .list.list-noborders .list-item {\n border: none; }\n .list .list-item {\n display: flex;\n align-items: center;\n padding: 0 0 30px 0; }\n .list .list-item:first-child {\n padding-top: 0; }\n .list .list-item:last-child {\n padding-bottom: 0; }\n\n.text-transparent {\n opacity: 0.6; }\n\n.text-avatar {\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500; }\n\n.user-avatar {\n position: relative;\n display: inline-block; }\n .user-avatar .edit-avatar-icon {\n position: absolute;\n bottom: 8%;\n right: -10px;\n height: 35px;\n width: 35px;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--secondary);\n color: #4d4c4c;\n border: 3px solid #fff; }\n .user-avatar .edit-avatar-icon i {\n font-size: 15px; }\n\n/* Demo Styles */\n.template-demo > .btn-group .btn, .template-demo > .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .template-demo > .btn-group .ajax-file-upload, .template-demo > .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .template-demo > .btn-group .swal2-styled, .template-demo > .btn-group .wizard > .actions a, .wizard > .actions .template-demo > .btn-group a {\n margin: 0 !important; }\n\n.template-demo .progress {\n margin-top: 1.5rem; }\n\n.template-demo > h2,\n.template-demo > h3,\n.template-demo > h4,\n.template-demo > h5,\n.template-demo > h6,\n.template-demo > h1 {\n border-top: 1px solid var(--outline);\n padding: 0.5rem 0 0; }\n\n.template-demo .ul-slider.noUi-horizontal {\n margin-top: 2rem; }\n\n.template-demo .ul-slider.noUi-vertical {\n margin-right: 2rem; }\n\n.template-demo .dropdown {\n display: inline-block;\n margin-bottom: 0.5rem; }\n\n.template-demo nav .breadcrumb {\n margin-bottom: 1.375rem; }\n\n.template-demo nav:last-child .breadcrumb {\n margin-bottom: 0; }\n\n.template-demo .editable-form > .form-group {\n border-bottom: 1px solid var(--outline);\n padding-bottom: 0.8rem;\n margin-bottom: 0.8rem; }\n\n.template-demo .circle-progress {\n padding: 15px; }\n\n.demo-modal {\n position: static;\n display: block; }\n .demo-modal .modal-dialog {\n margin-top: 0 !important; }\n .demo-modal .modal-dialog.modal-lg {\n max-width: 100%; }\n\n.documentation {\n padding-top: 0;\n max-width: 100%; }\n .documentation .content-wrapper {\n padding-top: 0;\n min-height: calc(100vh - 63px); }\n\n.doc-table-contents,\n.doc-header {\n position: fixed; }\n\n.doc-header {\n padding-top: 24px;\n padding-bottom: 24px;\n z-index: 2;\n background: var(--deep-bg); }\n\n.doc-content {\n padding-top: 157px; }\n\n.doc-table-contents {\n overflow: auto;\n max-height: calc(100% - 157px); }\n .doc-table-contents ul li {\n margin-top: 10px; }\n .doc-table-contents ul li:before {\n font-size: .5rem; }\n\n.doc-credits ul li {\n margin-bottom: 10px; }\n .doc-credits ul li a {\n margin-left: .25rem; }\n\n.demo_blank_card.card-1 {\n height: 100vh;\n min-height: 400px; }\n\n.demo_blank_card.card-2 {\n height: 320px; }\n\n.demo_blank_card.card-3 {\n height: 500px; }\n\n.loader-demo-box {\n width: 100%;\n height: 200px; }\n\n/* Dashboard */\n.card-statistics .highlight-icon {\n height: 53px;\n width: 53px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px; }\n .card-statistics .highlight-icon i {\n font-size: 27px; }\n\n.card-statistics .card-col {\n border-right: 1px solid var(--outline); }\n .card-statistics .card-col:last-child {\n border-right: none; }\n @media (max-width: 767.98px) {\n .card-statistics .card-col {\n padding-left: 0;\n padding-right: 0;\n position: relative;\n border: none; }\n .card-statistics .card-col:first-child:after, .card-statistics .card-col:first-child:before, .card-statistics .card-col:nth-child(2):after, .card-statistics .card-col:nth-child(2):before, .card-statistics .card-col:nth-child(3):after, .card-statistics .card-col:nth-child(3):before {\n content: \"\";\n position: absolute;\n background: var(--outline); }\n .card-statistics .card-col:first-child:before {\n bottom: 0;\n width: 94.2%;\n height: 1px;\n right: 0; }\n .card-statistics .card-col:first-child:after {\n bottom: 0;\n width: 1px;\n height: 100%;\n right: 0; }\n .card-statistics .card-col:nth-child(2):before {\n bottom: 0;\n width: 94.2%;\n height: 1px;\n left: 0; }\n .card-statistics .card-col:nth-child(3):before {\n width: 1px;\n height: 100%;\n right: 0; } }\n\n.card-revenue-table .revenue-item {\n border-bottom: 1px solid var(--outline); }\n .card-revenue-table .revenue-item:last-child {\n border-bottom: 0; }\n .card-revenue-table .revenue-item .revenue-desc {\n margin-right: auto;\n width: 80%; }\n .card-revenue-table .revenue-item .revenue-desc p {\n margin-bottom: 0; }\n .card-revenue-table .revenue-item .revenue-amount {\n margin-left: auto;\n width: 40%; }\n .card-revenue-table .revenue-item .revenue-amount p {\n font-size: 1.25rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n text-align: right; }\n .rtl .card-revenue-table .revenue-item .revenue-amount p {\n text-align: left; }\n\n.card-revenue {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\n background-size: cover;\n var(--base-text)fff; }\n .card-revenue .highlight-text {\n font-size: 1.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500; }\n .card-revenue .badge {\n background-color: rgba(255, 255, 255, 0.2);\n font-size: 1.125rem;\n padding: 0.5rem 1.25rem; }\n\n.card-weather {\n background: var(--dropdown-bg); }\n .card-weather .card-body {\n background: var(--white); }\n .card-weather .card-body:first-child {\n background: url(\"../../images/samples/weather.svg\") no-repeat center;\n background-size: cover; }\n .card-weather .weather-date-location {\n padding: 0 0 38px; }\n .card-weather .weather-data {\n padding: 0 0 4.75rem; }\n .card-weather .weather-data i {\n font-size: 5.313rem;\n line-height: 1; }\n .card-weather .weakly-weather {\n background: var(--dropdown-bg);\n overflow-x: auto; }\n .card-weather .weakly-weather .weakly-weather-item {\n flex: 0 0 14.28%;\n border-right: 1px solid var(--outline);\n padding: 1rem;\n text-align: center; }\n .card-weather .weakly-weather .weakly-weather-item i {\n font-size: 1.2rem; }\n .card-weather .weakly-weather .weakly-weather-item:last-child {\n border-right: 0; }\n .card-weather .weakly-weather .weakly-weather-item .symbol {\n var(--base-text)\n font-size: 1.875rem;\n font-weight: 300; }\n\n.product-chart-wrapper {\n height: 92%; }\n\n#dashboardTrendingProgress {\n width: 60px; }\n\n.dashboard-bar-chart-legend .col {\n text-align: center;\n display: flex;\n align-items: center;\n flex-direction: column; }\n .dashboard-bar-chart-legend .col .bg {\n margin-left: auto;\n margin-right: auto;\n height: 5px;\n width: 30px;\n display: block;\n margin-top: 5px; }\n .dashboard-bar-chart-legend .col:nth-child(1) .bg {\n background: var(--info); }\n .dashboard-bar-chart-legend .col:nth-child(2) .bg {\n background: var(--primary); }\n .dashboard-bar-chart-legend .col:nth-child(3) .bg {\n background: var(--danger); }\n\n.intro-banner {\n background: #dbe4ec;\n display: flex;\n align-items: center;\n padding: 20px;\n border-radius: 2px; }\n .intro-banner .banner-image {\n width: 24%;\n max-width: 100%; }\n .intro-banner .banner-image img {\n display: block;\n margin: auto; }\n .intro-banner .content-area {\n width: 58%;\n color: #000;\n display: flex;\n flex-direction: column;\n align-items: end; }\n\n.sales-mini-tabs {\n border-bottom: none; }\n .sales-mini-tabs .nav-item .nav-link {\n border: none;\n font-weight: 500;\n padding: 5px 15px;\n border-radius: 2px;\n transition-duration: 0.7s;\n transition-property: \"color\"; }\n .sales-mini-tabs .nav-item .nav-link.active {\n font-weight: 600;\n background: var(--card-banner-bg);\n color: var(--primary); }\n\n/*-------------------------------------------------------------------*/\n/* === Components === */\n.nav .nav-item,\n.navbar-nav .nav-item {\n line-height: 1; }\n @media (max-width: 992px) {\n .nav .nav-item.dropdown,\n .navbar-nav .nav-item.dropdown {\n position: unset; } }\n .nav .nav-item.dropdown .dropdown-toggle:after,\n .navbar-nav .nav-item.dropdown .dropdown-toggle:after {\n border: none;\n content: \"\\F140\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n color: grey;\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0; }\n .nav .nav-item.dropdown .count-indicator,\n .navbar-nav .nav-item.dropdown .count-indicator {\n position: relative;\n text-align: center; }\n .nav .nav-item.dropdown .count-indicator i,\n .navbar-nav .nav-item.dropdown .count-indicator i {\n font-size: 21px;\n margin-right: 0;\n vertical-align: middle; }\n .nav .nav-item.dropdown .count-indicator .count,\n .navbar-nav .nav-item.dropdown .count-indicator .count {\n position: absolute;\n left: 50%;\n width: 1rem;\n height: 1rem;\n border-radius: 100%;\n background: var(--red);\n var(--base-text)fff;\n font-size: 11px;\n top: -1px;\n font-weight: 600;\n line-height: 1rem;\n border: none;\n text-align: center; }\n .nav .nav-item.dropdown .count-indicator:after,\n .navbar-nav .nav-item.dropdown .count-indicator:after {\n display: none; }\n .nav .nav-item.dropdown i,\n .navbar-nav .nav-item.dropdown i {\n margin-right: 0.5rem;\n vertical-align: middle; }\n .rtl .nav .nav-item.dropdown i, .rtl\n .navbar-nav .nav-item.dropdown i {\n margin-left: 0.5rem;\n margin-right: 0; }\n .nav .nav-item.dropdown .navbar-dropdown,\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n font-size: 0.9rem;\n margin-top: 15px;\n position: absolute;\n right: 0;\n left: auto;\n border: 1px solid rgba(182, 182, 182, 0.1);\n padding: 0 0 20px;\n min-width: 100%;\n border-radius: 2px;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);\n overflow-x: hidden; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n right: auto;\n left: 0; }\n @media (max-width: 991px) {\n .nav .nav-item.dropdown .navbar-dropdown,\n .navbar-nav .nav-item.dropdown .navbar-dropdown {\n right: -85px; } }\n .nav .nav-item.dropdown .navbar-dropdown.dropdown-left,\n .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left {\n left: 0;\n right: auto; }\n .nav .nav-item.dropdown .navbar-dropdown .badge,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0.5rem; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0;\n margin-right: 1.25rem; }\n @media (max-width: 991px) {\n .nav .nav-item.dropdown .navbar-dropdown .badge,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-right: 0.5rem; }\n .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl\n .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {\n margin-left: 0.5rem;\n margin-right: 0; } }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n padding: 5px 25px; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item i,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {\n font-size: 24px; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, .tickets-card .ticket-float .nav .nav-item.dropdown .navbar-dropdown .dropdown-item span,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name,\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span,\n .tickets-card .ticket-float .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item span {\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text {\n font-size: 0.75rem; }\n .nav .nav-item.dropdown .navbar-dropdown .dropdown-divider,\n .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {\n margin: 0; }\n\n/* Navbar */\n.navbar.default-layout {\n font-family: \"roboto\", sans-serif;\n background: var(--dropdown-bg);\n transition: background 0.25s ease;\n -webkit-transition: background 0.25s ease;\n -moz-transition: background 0.25s ease;\n -ms-transition: background 0.25s ease; }\n .navbar.default-layout .navbar-brand-wrapper {\n transition: width 0.25s ease, background 0.25s ease;\n -webkit-transition: width 0.25s ease, background 0.25s ease;\n -moz-transition: width 0.25s ease, background 0.25s ease;\n -ms-transition: width 0.25s ease, background 0.25s ease;\n background: var(--dropdown-bg);\n width: 270px;\n height: 63px; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand {\n var(--base-text)fff;\n font-size: 1.5rem;\n line-height: 48px;\n margin-right: 0;\n padding: 0.25rem 0;\n display: flex; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand:active, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover {\n color: #424546; }\n .navbar.default-layout .navbar-brand-wrapper .navbar-brand img {\n width: 170px;\n max-width: 100%;\n margin: auto;\n vertical-align: middle; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {\n display: none; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img {\n width: 40px;\n max-width: 100%;\n margin: auto; }\n .navbar.default-layout .navbar-menu-wrapper {\n transition: width 0.25s ease;\n -webkit-transition: width 0.25s ease;\n -moz-transition: width 0.25s ease;\n -ms-transition: width 0.25s ease;\n var(--base-text);\n padding-left: 15px;\n padding-right: 15px;\n width: calc(100% - 270px);\n height: 63px;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); }\n @media (max-width: 991px) {\n .navbar.default-layout .navbar-menu-wrapper {\n width: calc(100% - 70px); } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-toggler {\n border: 0;\n color: inherit; }\n @media (max-width: 991px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {\n display: none; } }\n .navbar.default-layout .navbar-menu-wrapper .search-form {\n width: 35%;\n margin-right: 30px; }\n .navbar.default-layout .navbar-menu-wrapper .search-form .form-group {\n margin-bottom: 0; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav {\n flex-direction: row;\n align-items: center; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item {\n margin-left: 1rem; }\n @media (max-width: 992px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item {\n margin-left: 10px;\n margin-right: 0px; } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {\n color: inherit;\n font-size: 15px;\n vertical-align: middle; }\n @media (max-width: 767px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {\n margin-left: 0.5rem;\n margin-right: 0.5rem; } }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {\n font-size: 1.25rem;\n vertical-align: middle;\n margin-right: 0; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown {\n margin-left: 35px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown:before {\n position: relative;\n top: 2px;\n font-size: 20px;\n color: grey; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu {\n min-width: 250px;\n margin-top: 9px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-header {\n padding: 20px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-item {\n padding: 10px 15px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-toggle:after {\n position: relative;\n top: 50%; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu {\n width: 170px;\n left: -15px !important; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item {\n padding-left: 22px;\n padding-right: 12px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item .flag-icon-holder {\n margin-right: 15px; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder {\n height: 25px;\n width: 25px;\n border-radius: 100%;\n overflow: hidden; }\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder i {\n font-size: 25px; }\n @media (min-width: 992px) {\n .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {\n margin-left: auto; }\n .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {\n margin-left: 0;\n margin-right: auto; } }\n\n@media (max-width: 991px) {\n .navbar.default-layout {\n flex-direction: row; }\n .navbar.default-layout .navbar-brand-wrapper {\n width: 70px; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo {\n display: none; }\n .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {\n display: inline-block; }\n .navbar-collapse {\n display: flex;\n margin-top: 0.5rem; } }\n\n/* Sidebar */\n.sidebar {\n min-height: calc(100vh - 63px);\n background: linear-gradient(to top, var(--dropdown-bg), var(--dropdown-bg));\n font-family: \"roboto\", sans-serif;\n padding: 0;\n width: 270px;\n z-index: 11;\n transition: width 0.25s ease, background 0.25s ease;\n -webkit-transition: width 0.25s ease, background 0.25s ease;\n -moz-transition: width 0.25s ease, background 0.25s ease;\n -ms-transition: width 0.25s ease, background 0.25s ease; }\n .sidebar > .nav {\n overflow: hidden;\n flex-wrap: nowrap;\n flex-direction: column; }\n .sidebar > .nav .nav-item .collapse {\n z-index: 999; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu {\n margin: 5px 0; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu {\n padding: 0 3.45rem 0 0; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {\n padding: 10px 0px 10px 70px;\n position: relative;\n color: rgba(255, 255, 255, 0.8);\n font-size: calc(15px - 2px);\n font-weight: 500;\n transition-duration: 0.5s;\n transition-timing-function: \"ease-in-out\";\n transition-property: \"background\", \"color\", \"box-shadow\", \"padding\"; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {\n content: \"\";\n position: absolute;\n top: 0px;\n left: 35px;\n display: block;\n height: 100%;\n width: 2px;\n background: #181a27; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before {\n right: -5px;\n left: unset; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover {\n var(--base-text); }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover:before,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover:before {\n background: #fff; }\n .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, .rtl\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link {\n padding: 10px 15px 10px 0px; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:first-child .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:first-child .nav-link {\n padding-top: 0; }\n .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:last-child .nav-link,\n .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:last-child .nav-link {\n padding-bottom: 0; }\n .sidebar > .nav .nav-item .nav-link {\n align-items: center;\n display: flex;\n padding: 15px 30px 15px 70px;\n white-space: nowrap;\n var(--base-text); }\n .rtl .sidebar > .nav .nav-item .nav-link {\n padding: 15px 70px 15px 30px; }\n .sidebar > .nav .nav-item .nav-link i.menu-arrow {\n margin-left: auto;\n margin-right: 0;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-in; }\n .sidebar > .nav .nav-item .nav-link i.menu-arrow:before {\n content: \"\\F054\";\n font-family: \"Material Design Icons\";\n font-size: 18px;\n line-height: 1;\n font-style: normal;\n vertical-align: middle;\n var(--base-text) }\n .sidebar > .nav .nav-item .nav-link[aria-expanded=\"true\"] i.menu-arrow {\n transform: rotate(90deg); }\n .sidebar > .nav .nav-item .nav-link .menu-icon {\n display: none;\n margin-right: 1.25rem;\n width: 16px;\n line-height: 1;\n font-size: 18px;\n var(--base-text); }\n .rtl .sidebar > .nav .nav-item .nav-link .menu-icon {\n margin-right: 0;\n margin-left: 1.25rem; }\n .sidebar > .nav .nav-item .nav-link .menu-title {\n color: inherit;\n display: inline-block;\n font-size: 15px;\n line-height: 1;\n vertical-align: middle;\n font-weight: 500; }\n .sidebar > .nav .nav-item .nav-link .badge {\n margin-left: auto; }\n .sidebar > .nav .nav-item .nav-link:hover {\n color: #f2f2f2; }\n .sidebar > .nav .nav-item.active > .nav-link {\n var(--base-text); }\n .sidebar > .nav .nav-item.active > .nav-link .menu-title,\n .sidebar > .nav .nav-item.active > .nav-link i {\n color: inherit; }\n .sidebar > .nav .nav-item.nav-profile {\n max-width: 270px;\n margin-right: auto;\n margin-left: auto;\n margin-top: 30px;\n margin-bottom: 30px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link {\n display: flex;\n border-radius: 3px;\n border: 1px solid rgba(255, 255, 255, 0.11);\n background-color: rgba(255, 255, 255, 0.1);\n var(--base-text);\n padding: 15px 25px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 15px;\n position: relative; }\n .rtl .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 0;\n margin-left: 15px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .dot-indicator {\n position: absolute;\n bottom: 0px;\n right: 0px; }\n .sidebar > .nav .nav-item.nav-profile .nav-link .profile-name {\n margin-bottom: 5px;\n font-weight: 500;\n font-size: 15px;\n var(--base-text); }\n .sidebar > .nav .nav-item.nav-profile .nav-link .designation {\n margin-bottom: 0;\n font-weight: 400;\n var(--base-text); }\n .sidebar > .nav .nav-item.nav-category {\n color: rgba(255, 255, 255, 0.7);\n border-bottom: 1px solid rgba(255, 255, 255, 0.13);\n margin: 0 30px;\n font-size: 15px;\n font-weight: 500;\n padding: 10px 0px 15px 0px; }\n .sidebar > .nav > .nav-item > .nav-link {\n height: 52px; }\n .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link {\n position: relative; }\n .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before {\n content: \"\";\n position: absolute;\n left: 30px;\n right: 50%;\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 2px solid #fff;\n display: block; }\n .rtl .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before {\n left: auto;\n right: 45px; }\n .sidebar > .nav:not(.sub-menu) > .nav-item > .nav-link {\n background: transparent;\n transition-duration: 0.3s;\n transition-timing-function: \"ease-in-out\";\n transition-property: \"background\", \"color\", \"box-shadow\", \"padding\"; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n background: #fff;\n padding-left: 65px; }\n .rtl .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 30px;\n padding-right: 80px; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]):before {\n border-color: #0b0b0b; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) .menu-title {\n color: #0b0b0b; }\n .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) .menu-arrow:before {\n var(--base-text) }\n\n/* style for off-canvas menu*/\n@media screen and (max-width: 991px) {\n .sidebar-offcanvas {\n position: fixed;\n max-height: calc(100vh - 63px);\n top: 63px;\n bottom: 0;\n overflow: auto;\n right: -270px;\n transition: all 0.25s ease-out; }\n .sidebar-offcanvas.active {\n right: 0; } }\n\n/* Footer */\n.footer {\n background: var(--dropdown-bg);\n var(--base-text);\n padding: 20px 1rem;\n transition: all 0.25s ease;\n -moz-transition: all 0.25s ease;\n -webkit-transition: all 0.25s ease;\n -ms-transition: all 0.25s ease;\n border-top: 1px solid var(--outline);\n font-size: calc(0.875rem - 0.05rem);\n font-family: \"roboto\", sans-serif; }\n .footer a {\n font-size: inherit; }\n @media (max-width: 991px) {\n .footer {\n margin-left: 0;\n width: 100%; } }\n\n.navbar.fixed-top + .page-body-wrapper {\n padding-top: 63px; }\n\n@media (min-width: 992px) {\n .sidebar-mini .navbar .navbar-brand-wrapper {\n width: 185px; }\n .sidebar-mini .navbar .navbar-menu-wrapper {\n width: calc(100% - 185px); }\n .sidebar-mini .sidebar {\n width: 185px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link {\n display: flex;\n align-content: center;\n justify-content: center;\n flex-direction: column;\n position: relative; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link:before {\n display: none; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {\n display: inline-block; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .badge {\n margin-left: 5px;\n display: none; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link img {\n display: block;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 10px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-arrow {\n position: absolute;\n right: 7px; }\n .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-icon {\n margin-right: 0; }\n .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 0px; }\n .rtl .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]) {\n padding-left: 0px;\n padding-right: 0px; }\n .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded=\"true\"]):hover {\n padding-left: 0px;\n padding-right: 0px; }\n .sidebar-mini .main-panel {\n width: calc(100% - 185px); }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item {\n border-top: 1px solid rgba(159, 158, 163, 0.2); }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .profile-image {\n margin-right: 0; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .dot-indicator {\n bottom: 10px; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .text-wrapper {\n text-align: center; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-category {\n display: none; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link {\n height: auto;\n padding: 0.8125rem 1rem 0.8125rem 1rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link i.menu-icon {\n margin-bottom: 0.5rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu {\n padding: 0 0.5rem; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link {\n padding: 10px 0;\n text-align: center; }\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link:before,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link:before,\n .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link:before {\n display: none; } }\n\n@media (min-width: 992px) {\n .sidebar-icon-only .navbar .navbar-brand-wrapper {\n width: 70px; }\n .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {\n display: none; }\n .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {\n display: flex; }\n .sidebar-icon-only .navbar .navbar-menu-wrapper {\n width: calc(100% - 70px); }\n .sidebar-icon-only .sidebar {\n width: 70px; }\n .sidebar-icon-only .sidebar .nav {\n overflow: visible; }\n .sidebar-icon-only .sidebar .nav .nav-item {\n position: relative; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link {\n display: block;\n text-align: center;\n padding-left: 25px;\n padding-right: 25px; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, .sidebar-icon-only .sidebar .nav .nav-item .nav-link:before {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {\n display: inline-block;\n margin-right: 0;\n font-size: 22px; }\n .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.nav-profile, .sidebar-icon-only .sidebar .nav .nav-item.nav-category {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item .collapse {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link {\n background: #2e3657; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {\n display: flex;\n align-items: center;\n background: #2e3657;\n color: #9F9EA3;\n padding: 12px 0 10px 25px;\n left: 70px;\n position: absolute;\n text-align: left;\n top: 0;\n width: 200px;\n z-index: 1;\n height: 52px;\n line-height: 1.8;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {\n padding: 12px 25px 10px 0px;\n left: auto;\n right: 70px;\n text-align: right;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {\n display: none; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title {\n border-bottom-right-radius: 0; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title {\n border-bottom-left-radius: 0; }\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,\n .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n display: block;\n padding: 0;\n background: #fff;\n var(--base-text);\n position: absolute;\n top: 52px;\n left: 70px;\n width: 200px;\n border-bottom-right-radius: 5px;\n box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 5px; }\n .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {\n left: auto;\n right: 70px; }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {\n text-align: left;\n var(--base-text); }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {\n display: none; }\n .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover {\n color: #cccccc; }\n .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {\n text-align: right; }\n .sidebar-icon-only .main-panel {\n width: calc(100% - 70px); } }\n\n@media (min-width: 992px) {\n .sidebar-hidden .sidebar {\n transition: width 0.25s ease;\n -webkit-transition: width 0.25s ease;\n -moz-transition: width 0.25s ease;\n -ms-transition: width 0.25s ease;\n width: 0; }\n .sidebar-hidden .main-panel {\n width: 100%; } }\n\n@media (min-width: 992px) {\n .sidebar-absolute .page-body-wrapper {\n position: relative; }\n .sidebar-absolute .page-body-wrapper .sidebar {\n transition: none; }\n .sidebar-absolute:not(.sidebar-hidden) .sidebar {\n position: absolute;\n height: 100%;\n box-shadow: 0 0 3px 1px #a7a3a3; }\n .sidebar-absolute .main-panel {\n width: 100%;\n transition: none; } }\n\n@media (min-width: 992px) {\n .sidebar-fixed .sidebar {\n position: fixed;\n max-height: auto; }\n .sidebar-fixed .sidebar .nav {\n max-height: calc(100vh - 63px);\n overflow: auto;\n position: relative; }\n .sidebar-fixed .sidebar .nav.sub-menu {\n max-height: none; }\n .sidebar-fixed .main-panel {\n margin-left: 270px; }\n .sidebar-fixed.sidebar-icon-only .main-panel {\n margin-left: 70px; } }\n\n@media (min-width: 992px) {\n .boxed-layout {\n background: #222439; }\n .boxed-layout .container-scroller {\n width: 100%;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto; }\n .boxed-layout .navbar {\n width: 100%;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto; } }\n\n.rtl {\n direction: rtl;\n text-align: right; }\n .rtl .sidebar .nav {\n padding-right: 0; }\n .rtl .sidebar .nav .nav-item .nav-link i.menu-icon {\n margin-right: 0;\n margin-left: 0.5em; }\n .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {\n margin-left: 0;\n margin-right: auto; }\n .rtl .sidebar .nav .nav-item .nav-link .badge {\n margin-left: 0;\n margin-right: auto; }\n .rtl .product-chart-wrapper::-webkit-scrollbar,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar,\n .rtl .table-responsive::-webkit-scrollbar,\n .rtl ul.chats::-webkit-scrollbar {\n width: 0.5em; }\n .rtl .product-chart-wrapper::-webkit-scrollbar-track,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar-track,\n .rtl .table-responsive::-webkit-scrollbar-track,\n .rtl ul.chats::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }\n .rtl .product-chart-wrapper::-webkit-scrollbar-thumb,\n .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb,\n .rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,\n .rtl .table-responsive::-webkit-scrollbar-thumb,\n .rtl ul.chats::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n outline: 1px solid slategrey; }\n\n.card {\n box-shadow: 0 0 0 0 #181a27;\n border: solid 1px var(--dropdown-bg);\n border-radius: 0px; }\n .card .card-title {\n var(--base-text); }\n .card .card-header {\n background: var(--dropdown-bg); }\n\n.page-body-wrapper {\n min-height: calc(100vh - 63px);\n display: flex;\n flex-direction: row;\n padding-left: 0;\n padding-right: 0; }\n .page-body-wrapper.full-page-wrapper {\n width: 100%;\n min-height: 100vh; }\n\n.main-panel {\n transition: width 0.25s ease, margin 0.25s ease;\n width: calc(100% - 270px);\n min-height: calc(100vh - 63px);\n display: flex;\n flex-direction: column; }\n @media (max-width: 991px) {\n .main-panel {\n margin-left: 0;\n width: 100%; } }\n\n.content-wrapper {\n background: var(--deep-bg);\n padding: 1.5rem 1.7rem;\n width: 100%;\n flex-grow: 1; }\n\n.container-scroller {\n overflow: hidden; }\n\n.page-header {\n display: flex;\n width: 100%;\n padding-bottom: 15px;\n border-bottom: 1px solid var(--outline);\n margin-bottom: 15px; }\n @media (max-width: 992px) {\n .page-header {\n display: inline-block; } }\n\n.page-title {\n margin-top: 0;\n margin-bottom: 2px; }\n @media (max-width: 992px) {\n .page-title {\n margin-botttom: 15px; } }\n\n.quick-links {\n list-style: none;\n margin-bottom: 0;\n display: inline-flex;\n align-items: center;\n margin-top: 4px;\n padding-left: 0; }\n @media (min-width: 992px) {\n .quick-links {\n padding-left: 10px; } }\n .quick-links li {\n margin-right: 10px;\n border-right: 1px solid #fff;\n line-height: 1; }\n .quick-links li a {\n display: inline-block;\n var(--base-text);\n text-decoration: none;\n padding-right: 10px; }\n .quick-links li:last-child {\n margin-right: 0;\n border-right: none; }\n .quick-links li:last-child a {\n padding-right: 0; }\n\n.page-title-header {\n margin-bottom: 20px; }\n\n.page-header-toolbar {\n display: flex;\n align-items: center;\n width: 100%; }\n @media (max-width: 992px) {\n .page-header-toolbar {\n display: inline-block; }\n .page-header-toolbar .toolbar-item {\n margin-top: 20px; } }\n .page-header-toolbar .btn-group,\n .page-header-toolbar .btn,\n .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled,\n .page-header-toolbar .wizard > .actions a,\n .wizard > .actions .page-header-toolbar a {\n border: none; }\n .page-header-toolbar .btn-group i,\n .page-header-toolbar .btn i,\n .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload i,\n .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload i,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled i,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled i,\n .page-header-toolbar .wizard > .actions a i,\n .wizard > .actions .page-header-toolbar a i {\n font-size: 1.24rem;\n color: var(--primary); }\n .page-header-toolbar .btn-group.dropdown-toggle:after,\n .page-header-toolbar .btn.dropdown-toggle:after,\n .page-header-toolbar .ajax-upload-dragdrop .dropdown-toggle.ajax-file-upload:after,\n .ajax-upload-dragdrop .page-header-toolbar .dropdown-toggle.ajax-file-upload:after,\n .page-header-toolbar .swal2-modal .swal2-buttonswrapper .dropdown-toggle.swal2-styled:after,\n .swal2-modal .swal2-buttonswrapper .page-header-toolbar .dropdown-toggle.swal2-styled:after,\n .page-header-toolbar .wizard > .actions a.dropdown-toggle:after,\n .wizard > .actions .page-header-toolbar a.dropdown-toggle:after {\n color: var(--primary); }\n\n.filter-wrapper {\n display: flex;\n margin-left: 15px; }\n @media (max-width: 992px) {\n .filter-wrapper {\n margin-left: 0; } }\n\n.sort-wrapper {\n display: flex;\n width: 46%; }\n @media (max-width: 992px) {\n .sort-wrapper {\n width: 100%; } }\n\n.advanced-link {\n display: flex;\n align-items: center;\n margin-left: 30px;\n margin-right: 20px;\n white-space: nowrap; }\n\n#sales-statistics-legend .chartjs-legend {\n margin-top: 20px;\n margin-right: 20px; }\n #sales-statistics-legend .chartjs-legend ul li {\n var(--base-text); }\n #sales-statistics-legend .chartjs-legend ul li span {\n width: 20px;\n height: 3px;\n border-radius: 0px; }\n\n#net-profit-legend .chartjs-legend li {\n font-weight: 500;\n var(--base-text); }\n\n.average-price-card .card {\n background: #030aac; }\n\n.average-price-card h3 {\n margin-bottom: 0; }\n\n.average-price-card .icon-holder {\n border-radius: 5px;\n border: 1px solid #4e55c5;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #2944b5;\n var(--base-text);\n font-size: 20px; }\n .average-price-card .icon-holder i {\n line-height: 1; }\n\n#dashboard-vmap {\n height: 161px;\n width: 100%; }\n #dashboard-vmap .jvectormap-zoomin,\n #dashboard-vmap .jvectormap-zoomout {\n display: none; }\n\n/* Accordions */\n.accordion .card {\n margin-bottom: 15px;\n border: 1px solid var(--outline);\n border-radius: 4px; }\n .accordion .card .card-header {\n background-color: transparent;\n border: none;\n padding: 0;\n font-size: 14px; }\n .accordion .card .card-header a {\n display: block;\n padding: 0.75rem 1.70rem 0.75rem 1.25rem;\n background: var(--card-banner-bg);\n var(--base-text);\n text-decoration: none;\n font-size: 0.875rem;\n position: relative;\n font-weight: 600;\n transition-property: border-color, background;\n transition-duration: 0.5s;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .accordion .card .card-header a:before {\n font-family: \"Material Design Icons\";\n position: absolute;\n right: 8px;\n top: 16px;\n font-size: 16px;\n display: block;\n font-weight: 500;\n var(--base-text); }\n .accordion .card .card-header a .card-icon {\n margin-right: 15px;\n font-size: 20px; }\n .accordion .card .card-body {\n font-size: 0.88rem;\n padding: 12px 20px 26px; }\n .accordion .card .card-body i {\n font-size: 1.25rem; }\n\n.accordion.basic-accordion .card .card-header a[aria-expanded=\"true\"] {\n background: var(--ram-bg) }\n .accordion.basic-accordion .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F374\"; }\n\n.accordion.basic-accordion .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F415\"; }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+1) {\n border-color: var(--info); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a .card-icon {\n color: var(--info); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a:before {\n color: var(--info); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--info); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid var(--white); }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+2) {\n border-color: var(--success); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a .card-icon {\n color: var(--success); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a:before {\n color: var(--success); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--success); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid var(--white); }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+3) {\n border-color: var(--primary); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a .card-icon {\n color: var(--primary); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a:before {\n color: var(--primary); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--primary); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid var(--white); }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+4) {\n border-color: var(--warning); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a .card-icon {\n color: var(--warning); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a:before {\n color: var(--warning); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--warning); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid var(--white); }\n\n.accordion.accordion-multiple-outline .card:nth-child(5n+5) {\n border-color: var(--danger); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a .card-icon {\n color: var(--danger); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a:before {\n color: var(--danger); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--danger); }\n .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid var(--white); }\n\n.accordion.accordion-multiple-outline .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n\n.accordion.accordion-multiple-outline .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-multiple-filled .card {\n overflow: hidden; }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a {\n background: var(--info); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded=\"true\"] {\n background: var(--info); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded=\"false\"] {\n background: var(--info); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a {\n background: var(--success); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded=\"true\"] {\n background: var(--success); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded=\"false\"] {\n background: var(--success); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a {\n background: var(--primary); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded=\"true\"] {\n background: var(--primary); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded=\"false\"] {\n background: var(--primary); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a {\n background: var(--warning); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded=\"true\"] {\n background: var(--warning); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded=\"false\"] {\n background: var(--warning); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a {\n background: var(--danger); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded=\"true\"] {\n background: var(--danger); }\n .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded=\"false\"] {\n background: var(--danger); }\n .accordion.accordion-multiple-filled .card .card-header a {\n padding-left: 2.5rem;\n padding-right: 1rem;\n var(--base-text)fff;\n font-weight: 300; }\n .accordion.accordion-multiple-filled .card .card-header a:before {\n left: 10px;\n right: unset;\n top: 12px;\n var(--base-text)fff; }\n .accordion.accordion-multiple-filled .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n .accordion.accordion-multiple-filled .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-solid-bg .card {\n background: var(--light); }\n .accordion.accordion-solid-bg .card .card-header a {\n color: var(--info);\n font-weight: 400; }\n .accordion.accordion-solid-bg .card .card-header a:before {\n top: 12px;\n color: var(--info); }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"true\"] {\n background: var(--light); }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F143\"; }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"false\"] {\n background: var(--white); }\n .accordion.accordion-solid-bg .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F140\"; }\n\n.accordion.accordion-body-filled .card {\n border-top: none;\n border-right: none;\n border-left: none;\n margin-bottom: 0; }\n .accordion.accordion-body-filled .card .card-header a {\n padding: 23px 10px 23px 2.5rem;\n font-weight: 300; }\n .accordion.accordion-body-filled .card .card-header a:before {\n right: unset;\n left: 8px;\n top: 22px;\n font-size: 24px;\n transition-duration: 0.3s;\n transition-property: color; }\n .accordion.accordion-body-filled .card .card-header a[aria-expanded=\"true\"]:before {\n content: \"\\F376\";\n color: var(--primary); }\n .accordion.accordion-body-filled .card .card-header a[aria-expanded=\"false\"]:before {\n content: \"\\F417\";\n color: var(--secondary); }\n .accordion.accordion-body-filled .card .card-body {\n background: var(--primary);\n var(--base-text)fff;\n border-radius: 4px; }\n\n.accordion.accordion-minimal .card {\n border-top: none;\n border-right: none;\n border-left: none;\n margin-bottom: 0; }\n .accordion.accordion-minimal .card .card-header a {\n padding: 23px 20px;\n transition-duration: 0.4s;\n transition-property: font-weight; }\n .accordion.accordion-minimal .card .card-header a[aria-expanded=\"true\"] {\n font-weight: 600; }\n .accordion.accordion-minimal .card .card-header a[aria-expanded=\"false\"] {\n font-weight: 300; }\n .accordion.accordion-minimal .card .card-body {\n padding: 30px 0; }\n\n/* inverse buttons */\n.accordion-inverse-primary {\n background: rgba(33, 150, 243, 0.16);\n color: var(--primary);\n border: none; }\n .accordion-inverse-primary .card-header {\n color: var(--primary);\n border: none; }\n .accordion-inverse-primary .card-header a,\n .accordion-inverse-primary .card-header h1,\n .accordion-inverse-primary .card-header h2,\n .accordion-inverse-primary .card-header h3,\n .accordion-inverse-primary .card-header h4,\n .accordion-inverse-primary .card-header h5,\n .accordion-inverse-primary .card-header h6,\n .accordion-inverse-primary .card-header p,\n .accordion-inverse-primary .card-header span {\n color: var(--primary)!important; }\n .accordion-inverse-primary .card-header a {\n border-color: var(--primary); }\n .accordion-inverse-primary .card-header a:before {\n color: var(--primary)!important; }\n .accordion-inverse-primary .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(33, 150, 243, 0.16); }\n .accordion-inverse-primary .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-secondary {\n background: rgba(221, 228, 235, 0.16);\n color: var(--secondary);\n border: none; }\n .accordion-inverse-secondary .card-header {\n color: var(--secondary);\n border: none; }\n .accordion-inverse-secondary .card-header a,\n .accordion-inverse-secondary .card-header h1,\n .accordion-inverse-secondary .card-header h2,\n .accordion-inverse-secondary .card-header h3,\n .accordion-inverse-secondary .card-header h4,\n .accordion-inverse-secondary .card-header h5,\n .accordion-inverse-secondary .card-header h6,\n .accordion-inverse-secondary .card-header p,\n .accordion-inverse-secondary .card-header span {\n color: var(--secondary) !important; }\n .accordion-inverse-secondary .card-header a {\n border-color: var(--secondary); }\n .accordion-inverse-secondary .card-header a:before {\n color: var(--secondary) !important; }\n .accordion-inverse-secondary .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(221, 228, 235, 0.16); }\n .accordion-inverse-secondary .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-success {\n background: rgba(25, 216, 149, 0.16);\n color: var(--success);\n border: none; }\n .accordion-inverse-success .card-header {\n color: var(--success);\n border: none; }\n .accordion-inverse-success .card-header a,\n .accordion-inverse-success .card-header h1,\n .accordion-inverse-success .card-header h2,\n .accordion-inverse-success .card-header h3,\n .accordion-inverse-success .card-header h4,\n .accordion-inverse-success .card-header h5,\n .accordion-inverse-success .card-header h6,\n .accordion-inverse-success .card-header p,\n .accordion-inverse-success .card-header span {\n color: var(--success) !important; }\n .accordion-inverse-success .card-header a {\n border-color: var(--success); }\n .accordion-inverse-success .card-header a:before {\n color: var(--success) !important; }\n .accordion-inverse-success .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(25, 216, 149, 0.16); }\n .accordion-inverse-success .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-info {\n background: rgba(136, 98, 224, 0.16);\n color: var(--info);\n border: none; }\n .accordion-inverse-info .card-header {\n color: var(--info);\n border: none; }\n .accordion-inverse-info .card-header a,\n .accordion-inverse-info .card-header h1,\n .accordion-inverse-info .card-header h2,\n .accordion-inverse-info .card-header h3,\n .accordion-inverse-info .card-header h4,\n .accordion-inverse-info .card-header h5,\n .accordion-inverse-info .card-header h6,\n .accordion-inverse-info .card-header p,\n .accordion-inverse-info .card-header span {\n color: var(--info) !important; }\n .accordion-inverse-info .card-header a {\n border-color: var(--info); }\n .accordion-inverse-info .card-header a:before {\n color: var(--info) !important; }\n .accordion-inverse-info .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(136, 98, 224, 0.16); }\n .accordion-inverse-info .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-warning {\n background: rgba(255, 175, 0, 0.16);\n color: var(--warning);\n border: none; }\n .accordion-inverse-warning .card-header {\n color: var(--warning);\n border: none; }\n .accordion-inverse-warning .card-header a,\n .accordion-inverse-warning .card-header h1,\n .accordion-inverse-warning .card-header h2,\n .accordion-inverse-warning .card-header h3,\n .accordion-inverse-warning .card-header h4,\n .accordion-inverse-warning .card-header h5,\n .accordion-inverse-warning .card-header h6,\n .accordion-inverse-warning .card-header p,\n .accordion-inverse-warning .card-header span {\n color: var(--warning) !important; }\n .accordion-inverse-warning .card-header a {\n border-color: var(--warning); }\n .accordion-inverse-warning .card-header a:before {\n color: var(--warning) !important; }\n .accordion-inverse-warning .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(255, 175, 0, 0.16); }\n .accordion-inverse-warning .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-danger {\n background: rgba(255, 98, 88, 0.16);\n color: var(--danger);\n border: none; }\n .accordion-inverse-danger .card-header {\n color: var(--danger);\n border: none; }\n .accordion-inverse-danger .card-header a,\n .accordion-inverse-danger .card-header h1,\n .accordion-inverse-danger .card-header h2,\n .accordion-inverse-danger .card-header h3,\n .accordion-inverse-danger .card-header h4,\n .accordion-inverse-danger .card-header h5,\n .accordion-inverse-danger .card-header h6,\n .accordion-inverse-danger .card-header p,\n .accordion-inverse-danger .card-header span {\n color: var(--danger) !important; }\n .accordion-inverse-danger .card-header a {\n border-color: var(--danger); }\n .accordion-inverse-danger .card-header a:before {\n color: var(--danger) !important; }\n .accordion-inverse-danger .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(255, 98, 88, 0.16); }\n .accordion-inverse-danger .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-light {\n background: rgba(251, 251, 251, 0.16);\n color: var(--light);\n border: none; }\n .accordion-inverse-light .card-header {\n color: var(--light);\n border: none; }\n .accordion-inverse-light .card-header a,\n .accordion-inverse-light .card-header h1,\n .accordion-inverse-light .card-header h2,\n .accordion-inverse-light .card-header h3,\n .accordion-inverse-light .card-header h4,\n .accordion-inverse-light .card-header h5,\n .accordion-inverse-light .card-header h6,\n .accordion-inverse-light .card-header p,\n .accordion-inverse-light .card-header span {\n color: var(--light) !important; }\n .accordion-inverse-light .card-header a {\n border-color: var(--light); }\n .accordion-inverse-light .card-header a:before {\n color: var(--light) !important; }\n .accordion-inverse-light .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(251, 251, 251, 0.16); }\n .accordion-inverse-light .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-inverse-dark {\n background: rgba(37, 44, 70, 0.16);\n color: var(--dark);\n border: none; }\n .accordion-inverse-dark .card-header {\n color: var(--dark);\n border: none; }\n .accordion-inverse-dark .card-header a,\n .accordion-inverse-dark .card-header h1,\n .accordion-inverse-dark .card-header h2,\n .accordion-inverse-dark .card-header h3,\n .accordion-inverse-dark .card-header h4,\n .accordion-inverse-dark .card-header h5,\n .accordion-inverse-dark .card-header h6,\n .accordion-inverse-dark .card-header p,\n .accordion-inverse-dark .card-header span {\n color: var(--dark) !important; }\n .accordion-inverse-dark .card-header a {\n border-color: var(--dark); }\n .accordion-inverse-dark .card-header a:before {\n color: var(--dark) !important; }\n .accordion-inverse-dark .card-header a[aria-expanded=\"true\"] {\n border-bottom: 1px solid rgba(37, 44, 70, 0.16); }\n .accordion-inverse-dark .card-header a[aria-expanded=\"false\"] {\n border-bottom: 1px solid transparent; }\n\n.accordion-outline-primary .card {\n border-color: var(--primary); }\n .accordion-outline-primary .card .card-header {\n border: none; }\n .accordion-outline-primary .card .card-header a {\n border-color: var(--primary); }\n .accordion-outline-primary .card .card-header a:before {\n color: var(--primary); }\n\n.accordion-outline-secondary .card {\n border-color: var(--secondary); }\n .accordion-outline-secondary .card .card-header {\n border: none; }\n .accordion-outline-secondary .card .card-header a {\n border-color: var(--secondary); }\n .accordion-outline-secondary .card .card-header a:before {\n color: var(--secondary); }\n\n.accordion-outline-success .card {\n border-color: var(--success); }\n .accordion-outline-success .card .card-header {\n border: none; }\n .accordion-outline-success .card .card-header a {\n border-color: var(--success); }\n .accordion-outline-success .card .card-header a:before {\n color: var(--success); }\n\n.accordion-outline-info .card {\n border-color: var(--info); }\n .accordion-outline-info .card .card-header {\n border: none; }\n .accordion-outline-info .card .card-header a {\n border-color: var(--info); }\n .accordion-outline-info .card .card-header a:before {\n color: var(--info); }\n\n.accordion-outline-warning .card {\n border-color: var(--warning); }\n .accordion-outline-warning .card .card-header {\n border: none; }\n .accordion-outline-warning .card .card-header a {\n border-color: var(--warning); }\n .accordion-outline-warning .card .card-header a:before {\n color: var(--warning); }\n\n.accordion-outline-danger .card {\n border-color: var(--danger); }\n .accordion-outline-danger .card .card-header {\n border: none; }\n .accordion-outline-danger .card .card-header a {\n border-color: var(--danger); }\n .accordion-outline-danger .card .card-header a:before {\n color: var(--danger); }\n\n.accordion-outline-light .card {\n border-color: var(--light); }\n .accordion-outline-light .card .card-header {\n border: none; }\n .accordion-outline-light .card .card-header a {\n border-color: var(--light); }\n .accordion-outline-light .card .card-header a:before {\n color: var(--light); }\n\n.accordion-outline-dark .card {\n border-color: var(--dark); }\n .accordion-outline-dark .card .card-header {\n border: none; }\n .accordion-outline-dark .card .card-header a {\n border-color: var(--dark); }\n .accordion-outline-dark .card .card-header a:before {\n color: var(--dark); }\n\n/* Badges */\n.badge {\n border-radius: 0.25rem;\n font-size: 11px;\n font-weight: initial;\n line-height: 1;\n padding: 4px 6px;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n letter-spacing: 0.04rem; }\n .badge:empty {\n display: inline-block;\n min-width: 10px;\n min-height: 10px;\n padding: 0;\n margin-right: 10px;\n border-radius: 100%; }\n .rtl .badge:empty {\n margin-left: 10px;\n margin-right: 0; }\n .badge.badge-pill {\n border-radius: 10rem; }\n .badge.badge-fw {\n min-width: 70px; }\n .badge.badge-lg {\n padding: 0.4rem 0.9rem; }\n\n/*Badge variations*/\n.badge-primary {\n border: 1px solid var(--primary);\n var(--base-text)fff; }\n\n.badge-secondary {\n border: 1px solid var(--secondary);\n var(--base-text)fff; }\n\n.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {\n border: 1px solid var(--success);\n var(--base-text)fff; }\n\n.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {\n border: 1px solid var(--info);\n var(--base-text)fff; }\n\n.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {\n border: 1px solid var(--warning);\n var(--base-text)fff; }\n\n.badge-danger {\n border: 1px solid var(--danger);\n var(--base-text)fff; }\n\n.badge-light {\n border: 1px solid var(--light);\n var(--base-text)fff; }\n\n.badge-dark {\n border: 1px solid var(--dark);\n var(--base-text)fff; }\n\n/*Badge inverse variations*/\n.badge-inverse-primary {\n background: rgba(33, 150, 243, 0.3);\n color: var(--primary); }\n\n.badge-inverse-secondary {\n background: rgba(221, 228, 235, 0.3);\n color: var(--secondary); }\n\n.badge-inverse-success {\n background: rgba(25, 216, 149, 0.3);\n color: var(--success); }\n\n.badge-inverse-info {\n background: rgba(136, 98, 224, 0.3);\n color: var(--info); }\n\n.badge-inverse-warning {\n background: rgba(255, 175, 0, 0.3);\n color: var(--warning); }\n\n.badge-inverse-danger {\n background: rgba(255, 98, 88, 0.3);\n color: var(--danger); }\n\n.badge-inverse-light {\n background: rgba(251, 251, 251, 0.3);\n color: var(--light); }\n\n.badge-inverse-dark {\n background: rgba(37, 44, 70, 0.3);\n color: var(--dark); }\n\n/*Badge outlined variations*/\n.badge-outline-primary {\n color: var(--primary);\n border: 1px solid var(--primary); }\n\n.badge-outline-secondary {\n color: var(--secondary);\n border: 1px solid var(--secondary); }\n\n.badge-outline-success {\n color: var(--success);\n border: 1px solid var(--success); }\n\n.badge-outline-info {\n color: var(--info);\n border: 1px solid var(--info); }\n\n.badge-outline-warning {\n color: var(--warning);\n border: 1px solid var(--warning); }\n\n.badge-outline-danger {\n color: var(--danger);\n border: 1px solid var(--danger); }\n\n.badge-outline-light {\n color: var(--light);\n border: 1px solid var(--light); }\n\n.badge-outline-dark {\n color: var(--dark);\n border: 1px solid var(--dark); }\n\n/* Bootstrap Alerts */\n.alert {\n font-size: 0.875rem; }\n .alert i {\n font-size: 1.25rem;\n margin-right: 1.25rem;\n vertical-align: middle;\n line-height: 0.5; }\n\n.alert-primary {\n color: #1972b9;\n background-color: rgba(33, 150, 243, 0.2);\n border-color: #1e8ae0; }\n .alert-primary hr {\n border-top-color: #1b7cca; }\n .alert-primary .alert-link {\n color: #13568c; }\n\n.alert-secondary {\n color: #a8adb3;\n background-color: rgba(221, 228, 235, 0.2);\n border-color: #cbd2d8; }\n .alert-secondary hr {\n border-top-color: #bcc5cd; }\n .alert-secondary .alert-link {\n color: #8d939b; }\n\n.alert-success {\n color: #13a471;\n background-color: rgba(25, 216, 149, 0.2);\n border-color: #17c789; }\n .alert-success hr {\n border-top-color: #14b079; }\n .alert-success .alert-link {\n color: #0e7652; }\n\n.alert-info {\n color: #674aaa;\n background-color: rgba(136, 98, 224, 0.2);\n border-color: #7d5ace; }\n .alert-info hr {\n border-top-color: #6e46c8; }\n .alert-info .alert-link {\n color: #513b86; }\n\n.alert-warning {\n color: #c28500;\n background-color: rgba(255, 175, 0, 0.2);\n border-color: #eba100; }\n .alert-warning hr {\n border-top-color: #d29000; }\n .alert-warning .alert-link {\n color: #8f6200; }\n\n.alert-danger {\n color: #c24a43;\n background-color: rgba(255, 98, 88, 0.2);\n border-color: #eb5a51; }\n .alert-danger hr {\n border-top-color: #e8443a; }\n .alert-danger .alert-link {\n color: #9f3933; }\n\n.alert-light {\n color: #bfbfbf;\n background-color: rgba(251, 251, 251, 0.2);\n border-color: #e7e7e7; }\n .alert-light hr {\n border-top-color: #dadada; }\n .alert-light .alert-link {\n color: #a6a6a6; }\n\n.alert-dark {\n color: #1c2135;\n background-color: rgba(37, 44, 70, 0.2);\n border-color: #222840; }\n .alert-dark hr {\n border-top-color: #191e2f; }\n .alert-dark .alert-link {\n color: #0a0c14; }\n\n.alert-fill-primary {\n var(--base-text)fff;\n background-color: var(--primary);\n border-color: var(--primary); }\n .alert-fill-primary hr {\n border-top-color: #0d8aee; }\n .alert-fill-primary .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-secondary {\n var(--base-text)fff;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .alert-fill-secondary hr {\n border-top-color: #cdd7e2; }\n .alert-fill-secondary .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-success {\n var(--base-text)fff;\n background-color: var(--success);\n border-color: var(--success); }\n .alert-fill-success hr {\n border-top-color: #16c185; }\n .alert-fill-success .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-info {\n var(--base-text)fff;\n background-color: var(--info);\n border-color: var(--info); }\n .alert-fill-info hr {\n border-top-color: #784ddc; }\n .alert-fill-info .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-warning {\n var(--base-text)fff;\n background-color: var(--warning);\n border-color: var(--warning); }\n .alert-fill-warning hr {\n border-top-color: #e69e00; }\n .alert-fill-warning .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-danger {\n var(--base-text)fff;\n background-color: var(--danger);\n border-color: var(--danger); }\n .alert-fill-danger hr {\n border-top-color: #ff4a3f; }\n .alert-fill-danger .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-light {\n var(--base-text)fff;\n background-color: var(--light);\n border-color: var(--light); }\n .alert-fill-light hr {\n border-top-color: #eeeeee; }\n .alert-fill-light .alert-link {\n color: #e6e6e6; }\n\n.alert-fill-dark {\n var(--base-text)fff;\n background-color: var(--dark);\n border-color: var(--dark); }\n .alert-fill-dark hr {\n border-top-color: #1c2235; }\n .alert-fill-dark .alert-link {\n color: #e6e6e6; }\n\n/* Bootstrap Progress */\n.progress {\n border-radius: 3px;\n height: 8px;\n background: var(--ram-bg) }\n .progress .progress-bar {\n border-radius: 3px; }\n .progress.grouped .progress-bar {\n border-radius: 0px; }\n .progress.grouped .progress-bar:last-child {\n border-radius: 0px 3px 3px 0px; }\n .progress.progress-sm {\n height: 0.375rem; }\n .progress.progress-md {\n height: 8px; }\n .progress.progress-lg {\n height: 15px; }\n .progress.progress-xl {\n height: 18px; }\n\n/* Buttons */\n.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {\n font-size: 0.875rem;\n line-height: 1;\n font-family: \"roboto\", sans-serif; }\n .btn i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, .wizard > .actions a i {\n margin-right: 0.3125rem;\n font-size: inherit; }\n .btn .btn-label:before, .ajax-upload-dragdrop .ajax-file-upload .btn-label:before, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label:before, .wizard > .actions a .btn-label:before {\n font-size: 1rem;\n line-height: 5px;\n vertical-align: middle; }\n .btn .btn-label.btn-label-left, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-left, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-left, .wizard > .actions a .btn-label.btn-label-left {\n margin-right: 5px; }\n .btn .btn-label.btn-label-right, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-right, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-right, .wizard > .actions a .btn-label.btn-label-right {\n margin-left: 5px; }\n .btn.btn-rounded, .ajax-upload-dragdrop .btn-rounded.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, .wizard > .actions a.btn-rounded {\n border-radius: 50px; }\n .btn.btn-square, .ajax-upload-dragdrop .btn-square.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-square.swal2-styled, .wizard > .actions a.btn-square {\n border-radius: 0px; }\n .btn.btn-icons, .ajax-upload-dragdrop .btn-icons.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled, .wizard > .actions a.btn-icons {\n width: 40px;\n height: 40px;\n padding: 10px;\n text-align: center;\n vertical-align: middle; }\n .btn.btn-icons i, .ajax-upload-dragdrop .btn-icons.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled i, .wizard > .actions a.btn-icons i {\n margin: auto;\n line-height: initial; }\n .btn.btn-fw, .ajax-upload-dragdrop .btn-fw.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled, .wizard > .actions a.btn-fw {\n min-width: 120px; }\n .btn.icon-btn i, .ajax-upload-dragdrop .icon-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .icon-btn.swal2-styled i, .wizard > .actions a.icon-btn i {\n margin-right: 0; }\n .btn.social-btn, .ajax-upload-dragdrop .social-btn.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled, .wizard > .actions a.social-btn {\n padding: 13px; }\n .btn.social-btn i, .ajax-upload-dragdrop .social-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled i, .wizard > .actions a.social-btn i {\n margin-right: 0;\n font-size: 1rem; }\n .btn.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, .wizard > .actions a.btn-sm {\n font-size: 0.875rem; }\n .btn.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a, .ajax-upload-dragdrop .btn-lg.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled, .wizard > .actions a.btn-lg {\n font-size: 0.875rem; }\n .btn.btn-xs, .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions a.btn-xs {\n padding: 0.5rem 0.75rem;\n font-size: 0.625rem; }\n .btn.btn-transparent, .ajax-upload-dragdrop .btn-transparent.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-transparent.swal2-styled, .wizard > .actions a.btn-transparent {\n background: transparent; }\n .btn.btn-danger, .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .wizard > .actions a.btn-danger, .btn.btn-info, .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions a.btn-info, .btn.btn-success, .ajax-upload-dragdrop .btn-success.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .wizard > .actions a.btn-success, .btn.btn-teal, .ajax-upload-dragdrop .btn-teal.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-teal.swal2-styled, .wizard > .actions a.btn-teal, .btn.btn-warning, .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .wizard > .actions a.btn-warning {\n var(--base-text)fff; }\n .btn.btn-outline-light, .ajax-upload-dragdrop .btn-outline-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-light.swal2-styled, .wizard > .actions a.btn-outline-light {\n border-color: #d5d5d5;\n color: #d5d5d5; }\n .btn.btn-outline-secondary, .ajax-upload-dragdrop .btn-outline-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-secondary.swal2-styled, .wizard > .actions a.btn-outline-secondary {\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-secondary, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled, .wizard > .actions a.btn-inverse-secondary {\n background-color: rgba(221, 228, 235, 0.5);\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-secondary:hover, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled:hover, .wizard > .actions a.btn-inverse-secondary:hover {\n color: rgba(0, 0, 0, 0.5); }\n .btn.btn-inverse-light, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled, .wizard > .actions a.btn-inverse-light {\n background: var(--base-text)fff;\n color: rgba(0, 0, 0, 0.5);\n border-color: #d9d9d9; }\n .btn.btn-inverse-light:hover, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled:hover, .wizard > .actions a.btn-inverse-light:hover {\n color: rgba(0, 0, 0, 0.5);\n border-color: #d9d9d9; }\n\n.btn-group {\n border: 1px solid var(--outline);\n border-radius: 0.1875rem; }\n .btn-group .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .btn-group .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a {\n border-top: none;\n border-bottom: none;\n border-left: none; }\n .btn-group .btn:last-child, .btn-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .btn-group .ajax-file-upload:last-child, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled:last-child, .btn-group .wizard > .actions a:last-child, .wizard > .actions .btn-group a:last-child {\n border-right: none; }\n .btn-group .btn.btn-primary, .btn-group .ajax-upload-dragdrop .btn-primary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-primary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .wizard > .actions a.ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group a.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-primary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-primary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .wizard > .actions a.swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group a.swal2-styled, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-confirm, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-cancel, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-cancel, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a {\n border-color: #128ff2; }\n .btn-group .btn.btn-secondary, .btn-group .ajax-upload-dragdrop .btn-secondary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-secondary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-cancel, .btn-group .swal2-modal .swal2-buttonswrapper .btn-secondary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-secondary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-cancel, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-cancel, .btn-group .wizard > .actions a.btn-secondary, .wizard > .actions .btn-group a.btn-secondary {\n border-color: #d3dce5; }\n .btn-group .btn.btn-info, .btn-group .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-info.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-submit, .btn-group .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-info.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-submit, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-submit, .btn-group .wizard > .actions a.btn-info, .wizard > .actions .btn-group a.btn-info {\n border-color: #7e55dd; }\n .btn-group .btn.btn-warning, .btn-group .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-warning.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-warning.swal2-styled, .btn-group .wizard > .actions a.btn-warning, .wizard > .actions .btn-group a.btn-warning {\n border-color: #f0a500; }\n .btn-group .btn.btn-success, .btn-group .ajax-upload-dragdrop .btn-success.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-success.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-success.swal2-styled, .btn-group .wizard > .actions a.btn-success, .wizard > .actions .btn-group a.btn-success {\n border-color: #17ca8c; }\n .btn-group .btn.btn-danger, .btn-group .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-danger.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-danger.swal2-styled, .btn-group .wizard > .actions a.btn-danger, .wizard > .actions .btn-group a.btn-danger {\n border-color: #ff5449; }\n .btn-group .btn.btn-dark, .btn-group .ajax-upload-dragdrop .btn-dark.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-dark.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-dark.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-dark.swal2-styled, .btn-group .wizard > .actions a.btn-dark, .wizard > .actions .btn-group a.btn-dark {\n border-color: #20263c; }\n .btn-group .btn.btn-light, .btn-group .ajax-upload-dragdrop .btn-light.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-light.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-light.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-light.swal2-styled, .btn-group .wizard > .actions a.btn-light, .wizard > .actions .btn-group a.btn-light {\n border-color: #f3f3f3; }\n\n/*social buttons*/\n.btn-twitter {\n background: #4DBFF5;\n var(--base-text)fff; }\n .btn-twitter:hover {\n background: #1daef2; }\n .btn-twitter.btn-link {\n background: none;\n color: #4DBFF5; }\n .btn-twitter.btn-link:hover {\n color: #1daef2; }\n\n.btn-facebook {\n background: #648ACA;\n var(--base-text)fff; }\n .btn-facebook:hover {\n background: #406ebb; }\n .btn-facebook.btn-link {\n background: none;\n color: #648ACA; }\n .btn-facebook.btn-link:hover {\n color: #406ebb; }\n\n.btn-google {\n background: #E55F4B;\n var(--base-text)fff; }\n .btn-google:hover {\n background: #dd3820; }\n .btn-google.btn-link {\n background: none;\n color: #E55F4B; }\n .btn-google.btn-link:hover {\n color: #dd3820; }\n\n.btn-linkedin {\n background: #0177b4;\n var(--base-text)fff; }\n .btn-linkedin:hover {\n background: #015581; }\n .btn-linkedin.btn-link {\n background: none;\n color: #0177b4; }\n .btn-linkedin.btn-link:hover {\n color: #015581; }\n\n.btn-pinterest {\n background: #cc2127;\n var(--base-text)fff; }\n .btn-pinterest:hover {\n background: #a01a1f; }\n .btn-pinterest.btn-link {\n background: none;\n color: #cc2127; }\n .btn-pinterest.btn-link:hover {\n color: #a01a1f; }\n\n.btn-youtube {\n background: #e52d27;\n var(--base-text)fff; }\n .btn-youtube:hover {\n background: #c21d17; }\n .btn-youtube.btn-link {\n background: none;\n color: #e52d27; }\n .btn-youtube.btn-link:hover {\n color: #c21d17; }\n\n.btn-github {\n background: #333333;\n var(--base-text)fff; }\n .btn-github:hover {\n background: #1a1a1a; }\n .btn-github.btn-link {\n background: none;\n color: #333333; }\n .btn-github.btn-link:hover {\n color: #1a1a1a; }\n\n.btn-behance {\n background: #1769ff;\n var(--base-text)fff; }\n .btn-behance:hover {\n background: #0050e3; }\n .btn-behance.btn-link {\n background: none;\n color: #1769ff; }\n .btn-behance.btn-link:hover {\n color: #0050e3; }\n\n.btn-dribbble {\n background: #ea4c89;\n var(--base-text)fff; }\n .btn-dribbble:hover {\n background: #e51e6b; }\n .btn-dribbble.btn-link {\n background: none;\n color: #ea4c89; }\n .btn-dribbble.btn-link:hover {\n color: #e51e6b; }\n\n.btn-reddit {\n background: #ff4500;\n var(--base-text)fff; }\n .btn-reddit:hover {\n background: #cc3700; }\n .btn-reddit.btn-link {\n background: none;\n color: #ff4500; }\n .btn-reddit.btn-link:hover {\n color: #cc3700; }\n\n/*social buttons*/\n.btn-social-outline-twitter {\n background: transparent;\n border-color: #4DBFF5;\n color: #4DBFF5; }\n .btn-social-outline-twitter:hover {\n background: rgba(77, 191, 245, 0.2); }\n\n.btn-social-outline-facebook {\n background: transparent;\n border-color: #648ACA;\n color: #648ACA; }\n .btn-social-outline-facebook:hover {\n background: rgba(100, 138, 202, 0.2); }\n\n.btn-social-outline-google {\n background: transparent;\n border-color: #E55F4B;\n color: #E55F4B; }\n .btn-social-outline-google:hover {\n background: rgba(229, 95, 75, 0.2); }\n\n.btn-social-outline-linkedin {\n background: transparent;\n border-color: #0177b4;\n color: #0177b4; }\n .btn-social-outline-linkedin:hover {\n background: rgba(1, 119, 180, 0.2); }\n\n.btn-social-outline-pinterest {\n background: transparent;\n border-color: #cc2127;\n color: #cc2127; }\n .btn-social-outline-pinterest:hover {\n background: rgba(204, 33, 39, 0.2); }\n\n.btn-social-outline-youtube {\n background: transparent;\n border-color: #e52d27;\n color: #e52d27; }\n .btn-social-outline-youtube:hover {\n background: rgba(229, 45, 39, 0.2); }\n\n.btn-social-outline-github {\n background: transparent;\n border-color: #333333;\n color: #333333; }\n .btn-social-outline-github:hover {\n background: rgba(51, 51, 51, 0.2); }\n\n.btn-social-outline-behance {\n background: transparent;\n border-color: #1769ff;\n color: #1769ff; }\n .btn-social-outline-behance:hover {\n background: rgba(23, 105, 255, 0.2); }\n\n.btn-social-outline-dribbble {\n background: transparent;\n border-color: #ea4c89;\n color: #ea4c89; }\n .btn-social-outline-dribbble:hover {\n background: rgba(234, 76, 137, 0.2); }\n\n.btn-social-outline-reddit {\n background: transparent;\n border-color: #ff4500;\n color: #ff4500; }\n .btn-social-outline-reddit:hover {\n background: rgba(255, 69, 0, 0.2); }\n\n/* inverse buttons */\n.btn-inverse-primary {\n color: var(--primary);\n background-color: rgba(33, 150, 243, 0.2);\n background-image: none;\n border-color: rgba(33, 150, 243, 0); }\n .btn-inverse-primary:hover {\n var(--base-text)fff;\n background-color: var(--primary);\n border-color: var(--primary); }\n .btn-inverse-primary.disabled, .btn-inverse-primary:disabled {\n color: var(--primary);\n background-color: transparent; }\n .btn-inverse-primary.active, .btn-inverse-primary:active,\n .show > .btn-inverse-primary.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--primary);\n border-color: var(--primary); }\n\n.btn-inverse-secondary {\n color: var(--secondary);\n background-color: rgba(221, 228, 235, 0.2);\n background-image: none;\n border-color: rgba(221, 228, 235, 0); }\n .btn-inverse-secondary:hover {\n var(--base-text)fff;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled {\n color: var(--secondary);\n background-color: transparent; }\n .btn-inverse-secondary.active, .btn-inverse-secondary:active,\n .show > .btn-inverse-secondary.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--secondary);\n border-color: var(--secondary); }\n\n.btn-inverse-success {\n color: var(--success);\n background-color: rgba(25, 216, 149, 0.2);\n background-image: none;\n border-color: rgba(25, 216, 149, 0); }\n .btn-inverse-success:hover {\n var(--base-text)fff;\n background-color: var(--success);\n border-color: var(--success); }\n .btn-inverse-success.disabled, .btn-inverse-success:disabled {\n color: var(--success);\n background-color: transparent; }\n .btn-inverse-success.active, .btn-inverse-success:active,\n .show > .btn-inverse-success.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--success);\n border-color: var(--success); }\n\n.btn-inverse-info {\n color: var(--info);\n background-color: rgba(136, 98, 224, 0.2);\n background-image: none;\n border-color: rgba(136, 98, 224, 0); }\n .btn-inverse-info:hover {\n var(--base-text)fff;\n background-color: var(--info);\n border-color: var(--info); }\n .btn-inverse-info.disabled, .btn-inverse-info:disabled {\n color: var(--info);\n background-color: transparent; }\n .btn-inverse-info.active, .btn-inverse-info:active,\n .show > .btn-inverse-info.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--info);\n border-color: var(--info); }\n\n.btn-inverse-warning {\n color: var(--warning);\n background-color: rgba(255, 175, 0, 0.2);\n background-image: none;\n border-color: rgba(255, 175, 0, 0); }\n .btn-inverse-warning:hover {\n var(--base-text)fff;\n background-color: var(--warning);\n border-color: var(--warning); }\n .btn-inverse-warning.disabled, .btn-inverse-warning:disabled {\n color: var(--warning);\n background-color: transparent; }\n .btn-inverse-warning.active, .btn-inverse-warning:active,\n .show > .btn-inverse-warning.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--warning);\n border-color: var(--warning); }\n\n.btn-inverse-danger {\n color: var(--danger);\n background-color: rgba(255, 98, 88, 0.2);\n background-image: none;\n border-color: rgba(255, 98, 88, 0); }\n .btn-inverse-danger:hover {\n var(--base-text)fff;\n background-color: var(--danger);\n border-color: var(--danger); }\n .btn-inverse-danger.disabled, .btn-inverse-danger:disabled {\n color: var(--danger);\n background-color: transparent; }\n .btn-inverse-danger.active, .btn-inverse-danger:active,\n .show > .btn-inverse-danger.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--danger);\n border-color: var(--danger); }\n\n.btn-inverse-light {\n color: var(--light);\n background-color: rgba(251, 251, 251, 0.2);\n background-image: none;\n border-color: rgba(251, 251, 251, 0); }\n .btn-inverse-light:hover {\n var(--base-text)fff;\n background-color: var(--light);\n border-color: var(--light); }\n .btn-inverse-light.disabled, .btn-inverse-light:disabled {\n color: var(--light);\n background-color: transparent; }\n .btn-inverse-light.active, .btn-inverse-light:active,\n .show > .btn-inverse-light.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--light);\n border-color: var(--light); }\n\n.btn-inverse-dark {\n color: var(--dark);\n background-color: rgba(37, 44, 70, 0.2);\n background-image: none;\n border-color: rgba(37, 44, 70, 0); }\n .btn-inverse-dark:hover {\n var(--base-text)fff;\n background-color: var(--dark);\n border-color: var(--dark); }\n .btn-inverse-dark.disabled, .btn-inverse-dark:disabled {\n color: var(--dark);\n background-color: transparent; }\n .btn-inverse-dark.active, .btn-inverse-dark:active,\n .show > .btn-inverse-dark.dropdown-toggle {\n var(--base-text)fff;\n background-color: var(--dark);\n border-color: var(--dark); }\n\n/* Inverse Outlined Buttons */\n.btn-inverse-outline-primary {\n color: var(--primary);\n background-image: none;\n background: transparent;\n border-color: rgba(33, 150, 243, 0.2); }\n .btn-inverse-outline-primary:hover {\n color: var(--primary);\n background-color: rgba(33, 150, 243, 0.2);\n border-color: rgba(33, 150, 243, 0.2); }\n .btn-inverse-outline-primary.focus, .btn-inverse-outline-primary:focus {\n box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); }\n .btn-inverse-outline-primary.disabled, .btn-inverse-outline-primary:disabled {\n color: var(--primary);\n background-color: transparent; }\n .btn-inverse-outline-primary.active, .btn-inverse-outline-primary:active,\n .show > .btn-inverse-outline-primary.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--primary); }\n\n.btn-inverse-outline-secondary {\n color: var(--secondary);\n background-image: none;\n background: transparent;\n border-color: rgba(221, 228, 235, 0.2); }\n .btn-inverse-outline-secondary:hover {\n color: var(--secondary);\n background-color: rgba(221, 228, 235, 0.2);\n border-color: rgba(221, 228, 235, 0.2); }\n .btn-inverse-outline-secondary.focus, .btn-inverse-outline-secondary:focus {\n box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); }\n .btn-inverse-outline-secondary.disabled, .btn-inverse-outline-secondary:disabled {\n color: var(--secondary);\n background-color: transparent; }\n .btn-inverse-outline-secondary.active, .btn-inverse-outline-secondary:active,\n .show > .btn-inverse-outline-secondary.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--secondary); }\n\n.btn-inverse-outline-success {\n color: var(--success);\n background-image: none;\n background: transparent;\n border-color: rgba(25, 216, 149, 0.2); }\n .btn-inverse-outline-success:hover {\n color: var(--success);\n background-color: rgba(25, 216, 149, 0.2);\n border-color: rgba(25, 216, 149, 0.2); }\n .btn-inverse-outline-success.focus, .btn-inverse-outline-success:focus {\n box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); }\n .btn-inverse-outline-success.disabled, .btn-inverse-outline-success:disabled {\n color: var(--success);\n background-color: transparent; }\n .btn-inverse-outline-success.active, .btn-inverse-outline-success:active,\n .show > .btn-inverse-outline-success.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--success); }\n\n.btn-inverse-outline-info {\n color: var(--info);\n background-image: none;\n background: transparent;\n border-color: rgba(136, 98, 224, 0.2); }\n .btn-inverse-outline-info:hover {\n color: var(--info);\n background-color: rgba(136, 98, 224, 0.2);\n border-color: rgba(136, 98, 224, 0.2); }\n .btn-inverse-outline-info.focus, .btn-inverse-outline-info:focus {\n box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); }\n .btn-inverse-outline-info.disabled, .btn-inverse-outline-info:disabled {\n color: var(--info);\n background-color: transparent; }\n .btn-inverse-outline-info.active, .btn-inverse-outline-info:active,\n .show > .btn-inverse-outline-info.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--info); }\n\n.btn-inverse-outline-warning {\n color: var(--warning);\n background-image: none;\n background: transparent;\n border-color: rgba(255, 175, 0, 0.2); }\n .btn-inverse-outline-warning:hover {\n color: var(--warning);\n background-color: rgba(255, 175, 0, 0.2);\n border-color: rgba(255, 175, 0, 0.2); }\n .btn-inverse-outline-warning.focus, .btn-inverse-outline-warning:focus {\n box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); }\n .btn-inverse-outline-warning.disabled, .btn-inverse-outline-warning:disabled {\n color: var(--warning);\n background-color: transparent; }\n .btn-inverse-outline-warning.active, .btn-inverse-outline-warning:active,\n .show > .btn-inverse-outline-warning.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--warning); }\n\n.btn-inverse-outline-danger {\n color: var(--danger);\n background-image: none;\n background: transparent;\n border-color: rgba(255, 98, 88, 0.2); }\n .btn-inverse-outline-danger:hover {\n color: var(--danger);\n background-color: rgba(255, 98, 88, 0.2);\n border-color: rgba(255, 98, 88, 0.2); }\n .btn-inverse-outline-danger.focus, .btn-inverse-outline-danger:focus {\n box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); }\n .btn-inverse-outline-danger.disabled, .btn-inverse-outline-danger:disabled {\n color: var(--danger);\n background-color: transparent; }\n .btn-inverse-outline-danger.active, .btn-inverse-outline-danger:active,\n .show > .btn-inverse-outline-danger.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--danger); }\n\n.btn-inverse-outline-light {\n color: var(--light);\n background-image: none;\n background: transparent;\n border-color: rgba(251, 251, 251, 0.2); }\n .btn-inverse-outline-light:hover {\n color: var(--light);\n background-color: rgba(251, 251, 251, 0.2);\n border-color: rgba(251, 251, 251, 0.2); }\n .btn-inverse-outline-light.focus, .btn-inverse-outline-light:focus {\n box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); }\n .btn-inverse-outline-light.disabled, .btn-inverse-outline-light:disabled {\n color: var(--light);\n background-color: transparent; }\n .btn-inverse-outline-light.active, .btn-inverse-outline-light:active,\n .show > .btn-inverse-outline-light.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--light); }\n\n.btn-inverse-outline-dark {\n color: var(--dark);\n background-image: none;\n background: transparent;\n border-color: rgba(37, 44, 70, 0.2); }\n .btn-inverse-outline-dark:hover {\n color: var(--dark);\n background-color: rgba(37, 44, 70, 0.2);\n border-color: rgba(37, 44, 70, 0.2); }\n .btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:focus {\n box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); }\n .btn-inverse-outline-dark.disabled, .btn-inverse-outline-dark:disabled {\n color: var(--dark);\n background-color: transparent; }\n .btn-inverse-outline-dark.active, .btn-inverse-outline-dark:active,\n .show > .btn-inverse-outline-dark.dropdown-toggle {\n var(--base-text)fff;\n border-color: var(--dark); }\n\n/* Breadcrumbs */\n.breadcrumb .breadcrumb-item {\n font-size: 0.875rem; }\n .breadcrumb .breadcrumb-item.active {\n color: rgba(255, 255, 255, 0.8); }\n\n.breadcrumb.breadcrumb-custom {\n padding: 0 0;\n border-color: #dbe3e6; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item {\n font-size: 0.875rem;\n background: #dbe3e6;\n padding: 0.56rem 10px;\n var(--base-text);\n display: inline-block;\n vertical-align: top; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item.active {\n var(--base-text); }\n .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item:before {\n content: \"\"; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n position: relative;\n color: inherit;\n border: 1px solid #dbe3e6;\n display: inline-block;\n vertical-align: top; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:after, .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n position: absolute;\n top: -9px;\n width: 0;\n height: 0;\n content: \"\";\n border-top: 21px solid transparent;\n border-bottom: 21px solid transparent; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n right: -22px;\n z-index: 3;\n border-left-color: #dbe3e6;\n border-left-style: solid;\n border-left-width: 12px; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item a:after {\n border-top: 21px solid transparent;\n border-bottom: 22px solid transparent;\n border-left: 12px solid var(--white);\n top: -9px;\n right: -23px; }\n .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n display: inline-block;\n vertical-align: top; }\n\n.breadcrumb.bg-danger, .settings-panel .color-tiles .breadcrumb.tiles.danger, .breadcrumb.bg-dark, .settings-panel .color-tiles .breadcrumb.tiles.dark, .breadcrumb.bg-info, .settings-panel .color-tiles .breadcrumb.tiles.info, .breadcrumb.bg-primary, .settings-panel .color-tiles .breadcrumb.tiles.primary, .breadcrumb.bg-success, .settings-panel .color-tiles .breadcrumb.tiles.success, .breadcrumb.bg-warning, .settings-panel .color-tiles .breadcrumb.tiles.warning {\n border: none; }\n .breadcrumb.bg-danger .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item, .breadcrumb.bg-dark .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item, .breadcrumb.bg-info .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item, .breadcrumb.bg-primary .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item, .breadcrumb.bg-success .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item, .breadcrumb.bg-warning .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item {\n color: #000; }\n .breadcrumb.bg-danger .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before, .breadcrumb.bg-dark .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before, .breadcrumb.bg-info .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before, .breadcrumb.bg-primary .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before, .breadcrumb.bg-success .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before, .breadcrumb.bg-warning .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before {\n color: inherit; }\n .breadcrumb.bg-danger .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a,\n .breadcrumb.bg-danger .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span, .breadcrumb.bg-dark .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a,\n .breadcrumb.bg-dark .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span, .breadcrumb.bg-info .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a,\n .breadcrumb.bg-info .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span, .breadcrumb.bg-primary .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a,\n .breadcrumb.bg-primary .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span, .breadcrumb.bg-success .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a,\n .breadcrumb.bg-success .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span, .breadcrumb.bg-warning .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a,\n .breadcrumb.bg-warning .breadcrumb-item span,\n .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span {\n color: inherit; }\n\n/* inverse breadcrumb */\n.bg-inverse-primary .breadcrumb, .image-grouped .text-avatar .breadcrumb {\n background: #9acffa;\n border-color: var(--primary); }\n .bg-inverse-primary .breadcrumb .breadcrumb-item, .image-grouped .text-avatar .breadcrumb .breadcrumb-item {\n color: var(--primary); }\n .bg-inverse-primary .breadcrumb .breadcrumb-item:before, .image-grouped .text-avatar .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-primary .breadcrumb .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom {\n background: var(--primary); }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #9acffa; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--primary);\n border: none; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #9acffa; }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item span, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--primary); }\n .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-secondary .breadcrumb {\n background: white;\n border-color: var(--secondary); }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item {\n color: var(--secondary); }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-secondary .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom {\n background: var(--secondary); }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: white; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--secondary);\n border: none; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: white; }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--secondary); }\n .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-success .breadcrumb {\n background: #80f0c9;\n border-color: var(--success); }\n .bg-inverse-success .breadcrumb .breadcrumb-item {\n color: var(--success); }\n .bg-inverse-success .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-success .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom {\n background: var(--success); }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #80f0c9; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--success);\n border: none; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #80f0c9; }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--success); }\n .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-info .breadcrumb {\n background: #d9ccf5;\n border-color: var(--info); }\n .bg-inverse-info .breadcrumb .breadcrumb-item {\n color: var(--info); }\n .bg-inverse-info .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-info .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom {\n background: var(--info); }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #d9ccf5; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--info);\n border: none; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #d9ccf5; }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--info); }\n .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-warning .breadcrumb {\n background: #ffd780;\n border-color: var(--warning); }\n .bg-inverse-warning .breadcrumb .breadcrumb-item {\n color: var(--warning); }\n .bg-inverse-warning .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-warning .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom {\n background: var(--warning); }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #ffd780; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--warning);\n border: none; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #ffd780; }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--warning); }\n .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-danger .breadcrumb {\n background: #ffdad8;\n border-color: var(--danger); }\n .bg-inverse-danger .breadcrumb .breadcrumb-item {\n color: var(--danger); }\n .bg-inverse-danger .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-danger .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom {\n background: var(--danger); }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #ffdad8; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--danger);\n border: none; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #ffdad8; }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--danger); }\n .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-light .breadcrumb {\n background: white;\n border-color: var(--light); }\n .bg-inverse-light .breadcrumb .breadcrumb-item {\n color: var(--light); }\n .bg-inverse-light .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-light .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom {\n background: var(--light); }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: white; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--light);\n border: none; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: white; }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--light); }\n .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n.bg-inverse-dark .breadcrumb {\n background: #516099;\n border-color: var(--dark); }\n .bg-inverse-dark .breadcrumb .breadcrumb-item {\n color: var(--dark); }\n .bg-inverse-dark .breadcrumb .breadcrumb-item:before {\n color: inherit; }\n .bg-inverse-dark .breadcrumb .breadcrumb-item a {\n color: inherit; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom {\n background: var(--dark); }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item {\n background: #516099; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a {\n color: var(--dark);\n border: none; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a:before {\n border-left-color: #516099; }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span {\n color: var(--dark); }\n .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {\n background: transparent; }\n\n/* Cards */\n.card {\n border: none; }\n .card .card-header {\n background: #282a40;\n padding: 1.88rem 1.81rem;\n border-bottom: 1px solid var(--outline); }\n .card .card-header h1,\n .card .card-header h2,\n .card .card-header h3,\n .card .card-header h4,\n .card .card-header h5,\n .card .card-header h6,\n .card .card-header p,\n .card .card-header small {\n margin-bottom: 0px; }\n .card .card-header.header-sm {\n padding: 15px 1.81rem;\n height: 60px; }\n .card .card-header.header-sm p,\n .card .card-header.header-sm .dropdown .dropdown-toggle i {\n var(--base-text) }\n .card .card-body {\n padding: 1.88rem 1.81rem; }\n .card .card-body.no-gutter {\n padding: 0; }\n .card .card-body + .card-body {\n padding-top: 0; }\n .card.card-outline-success {\n border: 1px solid var(--success); }\n .card.card-outline-primary {\n border: 1px solid var(--primary); }\n .card.card-outline-warning {\n border: 1px solid var(--warning); }\n .card.card-outline-danger {\n border: 1px solid var(--danger); }\n .card.card-rounded {\n border-radius: 5px; }\n .card.card-faded {\n background: #b5b0b2;\n border-color: #b5b0b2; }\n .card .card-subtitle {\n color: rgba(255, 255, 255, 0.7); }\n .card.card-circle-progress {\n var(--base-text)fff;\n text-align: center; }\n .card.bg-blue-gradient {\n background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);\n var(--base-text); }\n .card.bg-orange-gradient {\n background: linear-gradient(to right, #ff7f2e, #fe7452);\n var(--base-text); }\n .card.bg-green-gradient {\n background: linear-gradient(to right, #24e8a6, #09cdd1);\n var(--base-text); }\n .card.card-no-shadow {\n box-shadow: none; }\n\n.card-inverse-primary {\n background: rgba(33, 150, 243, 0.2);\n border: 1px solid #1e8ae0;\n color: #1972b9; }\n\n.card-inverse-secondary {\n background: rgba(221, 228, 235, 0.2);\n border: 1px solid #cbd2d8;\n color: #a8adb3; }\n\n.card-inverse-success {\n background: rgba(25, 216, 149, 0.2);\n border: 1px solid #17c789;\n color: #13a471; }\n\n.card-inverse-info {\n background: rgba(136, 98, 224, 0.2);\n border: 1px solid #7d5ace;\n color: #674aaa; }\n\n.card-inverse-warning {\n background: rgba(255, 175, 0, 0.2);\n border: 1px solid #eba100;\n color: #c28500; }\n\n.card-inverse-danger {\n background: rgba(255, 98, 88, 0.2);\n border: 1px solid #eb5a51;\n color: #c24a43; }\n\n.card-inverse-light {\n background: rgba(251, 251, 251, 0.2);\n border: 1px solid #e7e7e7;\n color: #bfbfbf; }\n\n.card-inverse-dark {\n background: rgba(37, 44, 70, 0.2);\n border: 1px solid #222840;\n color: #1c2135; }\n\n/* Checkboxes and Radios */\n.form-check,\n.form-radio {\n position: relative;\n display: block;\n margin-top: 15px;\n margin-bottom: 10px; }\n .form-check .form-check-label,\n .form-radio .form-check-label {\n display: block;\n padding-left: 30px;\n line-height: 1.5; }\n .rtl .form-check .form-check-label, .rtl\n .form-radio .form-check-label {\n padding-left: 0;\n padding-right: 30px; }\n .form-check .form-check-label input,\n .form-radio .form-check-label input {\n position: absolute;\n margin-left: -20px;\n margin-top: 4px\\9;\n top: 0;\n left: 0;\n z-index: 1;\n cursor: pointer;\n opacity: 0;\n filter: alpha(opacity=0);\n margin-top: 0; }\n .rtl .form-check .form-check-label input, .rtl\n .form-radio .form-check-label input {\n left: auto;\n right: 0; }\n\n.form-check .form-check-label {\n font-size: 0.875rem;\n line-height: 1.5;\n padding-left: 10px; }\n .form-check .form-check-label input:checked + .input-helper:before {\n background-color: var(--light); }\n .form-check .form-check-label input:checked + .input-helper:after {\n width: 18px;\n opacity: 1;\n line-height: 18px;\n transform: scale(1); }\n .form-check .form-check-label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n .form-check .form-check-label input:disabled:checked + .input-helper:after {\n color: var(--outline); }\n .form-check .form-check-label .input-helper:before {\n position: absolute;\n content: \"\";\n top: 50%;\n transform: translateY(-50%);\n width: 18px;\n height: 18px;\n border-radius: 2px;\n left: 0;\n border: 2px solid var(--outline);\n transition: all;\n transition-duration: 0s;\n transition-duration: 250ms; }\n .rtl .form-check .form-check-label .input-helper:before {\n left: auto;\n right: 0; }\n .form-check .form-check-label .input-helper:after {\n transition: all;\n transition-duration: 0s;\n transition-duration: 250ms;\n font-family: Material Design Icons;\n opacity: 0;\n filter: alpha(opacity=0);\n transform: scale(0);\n content: '\\F12C';\n position: absolute;\n font-size: 0.9375rem;\n font-weight: bold;\n left: 0;\n top: 14%;\n transform: translateY(-14%);\n color: var(--info); }\n .rtl .form-check .form-check-label .input-helper:after {\n left: auto;\n right: 0; }\n\n.form-check.form-check-flat label input:checked + .input-helper:before {\n background-color: var(--success);\n border: none; }\n\n.form-check.form-check-flat label input:disabled + .input-helper:after {\n color: var(--light); }\n\n.form-check.form-check-flat label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n\n.form-check.form-check-flat label input:disabled:checked + .input-helper:before {\n background: var(--light); }\n\n.form-check.form-check-flat label .input-helper:before {\n border: 2px solid var(--outline); }\n\n.form-check.form-check-flat label .input-helper:after {\n color: var(--light); }\n\n.form-radio label input + .input-helper:before {\n position: absolute;\n content: \"\";\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n border: 2px solid var(--outline);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n transition: all;\n transition-duration: 0s;\n -webkit-transition-duration: 250ms;\n transition-duration: 250ms; }\n .rtl .form-radio label input + .input-helper:before {\n left: auto;\n right: 0; }\n\n.form-radio label input + .input-helper:after {\n content: \"\";\n width: 8px;\n height: 8px;\n background: var(--danger);\n border-radius: 50%;\n top: 30%;\n transform: translateY(-30%);\n left: 6px;\n transition: none;\n transition-duration: 250s;\n opacity: 0;\n filter: alpha(opacity=0);\n transform: scale(0);\n position: absolute; }\n .rtl .form-radio label input + .input-helper:after {\n left: auto;\n right: 6px; }\n\n.form-radio label input:checked + .input-helper:before {\n background-color: var(--light);\n border: 2px solid var(--outline);\n top: 30%;\n transform: translateY(-30%); }\n\n.form-radio label input:checked + .input-helper:after {\n opacity: 1;\n line-height: 1.5;\n filter: alpha(opacity=100);\n transform: scale(1); }\n\n.form-radio label input:disabled + .input-helper:before {\n border-color: var(--outline); }\n\n.form-radio label input:disabled:checked + .input-helper:before {\n background-color: var(--light);\n border-color: var(--outline); }\n\n.form-radio label input:disabled:checked + .input-helper:after {\n background-color: var(--outline); }\n\n.form-radio.form-radio-flat label input:checked + .input-helper:before {\n background: var(--success);\n border-color: var(--success);\n top: 50%;\n transform: translateY(-50%); }\n\n.form-radio.form-radio-flat label input:checked + .input-helper:after {\n width: 20px;\n height: 20px;\n top: 50%;\n transform: translateY(-50%);\n left: -2px;\n color: var(--light);\n background: none;\n content: '\\F12C';\n font-family: Material Design Icons;\n text-align: center;\n font-weight: bold; }\n .rtl .form-radio.form-radio-flat label input:checked + .input-helper:after {\n left: auto;\n right: -2px; }\n\n.form-radio.form-radio-flat label input:disabled + .input-helper:before {\n background: rgba(25, 216, 149, 0.4);\n border-color: rgba(25, 216, 149, 0.05); }\n\n/* Dropdowns */\n.dropdown .dropdown-toggle {\n display: flex;\n align-items: center; }\n .dropdown .dropdown-toggle:after {\n border: none;\n content: \"\\F140\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n var(--base-text);\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0; }\n .dropdown .dropdown-toggle.arrow-disabled {\n border: none;\n outline: none;\n box-shadow: none; }\n .dropdown .dropdown-toggle.arrow-disabled:focus, .dropdown .dropdown-toggle.arrow-disabled:visited, .dropdown .dropdown-toggle.arrow-disabled:active {\n outline: none;\n box-shadow: none; }\n .dropdown .dropdown-toggle.arrow-disabled:after {\n display: none; }\n\n.dropdown-menu {\n font-size: 0.875rem;\n border: 1px solid var(--outline); }\n @media (max-width: 992px) {\n .dropdown-menu {\n position: unset; } }\n .dropdown-menu .dropdown-header {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu .dropdown-header * {\n background: inherit;\n color: inherit; }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:hover,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover {\n background: var(--card-banner-bg);\n var(--base-text)fff; }\n .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:active,\n .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:active {\n background: initial; }\n .dropdown-menu .dropdown-item {\n background: var(--dropdown-bg);\n var(--base-text); }\n .dropdown-menu .dropdown-item:hover {\n background: var(--card-banner-bg);\n var(--base-text)fff; }\n .dropdown-menu .dropdown-item:active {\n background: initial; }\n .dropdown-menu.dropdown-menu-left {\n left: 0 !important;\n right: auto !important; }\n @media (max-width: 991px) {\n .dropdown-menu.dropdown-menu-left {\n right: 0 !important; } }\n .dropdown-menu.dropdown-menu-right {\n left: auto !important;\n right: 0 !important; }\n @media (max-width: 991px) {\n .dropdown-menu.dropdown-menu-right {\n left: 0 !important; } }\n\n/* Forms */\n.input-group-append, .input-group-prepend, .asColorPicker-trigger {\n background: var(--card-banner-bg);\n color: var(--gray);\n width: auto;\n border: none; }\n .input-group-append .input-group-text,\n .input-group-prepend .input-group-text,\n .asColorPicker-trigger .input-group-text {\n background: transparent;\n border-color: var(--outline); }\n\n.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint,\n.tt-query,\n.typeahead {\n display: inline-block;\n border: 1px solid var(--outline);\n font-family: \"roboto\", sans-serif;\n font-size: 0.75rem;\n var(--base-text);\n padding: 0 .75rem;\n line-height: 14px;\n font-weight: 300; }\n .form-control.form-control-lg, .form-control-lg.asColorPicker-input, .dataTables_wrapper select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=number], .select2-container--default .form-control-lg.select2-selection--single, .select2-container--default .select2-selection--single .form-control-lg.select2-search__field, .form-control-lg.tt-hint,\n .form-control-lg.tt-query,\n .form-control-lg.typeahead {\n padding: 0.5rem 0.75rem; }\n .form-control.form-control-sm, .form-control-sm.asColorPicker-input, .dataTables_wrapper select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=text],\n .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=number], .select2-container--default .form-control-sm.select2-selection--single, .select2-container--default .select2-selection--single .form-control-sm.select2-search__field, .form-control-sm.tt-hint,\n .form-control-sm.tt-query,\n .form-control-sm.typeahead {\n padding: 0.25rem 0.75rem; }\n\ntextarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint,\ntextarea.tt-query,\ntextarea.typeahead {\n height: auto;\n padding-top: 1rem;\n padding-bottom: 1rem; }\n\nselect.form-control, select.asColorPicker-input, .dataTables_wrapper select,\n.jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.tt-hint,\nselect.tt-query,\nselect.typeahead {\n padding: 0.4375rem 0.75rem; }\n\n.form-group label {\n font-size: 0.875rem;\n line-height: 1;\n vertical-align: top; }\n\n.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text],\n.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], .form-group.has-danger .select2-container--default .select2-selection--single, .select2-container--default .form-group.has-danger .select2-selection--single, .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, .form-group.has-danger .tt-hint,\n.form-group.has-danger .tt-query,\n.form-group.has-danger .typeahead {\n border-color: var(--danger); }\n\n.form-group .file-upload-default {\n visibility: hidden;\n position: absolute; }\n\n.form-group .file-upload-info {\n background: transparent; }\n\n.map-container {\n position: relative;\n min-width: 100%;\n max-width: 100%;\n display: block;\n padding: 35% 0;\n overflow: hidden;\n border-radius: 5px; }\n .map-container .google-map {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 100%; }\n .map-container .google-map.no-controls .gm-style-cc,\n .map-container .google-map.no-controls .gmnoprint {\n display: none; }\n\n/* Icons */\n.icons-list {\n border-left: 1px solid var(--outline);\n border-bottom: 1px solid var(--outline); }\n .icons-list > div {\n background: var(--dropdown-bg);\n border-top: 1px solid var(--outline);\n border-right: 1px solid var(--outline);\n display: flex;\n align-items: center;\n padding: 15px;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem; }\n .icons-list > div i {\n display: inline-block;\n font-size: 20px;\n width: 40px;\n text-align: left;\n color: var(--primary); }\n\n/* Lists */\ndl,\nol,\nul {\n padding-left: 1rem;\n font-size: 0.875rem; }\n dl li,\n ol li,\n ul li {\n line-height: 1.8; }\n\n.list-arrow,\n.list-star,\n.list-ticked {\n list-style: none;\n padding: 0; }\n .list-arrow li,\n .list-star li,\n .list-ticked li {\n padding-left: 1.5rem; }\n .list-arrow li:before,\n .list-star li:before,\n .list-ticked li:before {\n font-family: \"Material Design Icons\";\n margin-left: -1.5rem;\n width: 1.5rem;\n margin-right: 0.5rem; }\n\n.list-ticked li:before {\n content: '\\F12D';\n color: var(--danger); }\n\n.list-arrow li:before {\n content: '\\F142';\n color: var(--success); }\n\n.list-star li:before {\n content: '\\F4CE';\n color: var(--warning); }\n\n.bullet-line-list {\n padding-left: 30px;\n margin-bottom: 0;\n position: relative;\n list-style-type: none; }\n .rtl .bullet-line-list {\n padding-right: 0px; }\n .bullet-line-list li {\n position: relative;\n line-height: 1;\n padding-bottom: 10px; }\n .bullet-line-list li:before {\n content: \"\";\n position: absolute;\n border-radius: 100%;\n width: 12px;\n height: 12px;\n left: -28px;\n top: 6px;\n border: 3px solid var(--primary);\n margin-right: 15px;\n z-index: 2;\n background: var(--white); }\n .bullet-line-list li:after {\n content: \"\";\n border: 1px solid var(--outline);\n position: absolute;\n bottom: 0;\n left: -23px;\n height: 100%; }\n .bullet-line-list li:first-child:after {\n content: \"\";\n height: 80%; }\n .bullet-line-list li:last-child {\n padding-bottom: 0; }\n .bullet-line-list li:last-child:after {\n content: \"\";\n top: 0;\n height: 30%; }\n\n/* Loaders */\n#pgloading {\n position: static; }\n #pgloading .bokeh {\n font-size: 100px;\n width: 1em;\n height: 1em;\n position: relative;\n margin: 0 auto;\n border-radius: 50%;\n border: 0.01em solid var(--outline);\n list-style: none;\n padding: 0; }\n #pgloading .bokeh li {\n position: absolute;\n width: 0.2em;\n height: 0.2em;\n border-radius: 50%; }\n #pgloading .bokeh li:nth-child(1) {\n left: 50%;\n top: 0;\n margin: 0 0 0 -.1em;\n background: var(--success);\n -webkit-transform-origin: 50% 250%;\n transform-origin: 50% 250%;\n -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;\n animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(2) {\n top: 50%;\n right: 0;\n margin: -.1em 0 0;\n background: var(--danger);\n -webkit-transform-origin: -150% 50%;\n transform-origin: -150% 50%;\n -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;\n animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(3) {\n left: 50%;\n bottom: 0;\n margin: 0 0 0 -.1em;\n background: var(--warning);\n -webkit-transform-origin: 50% -150%;\n transform-origin: 50% -150%;\n -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;\n animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; }\n #pgloading .bokeh li:nth-child(4) {\n top: 50%;\n left: 0;\n margin: -.1em 0 0;\n background: var(--primary);\n -webkit-transform-origin: 250% 50%;\n transform-origin: 250% 50%;\n -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;\n animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; }\n\n@-webkit-keyframes rota {\n from { }\n to {\n -webkit-transform: rotate(360deg); } }\n\n@keyframes rota {\n from { }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes opa {\n 0% { }\n 12.0% {\n opacity: 0.80; }\n 19.5% {\n opacity: 0.88; }\n 37.2% {\n opacity: 0.64; }\n 40.5% {\n opacity: 0.52; }\n 52.7% {\n opacity: 0.69; }\n 60.2% {\n opacity: 0.60; }\n 66.6% {\n opacity: 0.52; }\n 70.0% {\n opacity: 0.63; }\n 79.9% {\n opacity: 0.60; }\n 84.2% {\n opacity: 0.75; }\n 91.0% {\n opacity: 0.87; } }\n\n@keyframes opa {\n 0% { }\n 12.0% {\n opacity: 0.80; }\n 19.5% {\n opacity: 0.88; }\n 37.2% {\n opacity: 0.64; }\n 40.5% {\n opacity: 0.52; }\n 52.7% {\n opacity: 0.69; }\n 60.2% {\n opacity: 0.60; }\n 66.6% {\n opacity: 0.52; }\n 70.0% {\n opacity: 0.63; }\n 79.9% {\n opacity: 0.60; }\n 84.2% {\n opacity: 0.75; }\n 91.0% {\n opacity: 0.87; } }\n\n.glowing-loader {\n position: relative; }\n\n.s2 {\n position: absolute;\n height: 70px;\n width: 70px;\n top: 50px;\n background-color: transparent;\n left: 50%;\n transform: translate(-50%, -50%); }\n\n.s1 {\n position: absolute;\n height: 70px;\n width: 70px;\n left: 50%;\n top: 50px;\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(45deg);\n background-color: transparent; }\n\n.bigcon {\n position: absolute;\n height: 75px;\n width: 75px;\n left: 50%;\n top: 50px;\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(-45deg);\n background-color: transparent;\n animation: bigcon 2s infinite linear;\n animation-delay: 0.25s; }\n\n.b {\n border-radius: 50%;\n position: absolute; }\n\n.s {\n width: 15px;\n height: 15px;\n animation: small 2s infinite ease;\n box-shadow: 0 2px rgba(0, 0, 0, 0.3);\n background-color: var(--primary); }\n\n.s:nth-child(1) {\n top: 0;\n left: 0; }\n\n.s:nth-child(2) {\n top: 0;\n right: 0; }\n\n.s:nth-child(3) {\n right: 0;\n bottom: 0; }\n\n.s:nth-child(4) {\n bottom: 0;\n left: 0; }\n\n.big {\n width: 15px;\n height: 15px;\n border-radius: 15px;\n box-shadow: 0 0 10px var(--primary), 0 0 20px var(--primary), 0 0 30px var(--primary), 0 0 50px var(--primary), 0 0 60px var(--primary);\n z-index: 1;\n background-color: var(--primary);\n animation: bigball 1s infinite linear; }\n\n.sb1 {\n animation-delay: -1.75s; }\n\n.sb6 {\n animation-delay: -1.5s; }\n\n.sb2 {\n animation-delay: -1.25s; }\n\n.sb7 {\n animation-delay: -1s; }\n\n.sb3 {\n animation-delay: -0.75s; }\n\n.sb8 {\n animation-delay: -0.5s; }\n\n.sb4 {\n animation-delay: -0.25s; }\n\n.sb5 {\n animation-delay: -0s; }\n\n@keyframes bigcon {\n 0% {\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(45deg); }\n 100% {\n transform-origin: center;\n transform: translate(-50%, -50%) rotate(405deg); } }\n\n@keyframes small {\n 0% {\n transform: scale(1);\n background-color: #82c4f8; }\n 10% {\n transform: scale(1.3);\n background-color: var(--primary); }\n 15% {\n transform: scale(1); }\n 25% {\n transform: scale(1);\n background-color: var(--primary); }\n 100% {\n transform: scale(1);\n background-color: var(--primary); } }\n\n/* Pixel loader */\n.pixel-loader {\n width: 10px;\n height: 10px;\n background: var(--warning);\n color: var(--warning);\n margin: 80px auto;\n box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;\n animation: anim 2s linear infinite; }\n\n@keyframes anim {\n 0% {\n -webkit-filter: hue-rotate(0deg); }\n 50% {\n box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; }\n 75% {\n box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; }\n 100% {\n transform: rotate(360deg);\n -webkit-filter: hue-rotate(360deg); } }\n\n/* Square box loader */\n@keyframes dyinglight {\n 15% {\n transform: scale(1.6); }\n 50% {\n transform: rotate(-89deg); }\n 100% {\n transform: rotate(-90deg); } }\n\n.square-box-loader {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: inline-block; }\n\n.square-box-loader-square {\n display: block;\n width: 30px;\n height: 30px;\n background: var(--primary); }\n\n.square-box-loader-container {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n transform-origin: 50% 50% 0;\n animation: dyinglight 1s ease infinite;\n backface-visibility: hidden; }\n\n.square-box-loader-corner-bottom:after,\n.square-box-loader-corner-bottom:before,\n.square-box-loader-corner-top:after,\n.square-box-loader-corner-top:before {\n position: absolute;\n width: 10px;\n height: 10px;\n color: var(--primary);\n content: ''; }\n\n.square-box-loader-corner-top:before {\n border-left: 1px solid;\n border-top: 1px solid;\n top: -4px;\n left: -4px; }\n\n.square-box-loader-corner-top:after {\n border-right: 1px solid;\n border-top: 1px solid;\n top: -4px;\n right: -4px; }\n\n.square-box-loader-corner-bottom:before {\n border-left: 1px solid;\n border-bottom: 1px solid;\n bottom: -4px;\n left: -4px; }\n\n.square-box-loader-corner-bottom:after {\n border-right: 1px solid;\n border-bottom: 1px solid;\n bottom: -4px;\n right: -4px; }\n\n/* Circle loader */\n.circle-loader {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.circle-loader:after,\n.circle-loader:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n border: 10px solid transparent;\n border-top-color: var(--warning); }\n\n.circle-loader:before {\n z-index: 100;\n animation: spin 1s infinite; }\n\n.circle-loader:after {\n border: 10px solid var(--secondary); }\n\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n/* Jumping dots loader */\n.jumping-dots-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.jumping-dots-loader span {\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n background-color: rgba(255, 98, 88, 0.8);\n margin: 35px 5px; }\n\n.jumping-dots-loader span:nth-child(1) {\n animation: bounce 1s ease-in-out infinite; }\n\n.jumping-dots-loader span:nth-child(2) {\n animation: bounce 1s ease-in-out 0.33s infinite; }\n\n.jumping-dots-loader span:nth-child(3) {\n animation: bounce 1s ease-in-out 0.66s infinite; }\n\n@keyframes bounce {\n 0%,\n 100%,\n 75% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0); }\n 25% {\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n -o-transform: translateY(-20px);\n transform: translateY(-20px); } }\n\n/* Bar loader */\n.bar-loader {\n width: 50px;\n height: 50px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.bar-loader span {\n display: inline-block;\n width: 5px;\n height: 30px;\n background-color: rgba(255, 98, 88, 0.7); }\n\n.bar-loader span:nth-child(1) {\n animation: grow 1s ease-in-out infinite; }\n\n.bar-loader span:nth-child(2) {\n animation: grow 1s ease-in-out 0.15s infinite; }\n\n.bar-loader span:nth-child(3) {\n animation: grow 1s ease-in-out 0.30s infinite; }\n\n.bar-loader span:nth-child(4) {\n animation: grow 1s ease-in-out 0.45s infinite; }\n\n@keyframes grow {\n 0%,\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n -o-transform: scaleY(1);\n transform: scaleY(1); }\n 50% {\n -webkit-transform: scaleY(1.8);\n -ms-transform: scaleY(1.8);\n -o-transform: scaleY(1.8);\n transform: scaleY(1.8); } }\n\n/* Square path loader */\n.square-path-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.square-path-loader:after,\n.square-path-loader:before {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 0;\n left: calc(50% - 10px);\n background-color: rgba(25, 216, 149, 0.7);\n animation: squaremove 1s ease-in-out infinite; }\n\n.square-path-loader:after {\n bottom: 0;\n animation-delay: 0.5s; }\n\n@keyframes squaremove {\n 0%,\n 100% {\n -webkit-transform: translate(0, 0) rotate(0);\n -ms-transform: translate(0, 0) rotate(0);\n -o-transform: translate(0, 0) rotate(0);\n transform: translate(0, 0) rotate(0); }\n 25% {\n -webkit-transform: translate(40px, 40px) rotate(45deg);\n -ms-transform: translate(40px, 40px) rotate(45deg);\n -o-transform: translate(40px, 40px) rotate(45deg);\n transform: translate(40px, 40px) rotate(45deg); }\n 50% {\n -webkit-transform: translate(0px, 80px) rotate(0deg);\n -ms-transform: translate(0px, 80px) rotate(0deg);\n -o-transform: translate(0px, 80px) rotate(0deg);\n transform: translate(0px, 80px) rotate(0deg); }\n 75% {\n -webkit-transform: translate(-40px, 40px) rotate(45deg);\n -ms-transform: translate(-40px, 40px) rotate(45deg);\n -o-transform: translate(-40px, 40px) rotate(45deg);\n transform: translate(-40px, 40px) rotate(45deg); } }\n\n/* Dot opacity loader */\n.dot-opacity-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.dot-opacity-loader span {\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n background-color: var(--primary);\n margin: 35px 5px;\n opacity: 0; }\n\n.dot-opacity-loader span:nth-child(1) {\n animation: opacitychange 1s ease-in-out infinite; }\n\n.dot-opacity-loader span:nth-child(2) {\n animation: opacitychange 1s ease-in-out 0.33s infinite; }\n\n.dot-opacity-loader span:nth-child(3) {\n animation: opacitychange 1s ease-in-out 0.66s infinite; }\n\n@keyframes opacitychange {\n 0%,\n 100% {\n opacity: 0; }\n 60% {\n opacity: 1; } }\n\n/* Flip square */\n.flip-square-loader {\n -webkit-perspective: 120px;\n -moz-perspective: 120px;\n -ms-perspective: 120px;\n perspective: 120px;\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.flip-square-loader:before {\n content: \"\";\n position: absolute;\n left: 25px;\n top: 25px;\n width: 50px;\n height: 50px;\n background-color: rgba(25, 216, 149, 0.7);\n animation: flip 1s infinite; }\n\n@keyframes flip {\n 0% {\n transform: rotate(0); }\n 50% {\n transform: rotateY(180deg); }\n 100% {\n transform: rotateY(180deg) rotateX(180deg); } }\n\n/* Moving square loader */\n.moving-square-loader {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n position: relative;\n margin: 0 auto; }\n\n.moving-square-loader:before {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: calc(50% - 10px);\n left: 0;\n background-color: rgba(255, 98, 88, 0.7);\n animation: rotatemove 1s infinite; }\n\n@keyframes rotatemove {\n 0% {\n -webkit-transform: scale(1) translateX(0px);\n -ms-transform: scale(1) translateX(0px);\n -o-transform: scale(1) translateX(0px);\n transform: scale(1) translateX(0px); }\n 100% {\n -webkit-transform: scale(2) translateX(45px);\n -ms-transform: scale(2) translateX(45px);\n -o-transform: scale(2) translateX(45px);\n transform: scale(2) translateX(45px); } }\n\n/* Modals */\n.modal .modal-dialog .modal-content {\n background: var(--card-banner-bg); }\n .modal .modal-dialog .modal-content .modal-header {\n padding: 25px 26px;\n border-bottom: 1px solid var(--outline); }\n .modal .modal-dialog .modal-content .modal-header .close span {\n font-size: 20px;\n font-weight: 400;\n color: #6a6a6a; }\n .modal .modal-dialog .modal-content .modal-body {\n padding: 35px 26px; }\n .modal .modal-dialog .modal-content .modal-footer {\n padding: 15px 31px;\n border-top: 1px solid var(--outline); }\n\n/* New Account */\n.new-accounts {\n overflow: hidden;\n position: relative; }\n .new-accounts ul.chats {\n height: 100%;\n padding: 0;\n margin-bottom: 0;\n overflow-x: hidden; }\n .new-accounts ul.chats li.chat-persons {\n padding: 15px 0;\n display: block;\n border-bottom: 1px solid var(--outline); }\n .new-accounts ul.chats li.chat-persons:last-child {\n border-bottom: none; }\n .new-accounts ul.chats li.chat-persons .btn.btn-xs, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .btn-xs.ajax-file-upload, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .btn-xs.swal2-styled, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions a.btn-xs, .wizard > .actions .new-accounts ul.chats li.chat-persons a.btn-xs {\n padding: 0.2rem 0.75rem; }\n .new-accounts ul.chats li.chat-persons a {\n text-decoration: none; }\n .new-accounts ul.chats li.chat-persons a span.pro-pic {\n display: inline-block;\n padding: 0;\n width: 20%;\n max-width: 40px; }\n .new-accounts ul.chats li.chat-persons a span.pro-pic img {\n max-width: 100%;\n width: 100%;\n border-radius: 100%; }\n .new-accounts ul.chats li.chat-persons a div.user {\n width: 60%;\n padding: 5px 10px 0 15px; }\n .new-accounts ul.chats li.chat-persons a div.user p.u-name {\n margin: 0;\n var(--base-text); }\n .new-accounts ul.chats li.chat-persons a div.user p.u-designation {\n margin: 0;\n var(--base-text);\n font-size: 12px; }\n .new-accounts ul.chats li.chat-persons a p.joined-date {\n text-align: right;\n margin-left: auto;\n margin-bottom: 0;\n font-size: 12px; }\n .rtl .new-accounts ul.chats li.chat-persons a p.joined-date {\n margin-left: 0;\n margin-right: auto; }\n\n/* Pagination */\n.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page a {\n border-color: var(--outline);\n var(--base-text);\n font-size: 0.875rem;\n transition-duration: 0.3s;\n background: var(--card-banner-bg); }\n .pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,\n .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {\n background: inherit; }\n .pagination .page-item .page-link i:before, .jsgrid .jsgrid-pager .page-item .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {\n font-size: inherit;\n line-height: 1;\n vertical-align: middle; }\n\n.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,\n.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,\n.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,\n.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,\n.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,\n.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,\n.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,\n.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {\n background: var(--primary);\n border-color: var(--primary);\n var(--base-text)fff; }\n\n.pagination.flat .page-item .page-link, .jsgrid .flat.jsgrid-pager .page-item .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a,\n.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a,\n.jsgrid .flat.jsgrid-pager .jsgrid-pager-page a {\n border: none;\n border-radius: 2px; }\n\n.pagination.separated .page-item, .jsgrid .separated.jsgrid-pager .page-item, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page,\n.jsgrid .separated.jsgrid-pager .jsgrid-pager-page {\n margin-left: 2px;\n margin-right: 2px; }\n .pagination.separated .page-item:first-child, .jsgrid .separated.jsgrid-pager .page-item:first-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child {\n margin-left: 0; }\n .pagination.separated .page-item:last-child, .jsgrid .separated.jsgrid-pager .page-item:last-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child {\n margin-right: 0; }\n .pagination.separated .page-item .page-link, .jsgrid .separated.jsgrid-pager .page-item .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a,\n .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a,\n .jsgrid .separated.jsgrid-pager .jsgrid-pager-page a {\n border-radius: 2px; }\n\n.pagination.rounded .page-item:first-child .page-link, .pagination.loader-demo-box .page-item:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a, .pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a,\n.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a,\n.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a,\n.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a {\n border-radius: 25px 0 0 25px; }\n\n.pagination.rounded .page-item:last-child .page-link, .pagination.loader-demo-box .page-item:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a, .pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a,\n.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a,\n.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a,\n.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a,\n.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a {\n border-radius: 0 25px 25px 0; }\n\n.pagination.rounded-flat .page-item, .jsgrid .rounded-flat.jsgrid-pager .page-item, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page,\n.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page {\n margin-right: 3px;\n margin-left: 3px; }\n .pagination.rounded-flat .page-item .page-link, .jsgrid .rounded-flat.jsgrid-pager .page-item .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a,\n .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a,\n .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a {\n border: none;\n border-radius: 50px; }\n\n.pagination.rounded-separated .page-item, .jsgrid .rounded-separated.jsgrid-pager .page-item, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button,\n.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page,\n.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page {\n margin-left: 2px;\n margin-right: 2px; }\n .pagination.rounded-separated .page-item:first-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child {\n margin-left: 0; }\n .pagination.rounded-separated .page-item:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a,\n .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a,\n .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a {\n border-radius: 10px 0 0 10px; }\n .pagination.rounded-separated .page-item:last-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child {\n margin-right: 0; }\n .pagination.rounded-separated .page-item:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a,\n .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a,\n .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a {\n border-radius: 0 10px 10px 0; }\n .pagination.rounded-separated .page-item .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a,\n .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a,\n .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a {\n border-radius: 2px; }\n\n/* pagination variations */\n.pagination-primary .page-item.active .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,\n.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a,\n.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {\n background: var(--primary);\n border-color: var(--primary); }\n\n.pagination-primary .page-item .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,\n.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {\n background: #39a1f4;\n border-color: var(--primary);\n var(--base-text)fff; }\n\n.pagination-secondary .page-item.active .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a,\n.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a,\n.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {\n background: var(--secondary);\n border-color: var(--secondary); }\n\n.pagination-secondary .page-item .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover,\n.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover {\n background: #edf1f4;\n border-color: var(--secondary);\n var(--base-text)fff; }\n\n.pagination-success .page-item.active .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link, .pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a,\n.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a,\n.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {\n background: var(--success);\n border-color: var(--success); }\n\n.pagination-success .page-item .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover,\n.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {\n background: #25e6a2;\n border-color: var(--success);\n var(--base-text)fff; }\n\n.pagination-info .page-item.active .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a,\n.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,\n.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {\n background: var(--info);\n border-color: var(--info); }\n\n.pagination-info .page-item .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover,\n.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {\n background: #9877e4;\n border-color: var(--info);\n var(--base-text)fff; }\n\n.pagination-warning .page-item.active .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link, .pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a,\n.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a,\n.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {\n background: var(--warning);\n border-color: var(--warning); }\n\n.pagination-warning .page-item .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover,\n.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {\n background: #ffb71a;\n border-color: var(--warning);\n var(--base-text)fff; }\n\n.pagination-danger .page-item.active .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a,\n.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a,\n.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {\n background: var(--danger);\n border-color: var(--danger); }\n\n.pagination-danger .page-item .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover,\n.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {\n background: #ff7a72;\n border-color: var(--danger);\n var(--base-text)fff; }\n\n.pagination-light .page-item.active .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a,\n.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,\n.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {\n background: var(--light);\n border-color: var(--light); }\n\n.pagination-light .page-item .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover,\n.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {\n background: white;\n border-color: var(--light);\n var(--base-text)fff; }\n\n.pagination-dark .page-item.active .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link, .pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a,\n.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,\n.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {\n background: var(--dark);\n border-color: var(--dark); }\n\n.pagination-dark .page-item .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover,\n.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {\n background: #2e3657;\n border-color: var(--dark);\n var(--base-text)fff; }\n\n/* Popovers */\n.popover-static-demo .popover {\n width: 185px;\n position: relative;\n display: block;\n float: left;\n margin: 1rem 0.5rem; }\n .popover-static-demo .popover.bs-popover-bottom-demo .arrow, .popover-static-demo .popover.bs-popover-top-demo .arrow {\n left: 50%;\n transform: translateX(-50%); }\n .popover-static-demo .popover.bs-popover-left-demo .arrow, .popover-static-demo .popover.bs-popover-right-demo .arrow {\n top: 50%;\n transform: translateY(-50%); }\n\n.popover {\n z-index: 1029; }\n .popover.bs-popover-top-demo .arrow:before {\n border-top-color: var(--card-banner-bg); }\n .popover.bs-popover-top-demo .arrow:after {\n border-top-color: var(--card-banner-bg); }\n .popover.bs-popover-right-demo .arrow:before {\n border-right-color: var(--card-banner-bg); }\n .popover.bs-popover-right-demo .arrow:after {\n border-right-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .arrow:before {\n border-bottom-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .arrow:after {\n border-bottom-color: var(--card-banner-bg); }\n .popover.bs-popover-bottom-demo .popover-header:before {\n border-bottom: 0; }\n .popover.bs-popover-left-demo .arrow:before {\n border-left-color: var(--card-banner-bg); }\n .popover.bs-popover-left-demo .arrow:after {\n border-left-color: var(--card-banner-bg); }\n .popover .popover-header {\n font-size: 0.9375rem;\n border-bottom: 0;\n color: var(--primary);\n background: var(--card-banner-bg); }\n .popover .popover-body {\n color: #000;\n background: var(--card-banner-bg); }\n .popover.left .arrow:after {\n border-left-color: var(--card-banner-bg); }\n .popover.right .arrow:after {\n border-right-color: var(--card-banner-bg); }\n\n.popover-primary .popover-header {\n background: var(--primary);\n var(--base-text)fff; }\n\n.popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--primary); }\n\n.popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--primary); }\n\n.popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--primary); }\n\n.popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--primary); }\n\n.popover-secondary .popover-header {\n background: var(--secondary);\n var(--base-text)fff; }\n\n.popover-secondary.bs-popover-top .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-secondary.bs-popover-top .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--secondary); }\n\n.popover-secondary.bs-popover-right .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-secondary.bs-popover-right .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--secondary); }\n\n.popover-secondary.bs-popover-bottom .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-secondary.bs-popover-bottom .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--secondary); }\n\n.popover-secondary.bs-popover-left .arrow:after, .popover-secondary.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-secondary.bs-popover-left .arrow:before, .popover-secondary.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--secondary); }\n\n.popover-success .popover-header {\n background: var(--success);\n var(--base-text)fff; }\n\n.popover-success.bs-popover-top .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-success.bs-popover-top .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--success); }\n\n.popover-success.bs-popover-right .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-success.bs-popover-right .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--success); }\n\n.popover-success.bs-popover-bottom .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-success.bs-popover-bottom .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--success); }\n\n.popover-success.bs-popover-left .arrow:after, .popover-success.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-success.bs-popover-left .arrow:before, .popover-success.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--success); }\n\n.popover-info .popover-header {\n background: var(--info);\n var(--base-text)fff; }\n\n.popover-info.bs-popover-top .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-info.bs-popover-top .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--info); }\n\n.popover-info.bs-popover-right .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-info.bs-popover-right .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--info); }\n\n.popover-info.bs-popover-bottom .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-info.bs-popover-bottom .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--info); }\n\n.popover-info.bs-popover-left .arrow:after, .popover-info.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-info.bs-popover-left .arrow:before, .popover-info.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--info); }\n\n.popover-warning .popover-header {\n background: var(--warning);\n var(--base-text)fff; }\n\n.popover-warning.bs-popover-top .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-warning.bs-popover-top .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--warning); }\n\n.popover-warning.bs-popover-right .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-warning.bs-popover-right .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--warning); }\n\n.popover-warning.bs-popover-bottom .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-warning.bs-popover-bottom .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--warning); }\n\n.popover-warning.bs-popover-left .arrow:after, .popover-warning.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-warning.bs-popover-left .arrow:before, .popover-warning.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--warning); }\n\n.popover-danger .popover-header {\n background: var(--danger);\n var(--base-text)fff; }\n\n.popover-danger.bs-popover-top .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-danger.bs-popover-top .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--danger); }\n\n.popover-danger.bs-popover-right .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-danger.bs-popover-right .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--danger); }\n\n.popover-danger.bs-popover-bottom .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-danger.bs-popover-bottom .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--danger); }\n\n.popover-danger.bs-popover-left .arrow:after, .popover-danger.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-danger.bs-popover-left .arrow:before, .popover-danger.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--danger); }\n\n.popover-light .popover-header {\n background: var(--light);\n var(--base-text)fff; }\n\n.popover-light.bs-popover-top .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-light.bs-popover-top .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--light); }\n\n.popover-light.bs-popover-right .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-light.bs-popover-right .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--light); }\n\n.popover-light.bs-popover-bottom .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-light.bs-popover-bottom .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--light); }\n\n.popover-light.bs-popover-left .arrow:after, .popover-light.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-light.bs-popover-left .arrow:before, .popover-light.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--light); }\n\n.popover-dark .popover-header {\n background: var(--dark);\n var(--base-text)fff; }\n\n.popover-dark.bs-popover-top .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"top\"] .arrow:after, .popover-dark.bs-popover-top .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"top\"] .arrow:before {\n border-top-color: var(--dark); }\n\n.popover-dark.bs-popover-right .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"right\"] .arrow:after, .popover-dark.bs-popover-right .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"right\"] .arrow:before {\n border-right-color: var(--dark); }\n\n.popover-dark.bs-popover-bottom .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"bottom\"] .arrow:after, .popover-dark.bs-popover-bottom .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"bottom\"] .arrow:before {\n border-bottom-color: var(--dark); }\n\n.popover-dark.bs-popover-left .arrow:after, .popover-dark.bs-popover-auto[x-placement^=\"left\"] .arrow:after, .popover-dark.bs-popover-left .arrow:before, .popover-dark.bs-popover-auto[x-placement^=\"left\"] .arrow:before {\n border-left-color: var(--dark); }\n\n/* Portfolio */\n.portfolio-grid figure {\n position: relative;\n float: left;\n overflow: hidden;\n width: 100%;\n background: var(--warning);\n text-align: center;\n cursor: pointer; }\n @media (max-width: 767px) {\n .portfolio-grid figure {\n width: 270px; } }\n .portfolio-grid figure img {\n position: relative;\n display: block;\n min-height: 100%;\n max-width: 100%;\n width: 100%;\n opacity: 0.8; }\n .portfolio-grid figure figcaption {\n padding: 2em;\n var(--base-text)fff;\n text-transform: uppercase;\n font-size: 1.25em;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n .portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before {\n pointer-events: none; }\n .portfolio-grid figure.effect-text-in {\n border-radius: 0.25rem; }\n .portfolio-grid figure.effect-text-in h4,\n .portfolio-grid figure.effect-text-in img {\n -webkit-transition: -webkit-transform 0.35s;\n transition: transform 0.35s; }\n .portfolio-grid figure.effect-text-in img {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden; }\n .portfolio-grid figure.effect-text-in h4,\n .portfolio-grid figure.effect-text-in p {\n position: absolute;\n bottom: 10px;\n left: 0;\n padding: 10px;\n margin-bottom: 0;\n width: 100%; }\n .portfolio-grid figure.effect-text-in p {\n text-transform: none;\n opacity: 0;\n -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n transition: opacity 0.35s, transform 0.35s;\n -webkit-transform: translate3d(0, 50px, 0);\n transform: translate3d(0, 50px, 0); }\n .portfolio-grid figure.effect-text-in:hover img {\n -webkit-transform: translate3d(0, -80px, 0);\n transform: translate3d(0, -80px, 0); }\n .portfolio-grid figure.effect-text-in:hover h4 {\n -webkit-transform: translate3d(0, -100px, 0);\n transform: translate3d(0, -100px, 0); }\n .portfolio-grid figure.effect-text-in:hover p {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n/* Preview */\n.preview-list .preview-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0.75rem 1.5rem;\n font-size: 0.875rem;\n border-bottom: 1px solid var(--outline); }\n .preview-list .preview-item:last-child {\n border-bottom: 0; }\n .preview-list .preview-item .form-check {\n margin-top: 8px;\n margin-right: 1rem; }\n .preview-list .preview-item .preview-thumbnail {\n var(--base-text)fff;\n position: relative; }\n .preview-list .preview-item .preview-thumbnail .preview-icon,\n .preview-list .preview-item .preview-thumbnail img {\n border-radius: 100%; }\n .preview-list .preview-item .preview-thumbnail .preview-icon {\n padding: 6px;\n text-align: center; }\n .preview-list .preview-item .preview-thumbnail .preview-icon i {\n font-size: 1.125rem; }\n .preview-list .preview-item .preview-thumbnail .badge {\n border: 2px solid var(--outline);\n border-radius: 100%;\n bottom: 5px;\n display: block;\n height: 14px;\n left: -5px;\n padding: 0;\n position: absolute;\n width: 14px; }\n .preview-list .preview-item .preview-item-content {\n line-height: 1;\n padding-left: 1.5rem;\n var(--base-text); }\n .rtl .preview-list .preview-item .preview-item-content {\n padding-left: 0;\n padding-right: 1.5rem; }\n .preview-list .preview-item .preview-item-content:first-child {\n padding-left: 0; }\n .rtl .preview-list .preview-item .preview-item-content:first-child {\n padding-right: 0; }\n .preview-list .preview-item .preview-item-content p {\n margin-bottom: 10px; }\n .preview-list .preview-item .preview-item-content p .content-category {\n font-family: \"roboto\", sans-serif;\n padding-right: 15px;\n border-right: 1px solid var(--outline); }\n .preview-list .preview-item .preview-actions {\n display: flex;\n flex-direction: row; }\n .preview-list .preview-item .preview-actions i {\n width: 29px;\n color: var(--gray-lightest);\n height: 29px;\n border: 2px solid var(--gray-lightest);\n border-radius: 100%;\n padding: 3px 6px;\n display: inline-block; }\n .preview-list .preview-item .preview-actions i:first-child {\n margin-right: 10px; }\n\n.preview-list.comment-preview .preview-item {\n padding: 0.87rem 0; }\n .preview-list.comment-preview .preview-item:first-child {\n padding-top: 0; }\n .preview-list.comment-preview .preview-item p {\n line-height: 27px; }\n\n.preview-list.bordered .preview-item {\n border-bottom: 1px solid var(--outline); }\n .preview-list.bordered .preview-item:last-child {\n border-bottom: 0; }\n\n/* Pricing table */\n.pricing-table .pricing-card .pricing-card-body {\n padding: 50px 56px 43px; }\n .pricing-table .pricing-card .pricing-card-body .plan-features {\n width: 100%;\n margin-bottom: 32px; }\n .pricing-table .pricing-card .pricing-card-body .plan-features li {\n text-align: left;\n padding: 4px 0;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem; }\n\n/* Tables */\n.table, .jsgrid .jsgrid-table {\n margin-bottom: 0; }\n .table thead th, .jsgrid .jsgrid-table thead th {\n border-top: 0;\n border-bottom-width: 1px;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n var(--base-text);\n border-bottom-color: var(--outline); }\n .table thead th i, .jsgrid .jsgrid-table thead th i {\n margin-left: 0.325rem; }\n .table tbody td, .jsgrid .jsgrid-table tbody td {\n border-top-color: var(--outline); }\n \n .table td,\n .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th {\n vertical-align: middle;\n font-size: 0.875rem;\n line-height: 1;\n white-space: nowrap;\n height: 35px;\n padding: 12px 15px; }\n .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image),\n .table th img:not(.thumb-image),\n .jsgrid .jsgrid-table th img:not(.thumb-image) {\n border-radius: 100%; }\n .table td img.thumb-image, .jsgrid .jsgrid-table td img.thumb-image,\n .table th img.thumb-image,\n .jsgrid .jsgrid-table th img.thumb-image {\n width: 50px;\n height: 50px;\n border: 1px solid var(--outline); }\n .table td .badge, .jsgrid .jsgrid-table td .badge,\n .table th .badge,\n .jsgrid .jsgrid-table th .badge {\n margin-bottom: 0; }\n .table td .form-check, .jsgrid .jsgrid-table td .form-check,\n .table td .form-radio,\n .jsgrid .jsgrid-table td .form-radio,\n .table th .form-check,\n .jsgrid .jsgrid-table th .form-check,\n .table th .form-radio,\n .jsgrid .jsgrid-table th .form-radio {\n margin-top: 0;\n margin-bottom: -0px; }\n \n .table td,\n .jsgrid .jsgrid-table td {\n var(--base-text); }\n .table td .form-check .form-check-label input:checked + .input-helper:after, .jsgrid .jsgrid-table td .form-check .form-check-label input:checked + .input-helper:after {\n line-height: 1px; }\n .table.table-borderless, .jsgrid .table-borderless.jsgrid-table {\n border: none; }\n .table.table-borderless td, .jsgrid .table-borderless.jsgrid-table td,\n .table.table-borderless th,\n .jsgrid .table-borderless.jsgrid-table th,\n .table.table-borderless tr,\n .jsgrid .table-borderless.jsgrid-table tr {\n border: none; }\n .table.table-bordered thead, .jsgrid .table-bordered.jsgrid-table thead {\n border: 1px solid var(--outline);\n border-bottom: none; }\n .table.table-bordered thead tr:not(.enable-border) th, .jsgrid .table-bordered.jsgrid-table thead tr:not(.enable-border) th {\n border-left: none;\n border-right: none; }\n .table.table-bordered td, .jsgrid .table-bordered.jsgrid-table td {\n border-color: var(--outline); }\n .table.table-bordered.table-edge-border-0, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table {\n border-left: none;\n border-right: none;\n border-bottom: none; }\n .table.table-bordered.table-edge-border-0 thead, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table thead {\n border-left: none;\n border-right: none; }\n .table.table-bordered.table-edge-border-0 th:first-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:first-child,\n .table.table-bordered.table-edge-border-0 td:first-child,\n .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:first-child {\n border-left: 1px solid transparent; }\n .table.table-bordered.table-edge-border-0 th:last-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:last-child,\n .table.table-bordered.table-edge-border-0 td:last-child,\n .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:last-child {\n border-right: 1px solid transparent; }\n .table.table-striped tbody tr:nth-child(odd), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(odd) {\n background: rgba(0, 0, 0, 0.05); }\n .table.table-striped tbody tr:nth-child(even), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(even) {\n background: transparent; }\n .table.table-stretched thead tr th:first-child, .jsgrid .table-stretched.jsgrid-table thead tr th:first-child,\n .table.table-stretched thead tr td:first-child,\n .jsgrid .table-stretched.jsgrid-table thead tr td:first-child,\n .table.table-stretched tbody tr th:first-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr th:first-child,\n .table.table-stretched tbody tr td:first-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr td:first-child {\n padding-left: 0; }\n .table.table-stretched thead tr th:last-child, .jsgrid .table-stretched.jsgrid-table thead tr th:last-child,\n .table.table-stretched thead tr td:last-child,\n .jsgrid .table-stretched.jsgrid-table thead tr td:last-child,\n .table.table-stretched tbody tr th:last-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr th:last-child,\n .table.table-stretched tbody tr td:last-child,\n .jsgrid .table-stretched.jsgrid-table tbody tr td:last-child {\n padding-right: 0;\n text-align: right; }\n\n/* Tabs */\n.nav-pills .nav-item .nav-link,\n.nav-tabs .nav-item .nav-link {\n font-family: \"roboto\", sans-serif;\n line-height: 1;\n font-size: 0.875rem;\n var(--base-text);\n text-align: center;\n display: flex; }\n .nav-pills .nav-item .nav-link i,\n .nav-tabs .nav-item .nav-link i {\n margin-right: 10px; }\n\n.tab-content {\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem;\n line-height: 1.71; }\n\n.tab-basic {\n border-bottom: none;\n margin-bottom: 20px; }\n .tab-basic .nav-item {\n margin-right: 7%; }\n .tab-basic .nav-item .nav-link {\n var(--base-text)\n padding: 0 0 7px;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: 2px solid var(--outline); }\n .tab-basic .nav-item .nav-link.active {\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: 2px solid var(--success);\n color: var(--success);\n background: var(--dropdown-bg); }\n\n.tab-solid {\n border: none;\n margin-bottom: 30px; }\n .tab-solid .nav-item .nav-link {\n border: none;\n padding: 10px 16px;\n border-radius: 4px; }\n .tab-solid .nav-item .nav-link:nth(fist-child) {\n padding-left: 0; }\n .tab-solid .nav-item .nav-link.active {\n border: none;\n var(--base-text)fff; }\n\n.tab-content-solid {\n border: none;\n padding-left: 0;\n padding-right: 0; }\n\n.tab-solid-primary .nav-link.active {\n background: var(--primary); }\n\n.tab-solid-secondary .nav-link.active {\n background: var(--secondary); }\n\n.tab-solid-success .nav-link.active {\n background: var(--success); }\n\n.tab-solid-info .nav-link.active {\n background: var(--info); }\n\n.tab-solid-warning .nav-link.active {\n background: var(--warning); }\n\n.tab-solid-danger .nav-link.active {\n background: var(--danger); }\n\n.tab-solid-light .nav-link.active {\n background: var(--light); }\n\n.tab-solid-dark .nav-link.active {\n background: var(--dark); }\n\n.tab-minimal .nav-tabs {\n border: none; }\n .tab-minimal .nav-tabs .nav-item .nav-link {\n border: none;\n font-size: 14px; }\n .tab-minimal .nav-tabs .nav-item .nav-link.active {\n font-weight: 600;\n background: var(--dropdown-bg);\n var(--base-text); }\n .tab-minimal .nav-tabs .nav-item .nav-link:first-child {\n padding-left: 0; }\n\n.tab-simple-styled {\n border-bottom: none;\n margin-top: 30px;\n margin-bottom: 30px; }\n .tab-simple-styled .nav-item {\n margin-right: 30px; }\n .tab-simple-styled .nav-item .nav-link {\n border: none;\n padding: 0;\n var(--base-text) }\n .tab-simple-styled .nav-item .nav-link.active {\n background: var(--dropdown-bg);\n color: var(--info); }\n\n.tab-tile-style {\n display: flex;\n justify-content: space-around;\n border-bottom: none;\n margin-bottom: 30px; }\n .tab-tile-style .nav-item .nav-link {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n padding: 15px 25px;\n border-radius: 0px;\n border: none; }\n .tab-tile-style .nav-item .nav-link p {\n margin-bottom: 0; }\n .tab-tile-style .nav-item:hover {\n border: none; }\n .tab-tile-style .nav-item.active .nav-link {\n background: rgba(230, 236, 245, 0.4); }\n .tab-tile-style .nav-item.active .nav-link:before {\n content: \"\";\n position: absolute;\n top: 0px;\n width: 100%;\n left: 0;\n height: 2px;\n background: var(--danger);\n right: 0; }\n\n.vertical-tab {\n display: flex; }\n .vertical-tab .nav-tabs {\n flex-direction: column;\n margin-bottom: 0; }\n .vertical-tab .tab-content {\n margin-bottom: 0; }\n\n/* Settings Panel */\n.settings-panel {\n display: block;\n position: fixed;\n top: 0;\n right: -300px;\n bottom: 0;\n width: 300px;\n height: 100vh;\n min-height: 100%;\n background: var(--dropdown-bg);\n padding-top: 50px;\n transition-duration: 0.25s;\n transition-timing-function: ease;\n transition-property: right, box-shadow;\n z-index: 9999; }\n .settings-panel .nav-tabs {\n display: flex;\n justify-content: center;\n width: auto;\n margin: 0;\n padding: 0;\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .settings-panel .nav-tabs .nav-item {\n border: none; }\n .settings-panel .nav-tabs .nav-item .nav-link {\n text-align: center;\n border: none;\n display: flex;\n align-items: center;\n color: rgba(255, 255, 255, 0.5);\n transition-duration: 0.4s;\n transition-property: color;\n justify-content: center; }\n .settings-panel .nav-tabs .nav-item .nav-link.active {\n background: transparent;\n var(--base-text)fff; }\n .settings-panel .tab-content {\n border: none;\n padding: 20px 0 0; }\n .settings-panel .tab-content .tab-pane.scroll-wrapper {\n position: relative;\n max-height: 100vh;\n height: 100%;\n padding-bottom: 150px; }\n .settings-panel .settings-heading {\n padding: 16px 0 13px 20px; }\n .rtl .settings-panel .settings-heading {\n padding: 16px 35px 13px 0;\n text-align: right; }\n .rtl .settings-panel small.settings-heading {\n padding: 16px 0 13px 12px; }\n .settings-panel .sidebar-bg-options {\n padding: 13px 35px;\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n line-height: 1;\n color: #595959;\n background: var(--white);\n transition-duration: 0.25s;\n transition-property: background; }\n .settings-panel .sidebar-bg-options.selected {\n background: var(--gray-lightest); }\n .settings-panel .color-tiles {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n margin: 0 35px 10px;\n padding-top: 15px; }\n .settings-panel .color-tiles .tiles {\n margin: 10px 18px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .settings-panel .color-tiles .tiles:before {\n content: \"\";\n width: 0;\n height: 0;\n opacity: 0;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n border: 0 solid rgba(255, 255, 255, 0.4);\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .settings-panel .color-tiles .tiles.selected:before {\n width: 10px;\n height: 10px;\n opacity: 1;\n border-width: 1px; }\n .settings-panel .color-tiles .tiles.pink {\n background: var(--pink); }\n .settings-panel .color-tiles .tiles.default {\n border: 1px solid white;\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .settings-panel .chat-list {\n padding-left: 0; }\n .settings-panel .chat-list .list {\n padding: 0.4rem 0.8rem;\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid var(--outline); }\n .settings-panel .chat-list .list:last-child {\n border-bottom: none; }\n .settings-panel .chat-list .list .profile {\n position: relative;\n margin-right: 1rem; }\n .settings-panel .chat-list .list .profile img {\n width: 2.50rem;\n height: 2.50rem;\n border-radius: 100%; }\n .settings-panel .chat-list .list .profile span {\n height: 0.75rem;\n width: 0.75rem;\n position: absolute;\n bottom: 0.34rem;\n right: 0;\n border: 0.13rem solid var(--white);\n border-radius: 100%; }\n .settings-panel .chat-list .list .profile span.online {\n background: var(--success); }\n .settings-panel .chat-list .list .profile span.offline {\n background: var(--warning); }\n .settings-panel .chat-list .list .info {\n margin-right: auto; }\n .settings-panel .chat-list .list .info p {\n display: block;\n margin-bottom: 0; }\n .settings-panel .chat-list .list .info p:last-child {\n opacity: 0.5;\n font-size: 0.8rem; }\n .rtl .settings-panel .chat-list .list .info p:last-child {\n text-align: right; }\n .settings-panel .chat-list .list.active {\n background: #26283f; }\n .settings-panel.open {\n right: 0;\n box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); }\n .settings-panel .settings-close {\n position: absolute;\n top: 47px;\n right: 10px;\n color: var(--primary);\n background: transparent;\n border-radius: 4px;\n padding: 0 3px;\n cursor: pointer;\n transition-duration: 0.2s;\n z-index: 999; }\n .settings-panel .settings-close:hover {\n background: rgba(255, 255, 255, 0.3); }\n .rtl .settings-panel .settings-close {\n right: unset;\n left: 10px; }\n .settings-panel .events p {\n font-family: \"roboto\", sans-serif; }\n .rtl .settings-panel .events p {\n text-align: right; }\n .rtl .settings-panel {\n right: unset;\n left: -300px;\n transition-property: left; }\n .rtl .settings-panel .chat-list {\n padding-right: 0; }\n .rtl .settings-panel .chat-list .list .profile {\n margin-right: 0;\n margin-left: 1rem; }\n .rtl .settings-panel .chat-list .list .info {\n margin-right: 0;\n margin-left: auto; }\n .rtl .settings-panel .chat-list .list .info .badge {\n margin-right: 10px; }\n .rtl .settings-panel.open {\n left: 0;\n right: unset; }\n .settings-panel .demo-screen-wrapper {\n height: 100vh;\n overflow-y: auto;\n padding-bottom: 100px;\n padding-top: 20px; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image {\n display: block;\n margin-bottom: 5px;\n padding: 10px 25px; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image img {\n width: 100%;\n max-width: 100%;\n box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);\n transform: scale(1);\n border-radius: 4px;\n transition-duration: 0.2s;\n transition-timing-function: ease;\n transition-property: \"transform\", \"box-shadow\"; }\n .settings-panel .demo-screen-wrapper .demo-thumb-image img:hover {\n transform: scale(1.05);\n box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); }\n\n.right-sidebar-toggler-wrapper {\n position: fixed;\n bottom: 50px;\n right: 10px;\n z-index: 99;\n padding: 5px;\n background: var(--deep-bg);\n border-radius: 4px;\n box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4); }\n .right-sidebar-toggler-wrapper .sidebar-toggler {\n padding: 7px 10px;\n var(--base-text);\n transition-duration: 0.3s;\n transition-timing-function: ease;\n background: var(--dropdown-bg);\n margin-bottom: 5px;\n border-radius: 4px; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:last-child {\n margin-bottom: 0; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:hover {\n background: rgba(33, 150, 243, 0.2);\n color: var(--primary); }\n .right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler {\n background: rgba(25, 216, 149, 0.2);\n color: var(--success); }\n .right-sidebar-toggler-wrapper .sidebar-toggler a {\n color: inherit; }\n .right-sidebar-toggler-wrapper .sidebar-toggler:last-child {\n border-bottom: none; }\n\n/* Tabs */\n.add-items {\n margin-bottom: 1.5rem;\n overflow: hidden; }\n .add-items input[type=\"text\"] {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%; }\n .add-items .btn, .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard > .actions a, .wizard > .actions .add-items a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.list-wrapper {\n height: 100%;\n max-height: 100%; }\n .list-wrapper ul {\n padding: 0;\n text-align: left;\n list-style: none;\n margin-bottom: 0; }\n .list-wrapper ul li {\n font-size: 0.9375rem;\n padding: 0.4rem 0;\n border-bottom: 1px solid var(--outline); }\n .list-wrapper ul li .form-check {\n max-width: 90%; }\n .list-wrapper ul li .col-content {\n width: 100%; }\n .list-wrapper ul li .col-content > div {\n width: 100%; }\n .list-wrapper input[type=\"checkbox\"] {\n margin-right: 15px; }\n .list-wrapper .remove {\n margin-left: auto;\n cursor: pointer;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--primary);\n width: 1.25rem;\n height: 1.25rem;\n line-height: 20px;\n text-align: center; }\n .rtl .list-wrapper .remove {\n margin-right: auto;\n margin-left: 0; }\n .list-wrapper .completed {\n text-decoration: line-through;\n text-decoration-color: var(--primary); }\n .list-wrapper .completed .remove {\n text-decoration: none; }\n\n/* Tooltips */\n.tooltip-static-demo .tooltip {\n position: relative;\n display: inline-block;\n opacity: 1;\n margin: 0 10px 10px 0; }\n\n.tooltip-static-demo .bs-tooltip-bottom-demo .arrow,\n.tooltip-static-demo .bs-tooltip-top-demo .arrow {\n left: 50%;\n transform: translateX(-50%); }\n\n.tooltip-static-demo .bs-tooltip-left-demo .arrow,\n.tooltip-static-demo .bs-tooltip-right-demo .arrow {\n top: 50%;\n transform: translateY(-50%); }\n\n.tooltip {\n font-size: 0.75rem;\n min-width: 5.625rem;\n z-index: 1029; }\n .tooltip .tooltip-inner {\n font-family: \"roboto\", sans-serif; }\n\n.tooltip-primary .tooltip-inner {\n background: var(--primary);\n var(--base-text)fff; }\n\n.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--primary); }\n\n.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--primary); }\n\n.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--primary); }\n\n.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--primary); }\n\n.tooltip-secondary .tooltip-inner {\n background: var(--secondary);\n var(--base-text)fff; }\n\n.tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--secondary); }\n\n.tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--secondary); }\n\n.tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--secondary); }\n\n.tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--secondary); }\n\n.tooltip-success .tooltip-inner {\n background: var(--success);\n var(--base-text)fff; }\n\n.tooltip-success.bs-tooltip-top .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--success); }\n\n.tooltip-success.bs-tooltip-right .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--success); }\n\n.tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--success); }\n\n.tooltip-success.bs-tooltip-left .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--success); }\n\n.tooltip-info .tooltip-inner {\n background: var(--info);\n var(--base-text)fff; }\n\n.tooltip-info.bs-tooltip-top .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--info); }\n\n.tooltip-info.bs-tooltip-right .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--info); }\n\n.tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--info); }\n\n.tooltip-info.bs-tooltip-left .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--info); }\n\n.tooltip-warning .tooltip-inner {\n background: var(--warning);\n var(--base-text)fff; }\n\n.tooltip-warning.bs-tooltip-top .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--warning); }\n\n.tooltip-warning.bs-tooltip-right .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--warning); }\n\n.tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--warning); }\n\n.tooltip-warning.bs-tooltip-left .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--warning); }\n\n.tooltip-danger .tooltip-inner {\n background: var(--danger);\n var(--base-text)fff; }\n\n.tooltip-danger.bs-tooltip-top .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--danger); }\n\n.tooltip-danger.bs-tooltip-right .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--danger); }\n\n.tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--danger); }\n\n.tooltip-danger.bs-tooltip-left .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--danger); }\n\n.tooltip-light .tooltip-inner {\n background: var(--light);\n var(--base-text)fff; }\n\n.tooltip-light.bs-tooltip-top .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--light); }\n\n.tooltip-light.bs-tooltip-right .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--light); }\n\n.tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--light); }\n\n.tooltip-light.bs-tooltip-left .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--light); }\n\n.tooltip-dark .tooltip-inner {\n background: var(--dark);\n var(--base-text)fff; }\n\n.tooltip-dark.bs-tooltip-top .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n border-top-color: var(--dark); }\n\n.tooltip-dark.bs-tooltip-right .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n border-right-color: var(--dark); }\n\n.tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n border-bottom-color: var(--dark); }\n\n.tooltip-dark.bs-tooltip-left .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n border-left-color: var(--dark); }\n\n/* User Profile */\n.user-profile .side-left .card .avatar img {\n display: block;\n width: 90px;\n height: 90px;\n border-radius: 100%;\n margin-left: auto;\n margin-right: auto; }\n\n.user-profile .side-left .card .avatar .name {\n text-align: center;\n color: var(--dark);\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0; }\n\n.user-profile .side-left .card .avatar .designation {\n text-align: center;\n color: var(--gray);\n font-size: 0.8rem;\n font-weight: 600; }\n\n.user-profile .side-left .card .avatar .email {\n text-align: center;\n color: var(--primary);\n display: block; }\n\n.user-profile .side-left .card .avatar .number {\n display: block;\n text-align: center;\n color: var(--primary); }\n\n.user-profile .side-left .card .overview .achivements {\n padding-left: 0;\n display: flex;\n justify-content: center; }\n .user-profile .side-left .card .overview .achivements li {\n width: 33.333%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column; }\n .user-profile .side-left .card .overview .achivements li p {\n text-align: center;\n margin-bottom: 0;\n font-weight: 600;\n font-size: 1.4rem;\n color: var(--dark); }\n .user-profile .side-left .card .overview .achivements li p:last-child {\n font-weight: 500;\n font-size: 0.9rem; }\n\n.user-profile .side-left .card .overview .about-user p {\n font-size: 0.8rem; }\n\n.user-profile .side-left .card .overview .info-links a {\n font-size: 0.8rem;\n display: block;\n margin-bottom: 10px; }\n .user-profile .side-left .card .overview .info-links a i {\n font-size: 0.8rem;\n margin-right: 10px; }\n .user-profile .side-left .card .overview .info-links a span {\n text-align: left;\n display: inline-block; }\n\n.calendar-aside {\n display: block; }\n .calendar-aside .list {\n position: relative;\n padding: 10px 8px;\n display: flex;\n align-items: center;\n border-radius: 5px;\n transition-duration: 0.25s;\n transition-property: background; }\n .calendar-aside .list .user-text {\n margin-bottom: 0;\n margin-left: 20px;\n font-size: 0.875rem; }\n .calendar-aside .list .count {\n width: 20px;\n height: 20px;\n position: relative;\n border-radius: 50px;\n transition-duration: 0.25s;\n transition-timing-function: ease;\n transition-property: opacity;\n display: flex;\n align-items: center;\n justify-content: center; }\n .calendar-aside .list .count:before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n display: block;\n height: 10px;\n width: 10px;\n margin: auto;\n border-radius: 50px;\n transform: translateY(-50%);\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .calendar-aside .list .count.online:before {\n background: var(--success); }\n .calendar-aside .list .count.offline:before {\n background: var(--danger); }\n .calendar-aside .list .count .close {\n font-size: 15px;\n margin: auto;\n opacity: 0;\n color: var(--danger);\n transition-duration: 0.25s;\n transition-timing-function: ease; }\n .calendar-aside .list:hover {\n background: var(--light); }\n .calendar-aside .list:hover .count:before {\n z-index: 0;\n height: 20px;\n width: 20px;\n background: var(--light); }\n .calendar-aside .list:hover .count .close {\n z-index: 2;\n opacity: 1; }\n\n.data-list {\n width: 100%;\n overflow: auto; }\n .data-list .list-item {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n border-bottom: 1px solid var(--outline); }\n .data-list .list-item:last-child {\n border-bottom: none; }\n .data-list .list-item .graph {\n margin-left: auto;\n width: 110px; }\n\n#sourceLineChartLegend {\n padding-left: 0;\n margin-bottom: 0;\n list-style-type: none; }\n #sourceLineChartLegend li {\n display: inline-block;\n margin-right: 20px;\n var(--base-text) }\n #sourceLineChartLegend li .chart-color {\n height: 10px;\n width: 10px;\n display: inline-block;\n margin-right: 5px;\n border-radius: 100%; }\n .rtl #sourceLineChartLegend li .chart-color {\n margin-right: 0px;\n margin-left: 5px; }\n #sourceLineChartLegend li:last-child {\n margin-right: 0; }\n .rtl #sourceLineChartLegend li {\n margin-right: 0px;\n margin-left: 20px; }\n .rtl #sourceLineChartLegend li:last-child {\n margin-left: 0px; }\n\n.social-card.card-default .action-bar i {\n color: var(--secondary); }\n\n.social-card.card-default .comment {\n var(--base-text) }\n\n.social-card.card-default .posted-date {\n color: var(--primary); }\n\n.social-card.card-colored .card-header {\n background: inherit; }\n\n.social-card.card-colored.facebook-card {\n background: #648ACA; }\n .social-card.card-colored.facebook-card .card-header {\n border-bottom-color: #517cc4; }\n\n.social-card.card-colored.twitter-card {\n background: #4DBFF5; }\n .social-card.card-colored.twitter-card .card-header {\n border-bottom-color: #35b6f4; }\n\n.social-card.card-colored.google-card {\n background: #E55F4B; }\n .social-card.card-colored.google-card .card-header {\n border-bottom-color: #e24b35; }\n\n.social-card.card-colored.linkedin-card {\n background: #0177b4; }\n .social-card.card-colored.linkedin-card .card-header {\n border-bottom-color: #01669b; }\n\n.social-card.card-colored a,\n.social-card.card-colored .media-info,\n.social-card.card-colored .user-name,\n.social-card.card-colored .comment,\n.social-card.card-colored .posted-date,\n.social-card.card-colored .platform-name,\n.social-card.card-colored .headline,\n.social-card.card-colored .action-bar {\n var(--base-text)fff; }\n\n.top-selling-card .column-wrapper {\n display: flex;\n justify-content: space-around; }\n .top-selling-card .column-wrapper .column {\n width: 45%;\n padding: 25px 26px;\n border-radius: 3px;\n background: #282a40;\n transform: translateY(-25px);\n box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);\n z-index: 10; }\n .top-selling-card .column-wrapper .column i {\n font-size: 20px; }\n\n.top-selling-card .item-wrapper {\n max-height: 210px;\n overflow-y: auto; }\n\n.review-card .comment-text {\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n max-width: 70%; }\n\n.list-item {\n display: flex;\n width: 100%;\n padding: 20px 0;\n border-bottom: 1px solid var(--outline); }\n .list-item:first-child {\n padding-top: 30px; }\n .list-item:last-child {\n border-bottom: none; }\n .list-item .preview-image {\n max-width: 80px;\n width: 80px;\n min-width: 80px; }\n .list-item .preview-image img {\n display: block;\n margin: auto; }\n .list-item .content {\n width: calc(100% - 80px);\n padding-right: 30px; }\n .list-item .content .user-name {\n margin-bottom: 0;\n margin-right: 10px;\n var(--base-text)\n white-space: nowrap; }\n .list-item .content .time {\n var(--base-text)\n margin-bottom: 3px; }\n .list-item .content .product-name {\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .list-item .content .review-text {\n margin-bottom: 0;\n font-weight: 300;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n max-width: 95%; }\n\n.todo-list .todo-item {\n border: 1px solid var(--outline);\n border-radius: 6px;\n padding: 10px;\n margin-bottom: 10px; }\n .todo-list .todo-item form {\n display: flex; }\n .todo-list .todo-item form .checkbox {\n width: 40px; }\n .todo-list .todo-item form .checkbox .form-check {\n margin-left: 10px; }\n .todo-list .todo-item form .checkbox .form-check .input-helper:after {\n line-height: 0px; }\n .todo-list .todo-item form .field-wrapper {\n width: calc(100% - 40px); }\n .todo-list .todo-item form .field-wrapper .form-group .form-control, .todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text],\n .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number], .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item form .field-wrapper .form-group .tt-hint,\n .todo-list .todo-item form .field-wrapper .form-group .tt-query,\n .todo-list .todo-item form .field-wrapper .form-group .typeahead {\n font-weight: 500; }\n .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag {\n var(--base-text) }\n .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before {\n content: \"#\";\n display: inline-block; }\n .todo-list .todo-item form .field-wrapper .form-group .btn, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a {\n margin-right: 10px; }\n .todo-list .todo-item form .field-wrapper .form-group .btn:last-child, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a:last-child, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a:last-child {\n margin-right: 0; }\n .todo-list .todo-item:not(.edit-mode) {\n position: relative; }\n .todo-list .todo-item:not(.edit-mode) .edit-icon {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n padding: 10px;\n cursor: pointer; }\n .todo-list .todo-item:not(.edit-mode):hover {\n background: var(--light); }\n .todo-list .todo-item:not(.edit-mode):hover .edit-icon {\n display: block; }\n .todo-list .todo-item:not(.edit-mode):hover * {\n background: var(--light); }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group {\n margin-bottom: 0; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput {\n border: none;\n height: 25px;\n max-height: 25px !important;\n min-height: 25px !important;\n padding: 0px 13px !important; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag {\n background: transparent;\n padding: 0;\n margin-bottom: 0; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text],\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number], .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query,\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead {\n border: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a {\n display: none; }\n .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field {\n display: none; }\n .todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag {\n var(--base-text)fff; }\n\n.activity-timeline .activity {\n position: relative; }\n .activity-timeline .activity:before {\n content: \"\";\n position: absolute;\n left: 21px;\n top: 5px;\n bottom: 0px;\n height: 100%;\n display: block;\n width: 2px;\n background: #dee2e6; }\n .activity-timeline .activity .icon-wrapper {\n border: 3px solid #fff; }\n .activity-timeline .activity:last-child:before {\n display: none; }\n\n.product-info-card .product-image {\n height: 100px; }\n\n.horizontal-timeline .time-frame {\n border-bottom: 1px solid var(--outline);\n padding-top: 20px; }\n .horizontal-timeline .time-frame:last-child {\n border-bottom: none; }\n .horizontal-timeline .time-frame .section-time-frame {\n margin-bottom: 30px; }\n .horizontal-timeline .time-frame .event {\n border-left: 1px solid var(--outline);\n padding-left: 2rem;\n padding-bottom: 30px;\n position: relative; }\n .horizontal-timeline .time-frame .event:last-child {\n border-left: none; }\n .horizontal-timeline .time-frame .event .event-text {\n line-height: 1;\n font-weight: 400;\n margin-bottom: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap; }\n .horizontal-timeline .time-frame .event .tumbnail-views {\n display: inline-block; }\n .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail {\n float: left;\n margin-right: 16px;\n margin-top: 1rem; }\n .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail img {\n max-width: 100%;\n border-radius: 4px; }\n .horizontal-timeline .time-frame .event .event-alert {\n margin-top: 1rem;\n padding: 11px 25px;\n background: rgba(33, 150, 243, 0.2);\n width: 80%;\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n font-weight: 300;\n border-radius: 4px; }\n .horizontal-timeline .time-frame .event .event-info {\n margin-top: 0.8rem;\n font-family: \"roboto\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n var(--base-text) }\n .horizontal-timeline .time-frame .event:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -5px;\n height: 10px;\n width: 10px;\n border-radius: 100%; }\n .horizontal-timeline .time-frame .event:nth-child(3n+1):before {\n background: var(--info); }\n .horizontal-timeline .time-frame .event:nth-child(3n+2):before {\n background: var(--success); }\n .horizontal-timeline .time-frame .event:nth-child(3n+3):before {\n background: var(--primary); }\n\n/* Timeline */\n.vertical-timeline {\n list-style: none;\n padding: 0;\n position: relative; }\n .vertical-timeline:before {\n top: 0;\n bottom: 0;\n position: absolute;\n content: \" \";\n width: 3px;\n background-color: var(--card-banner-bg);\n left: 50%;\n margin-left: -1.5px; }\n .vertical-timeline .timeline-wrapper {\n display: block;\n margin-bottom: 20px;\n position: relative;\n width: 100%;\n padding-right: 90px; }\n .vertical-timeline .timeline-wrapper:before {\n content: \" \";\n display: table; }\n .vertical-timeline .timeline-wrapper:after {\n content: \" \";\n display: table;\n clear: both; }\n .vertical-timeline .timeline-wrapper .timeline-panel {\n border-radius: 2px;\n padding: 20px;\n position: relative;\n background: var(--card-banner-bg);\n border-radius: 6px;\n box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1);\n width: 35%;\n margin-left: 15%; }\n .vertical-timeline .timeline-wrapper .timeline-panel:before {\n position: absolute;\n top: 0;\n width: 100%;\n height: 2px;\n content: \"\";\n left: 0;\n right: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel:after {\n position: absolute;\n top: 7px;\n right: -14px;\n display: inline-block;\n border-top: 14px solid transparent;\n border-left: 14px solid var(--card-banner-bg);\n border-right: 0 solid var(--card-banner-bg);\n border-bottom: 14px solid transparent;\n content: \" \"; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-title {\n margin-top: 0;\n var(--base-text);\n text-transform: uppercase; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p {\n margin-bottom: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p + p {\n margin-top: 5px; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body ul {\n margin-bottom: 0; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer span {\n font-size: 0.6875rem; }\n .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer i {\n font-size: 1.5rem; }\n .vertical-timeline .timeline-wrapper .timeline-badge {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 16px;\n left: calc(50% - 7px);\n z-index: 100;\n border-top-right-radius: 50%;\n border-top-left-radius: 50%;\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n border: 2px solid var(--card-banner-bg); }\n .vertical-timeline .timeline-wrapper .timeline-badge i {\n var(--base-text)fff; }\n .vertical-timeline .timeline-wrapper.timeline-inverted {\n padding-right: 0;\n padding-left: 90px; }\n .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel {\n margin-left: auto;\n margin-right: 15%; }\n .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto; }\n\n@media (max-width: 767px) {\n .timeline .timeline-wrapper {\n padding-right: 150px; }\n .timeline .timeline-wrapper.timeline-inverted {\n padding-left: 150px; }\n .timeline .timeline-wrapper .timeline-panel {\n width: 100%;\n margin-left: 0;\n margin-right: 0; } }\n\n.timeline-wrapper-primary .timeline-panel:before {\n background: var(--primary); }\n\n.timeline-wrapper-primary .timeline-badge {\n background: var(--primary); }\n\n.timeline-wrapper-secondary .timeline-panel:before {\n background: var(--secondary); }\n\n.timeline-wrapper-secondary .timeline-badge {\n background: var(--secondary); }\n\n.timeline-wrapper-success .timeline-panel:before {\n background: var(--success); }\n\n.timeline-wrapper-success .timeline-badge {\n background: var(--success); }\n\n.timeline-wrapper-info .timeline-panel:before {\n background: var(--info); }\n\n.timeline-wrapper-info .timeline-badge {\n background: var(--info); }\n\n.timeline-wrapper-warning .timeline-panel:before {\n background: var(--warning); }\n\n.timeline-wrapper-warning .timeline-badge {\n background: var(--warning); }\n\n.timeline-wrapper-danger .timeline-panel:before {\n background: var(--danger); }\n\n.timeline-wrapper-danger .timeline-badge {\n background: var(--danger); }\n\n.timeline-wrapper-light .timeline-panel:before {\n background: var(--light); }\n\n.timeline-wrapper-light .timeline-badge {\n background: var(--light); }\n\n.timeline-wrapper-dark .timeline-panel:before {\n background: var(--dark); }\n\n.timeline-wrapper-dark .timeline-badge {\n background: var(--dark); }\n\n.timeline {\n list-style: none;\n padding-left: 0; }\n .timeline .timeline-item {\n border-left: 1px solid var(--outline);\n var(--base-text)\n padding-left: 20px;\n padding-bottom: 20px;\n position: relative; }\n .timeline .timeline-item:before {\n content: \"\";\n height: 10px;\n width: 10px;\n border-radius: 10px;\n position: absolute;\n top: 0px;\n left: -5px; }\n .timeline .timeline-item:nth-child(4n + 1):before {\n background: var(--success); }\n .timeline .timeline-item:nth-child(4n + 2):before {\n background: var(--primary); }\n .timeline .timeline-item:nth-child(4n + 3):before {\n background: var(--warning); }\n .timeline .timeline-item:nth-child(4n + 4):before {\n background: var(--info); }\n .timeline .timeline-item:last-child {\n border-left: none;\n padding-bottom: 0; }\n .timeline .timeline-item .timeline-content {\n margin-bottom: 0;\n line-height: 10px; }\n .timeline .timeline-item .event-time {\n margin-bottom: 0; }\n\n.board-wrapper {\n overflow-x: auto;\n display: flex;\n align-items: flex-start;\n flex-wrap: nowrap; }\n .board-wrapper .board-portlet {\n background: #151724;\n margin: 0px 15px;\n padding: 22px 20px;\n min-width: 350px;\n width: 350px;\n border-radius: 4px; }\n .board-wrapper .portlet-heading {\n font-weight: 500;\n margin-bottom: 5px; }\n .board-wrapper .task-number {\n var(--base-text) }\n .board-wrapper .portlet-card-list {\n padding-left: 0;\n list-style: none;\n min-height: 70px; }\n .board-wrapper .portlet-card {\n width: 100%;\n border-radius: 4px;\n padding: 20px 20px 20px 20px;\n background: var(--dropdown-bg);\n display: grid;\n grid-template-rows: 5;\n grid-template-columns: 2;\n border-radius: 6px;\n position: relative;\n margin-bottom: 15px;\n cursor: grab; }\n .board-wrapper .portlet-card .progress {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n border-radius: 6px 6px 0px 0px;\n height: 4px; }\n .board-wrapper .portlet-card .progress .progress-bar {\n border-radius: 0px; }\n .board-wrapper .portlet-card .task-date {\n margin-bottom: 5px;\n var(--base-text)\n grid-row-start: 1;\n grid-column-start: 1; }\n .board-wrapper .portlet-card .action-dropdown {\n grid-row-start: 1;\n grid-column-start: 2;\n margin-left: auto; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle {\n border: none;\n background: var(--dropdown-bg); }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i {\n font-size: 20px;\n line-height: 20px; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before {\n margin-right: -10px; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after {\n display: none; }\n .board-wrapper .portlet-card .action-dropdown .dropdown-menu-right {\n left: 0 !important; }\n .board-wrapper .portlet-card .task-title {\n font-weight: 500;\n grid-row-start: 2;\n grid-column-start: 1;\n grid-column-end: 3;\n font-size: 16px;\n margin-bottom: 15px; }\n .board-wrapper .portlet-card .image-grouped {\n grid-row-start: 3;\n grid-column-start: 1;\n grid-column-end: 3; }\n .board-wrapper .portlet-card .portlet-image {\n width: 100%;\n display: block;\n grid-row-start: 4;\n grid-column-start: 1;\n grid-column-end: 3;\n margin-top: 5px;\n margin-left: -20px;\n margin-right: -20px;\n width: calc(100% + 40px); }\n .board-wrapper .portlet-card .badge {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-row-start: 5;\n grid-column-start: 1;\n grid-column-end: 2;\n margin-top: 20px; }\n .board-wrapper .portlet-card .due-date {\n grid-row-start: 5;\n grid-column-start: 2;\n grid-column-end: 3;\n margin-bottom: 0;\n text-align: right;\n margin-top: 20px;\n var(--base-text)\n font-weight: 500; }\n .board-wrapper .add-portlet {\n background: var(--dropdown-bg);\n border-radius: 6px;\n padding: 25px 10px;\n text-align: center;\n var(--base-text)\n font-weight: 500;\n border: none;\n width: 100%;\n transition-duration: 0.4s;\n transition-property: \"background\"; }\n .board-wrapper .add-portlet:hover {\n background: #181a27; }\n\n.kanban-toolbar .btn, .kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload, .kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled, .kanban-toolbar .wizard > .actions a, .wizard > .actions .kanban-toolbar a {\n margin-left: 10px; }\n\n.chat-app-wrapper {\n position: relative;\n overflow: hidden; }\n .chat-app-wrapper .chat-list-wrapper {\n overflow-y: auto;\n border-right: 1px solid var(--outline);\n padding-bottom: 30px; }\n @media (max-width: 768px) {\n .chat-app-wrapper .chat-list-wrapper {\n position: absolute;\n left: -300px;\n top: 0;\n z-index: 99;\n bottom: 0px;\n background: var(--dropdown-bg);\n width: 300px;\n height: 100%;\n border-right: none;\n transition-duration: 0.3s;\n transition-property: \"box-shadow\", \"left\"; }\n .chat-app-wrapper .chat-list-wrapper.menu-open {\n left: 0px;\n box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); } }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper {\n padding-top: 20px;\n padding-bottom: 40px; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item {\n display: grid;\n grid-template-columns: 45px auto auto;\n grid-template-rows: 30px auto;\n padding: 15px 20px;\n transition-duration: 0.5s;\n transition-property: \"background\"; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image {\n position: relative; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator {\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: 1;\n height: 12px;\n width: 12px;\n border: 2px solid var(--dropdown-bg); }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name {\n var(--base-text)\n padding-left: 20px;\n margin-bottom: 0; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time {\n var(--base-text)\n text-align: right; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text {\n padding-left: 20px;\n grid-column-start: 2;\n grid-column-end: 4;\n grid-row-start: 2;\n margin-bottom: 0; }\n .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover {\n background: rgba(33, 150, 243, 0.1); }\n .chat-app-wrapper .chat-search-input {\n padding-top: 30px;\n padding-bottom: 10px; }\n .chat-app-wrapper .chat-search-input .form-control, .chat-app-wrapper .chat-search-input .asColorPicker-input, .chat-app-wrapper .chat-search-input .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text],\n .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number], .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single, .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field, .chat-app-wrapper .chat-search-input .tt-hint,\n .chat-app-wrapper .chat-search-input .tt-query,\n .chat-app-wrapper .chat-search-input .typeahead {\n height: 40px;\n border-right: none;\n border-radius: 4px 0px 0px 4px;\n var(--base-text) }\n .chat-app-wrapper .chat-search-input .input-group-text {\n padding: 8px 15px;\n font-size: 20px;\n border-radius: 0px 4px 4px 0px; }\n .chat-app-wrapper .chat-search-input .input-group-text i {\n var(--base-text) }\n .chat-app-wrapper .sidebar-spacer {\n padding-left: 20px;\n padding-right: 20px; }\n .chat-app-wrapper .chat-container-wrapper {\n height: 100%;\n min-height: 100vh;\n max-height: 950px;\n overflow-y: auto;\n padding-bottom: 20px;\n padding: 0 15px 30px 15px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble {\n margin-top: 30px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message {\n border-radius: 4px;\n padding: 20px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child {\n margin-bottom: 0; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details {\n display: flex;\n align-items: center;\n padding-top: 10px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text {\n margin-bottom: 0;\n var(--base-text) }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {\n background: var(--deep-bg);\n margin-left: 45px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text {\n padding-left: 10px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message {\n background: var(--primary);\n margin-left: auto;\n max-width: 290px;\n margin-right: 45px; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p {\n color: var(--dropdown-bg); }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details {\n flex-direction: row-reverse; }\n .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text {\n padding-right: 10px; }\n .chat-app-wrapper .chat-sidebar {\n height: 100%;\n max-height: 950px;\n overflow-y: auto;\n border-left: 1px solid var(--outline); }\n .chat-app-wrapper .chat-text-field {\n border-top: 1px solid var(--outline);\n padding: 10px 0; }\n .chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-trigger .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-trigger .input-group-text,\n .chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text {\n border: none; }\n .chat-app-wrapper .chat-text-field .input-group .form-control, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-input, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input, .chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text],\n .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number], .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single, .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field, .chat-app-wrapper .chat-text-field .input-group .tt-hint, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint,\n .chat-app-wrapper .chat-text-field .input-group .tt-query,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query,\n .chat-app-wrapper .chat-text-field .input-group .typeahead,\n .chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead {\n height: 45px;\n border: none; }\n\n/*-------------------------------------------------------------------*/\n/* === Email === */\n/* Mail Sidebar */\n.email-wrapper .mail-sidebar {\n border-right: 1px solid var(--outline);\n padding: 20px;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-sidebar .menu-bar {\n width: 100%;\n float: right;\n height: 100%;\n min-height: 100%; }\n @media (max-width: 576px) {\n .email-wrapper .mail-sidebar .menu-bar {\n min-height: 100vh;\n max-height: 100%;\n height: auto;\n overflow-y: auto;\n overflow-x: hidden; } }\n .email-wrapper .mail-sidebar .menu-bar .menu-items {\n padding: 0;\n margin-bottom: 0;\n height: auto;\n list-style-type: none; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li {\n padding: 10px 15px;\n transition: 0.4s;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {\n background: rgba(240, 244, 249, 0.8); }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li a {\n var(--base-text);\n font-size: 0.875rem;\n text-decoration: none; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li a i {\n margin-right: 8px;\n font-size: 0.875rem;\n line-height: 1.5; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.active {\n background: rgba(33, 150, 243, 0.3);\n border-radius: 4px; }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {\n color: var(--primary); }\n .email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {\n background: transparent; }\n .email-wrapper .mail-sidebar .menu-bar .online-status {\n margin-top: 1rem; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .chat {\n font-size: 0.875rem;\n var(--base-text)\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n display: inline-flex;\n justify-content: flex-start;\n transform: translateX(-43px) translateY(2px); }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status:after {\n font-size: 12px;\n var(--base-text)\n margin: -5px 0 0 18px; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {\n background: var(--danger); }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {\n content: \"Offline\"; }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.online {\n background: var(--success); }\n .email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {\n content: \"Online\"; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list {\n padding: 10px 0; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item {\n border-bottom: 1px solid var(--outline);\n padding: 6px 0;\n display: block; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {\n border-bottom: 0; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a {\n text-decoration: none; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {\n display: flex;\n align-items: center;\n padding: 0;\n width: 20%;\n max-width: 40px; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img {\n max-width: 100%;\n width: 100%;\n border-radius: 100%; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {\n width: 100%;\n padding: 5px 10px 0 15px; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {\n margin: 0;\n font-family: \"roboto\", sans-serif;\n font-size: 0.875rem;\n line-height: 1;\n var(--base-text);\n font-weight: 500; }\n .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation {\n font-size: calc(0.875rem - 0.1rem);\n var(--base-text);\n margin-bottom: 0; }\n\n/* Mail List Container */\n.email-wrapper .mail-list-container {\n height: 100%;\n padding-left: 0;\n padding-right: 0;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-list-container a {\n text-decoration: none; }\n .email-wrapper .mail-list-container .mail-list {\n border-bottom: 1px solid var(--outline);\n display: flex;\n flex-direction: row;\n padding: 10px 15px;\n width: 100%; }\n .email-wrapper .mail-list-container .mail-list:last-child {\n border-bottom: none; }\n .email-wrapper .mail-list-container .mail-list .form-check {\n margin-top: 12px;\n width: 40px; }\n .email-wrapper .mail-list-container .mail-list .content {\n width: 90%;\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 450px) {\n .email-wrapper .mail-list-container .mail-list .content {\n width: 85%; } }\n .email-wrapper .mail-list-container .mail-list .content .sender-name {\n margin-bottom: 0;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n max-width: 95%; }\n .email-wrapper .mail-list-container .mail-list .content .message_text {\n margin: 0;\n max-width: 93%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details {\n width: 5.5%; }\n .email-wrapper .mail-list-container .mail-list .details .date {\n text-align: right;\n margin: auto 15px auto 0;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details i {\n margin: auto 0;\n color: #ddd; }\n .email-wrapper .mail-list-container .mail-list .details i.favorite {\n color: var(--warning); }\n .email-wrapper .mail-list-container .mail-list.new_mail {\n background: rgba(33, 150, 243, 0.3); }\n .email-wrapper .mail-list-container .mail-list.new_mail .details .date {\n var(--base-text); }\n\n/* Message Content */\n.email-wrapper .message-body .sender-details {\n padding: 20px 15px 0;\n border-bottom: 1px solid #dee2e6;\n display: flex; }\n .email-wrapper .message-body .sender-details .details {\n padding-bottom: 0; }\n .email-wrapper .message-body .sender-details .details .msg-subject {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email {\n margin-bottom: 20px;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email i {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n margin: 0 1px 0 7px; }\n\n.email-wrapper .message-body .message-content {\n padding: 50px 15px; }\n\n.email-wrapper .message-body .attachments-sections ul {\n list-style: none;\n border-top: 1px solid #dee2e6;\n padding: 30px 15px 20px; }\n .email-wrapper .message-body .attachments-sections ul li {\n padding: 10px;\n margin-right: 20px;\n border: 1px solid #dee2e6;\n border-radius: 5px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb {\n display: inline-block;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb i {\n font-size: 30px;\n margin: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n display: block;\n margin-bottom: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {\n margin-right: 10px;\n margin-bottom: 0;\n font-size: 0.875rem; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a {\n font-size: 0.875rem;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {\n margin-right: 0; }\n\n/* Mail List Container */\n.email-wrapper .mail-list-container {\n height: 100%;\n padding-left: 0;\n padding-right: 0;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-list-container a {\n text-decoration: none; }\n .email-wrapper .mail-list-container .mail-list {\n border-bottom: 1px solid var(--outline);\n display: flex;\n flex-direction: row;\n padding: 10px 15px;\n width: 100%; }\n .email-wrapper .mail-list-container .mail-list:last-child {\n border-bottom: none; }\n .email-wrapper .mail-list-container .mail-list .form-check {\n margin-top: 12px;\n width: 40px; }\n .email-wrapper .mail-list-container .mail-list .content {\n width: 90%;\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 450px) {\n .email-wrapper .mail-list-container .mail-list .content {\n width: 85%; } }\n .email-wrapper .mail-list-container .mail-list .content .sender-name {\n margin-bottom: 0;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: 500;\n max-width: 95%; }\n .email-wrapper .mail-list-container .mail-list .content .message_text {\n margin: 0;\n max-width: 93%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details {\n width: 5.5%; }\n .email-wrapper .mail-list-container .mail-list .details .date {\n text-align: right;\n margin: auto 15px auto 0;\n white-space: nowrap; }\n .email-wrapper .mail-list-container .mail-list .details i {\n margin: auto 0;\n color: #ddd; }\n .email-wrapper .mail-list-container .mail-list .details i.favorite {\n color: var(--warning); }\n .email-wrapper .mail-list-container .mail-list.new_mail {\n background: rgba(33, 150, 243, 0.3); }\n .email-wrapper .mail-list-container .mail-list.new_mail .details .date {\n var(--base-text); }\n\n/* Message Content */\n.email-wrapper .message-body .sender-details {\n padding: 20px 15px 0;\n border-bottom: 1px solid #dee2e6;\n display: flex; }\n .email-wrapper .message-body .sender-details .details {\n padding-bottom: 0; }\n .email-wrapper .message-body .sender-details .details .msg-subject {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email {\n margin-bottom: 20px;\n font-family: \"roboto\", sans-serif; }\n .email-wrapper .message-body .sender-details .details .sender-email i {\n font-size: 1rem;\n font-family: \"roboto\", sans-serif;\n margin: 0 1px 0 7px; }\n\n.email-wrapper .message-body .message-content {\n padding: 50px 15px; }\n\n.email-wrapper .message-body .attachments-sections ul {\n list-style: none;\n border-top: 1px solid #dee2e6;\n padding: 30px 15px 20px; }\n .email-wrapper .message-body .attachments-sections ul li {\n padding: 10px;\n margin-right: 20px;\n border: 1px solid #dee2e6;\n border-radius: 5px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb {\n display: inline-block;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .thumb i {\n font-size: 30px;\n margin: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details p.file-name {\n display: block;\n margin-bottom: 0;\n var(--base-text); }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {\n margin-right: 10px;\n margin-bottom: 0;\n font-size: 0.875rem; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a {\n font-size: 0.875rem;\n margin-right: 10px; }\n .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {\n margin-right: 0; }\n\n.email-wrapper {\n display: grid;\n grid-template-columns: 280px auto;\n margin-top: 30px; }\n .email-wrapper .mail-view {\n display: none;\n background: var(--dropdown-bg); }\n .email-wrapper .mail-view .mail-header-toolbar {\n display: flex;\n align-items: center;\n padding: 20px 10px; }\n .email-wrapper .email-view-wrapper {\n background: #fff;\n grid-column-start: 2;\n grid-column-end: 3; }\n\n@media (max-width: 960px) {\n .email-wrapper {\n grid-template-columns: 200px auto; } }\n\n@media (max-width: 768px) {\n .email-wrapper {\n display: block; }\n .mail-sidebar {\n position: fixed;\n top: 63px;\n right: -250px;\n bottom: 0px;\n z-index: 99;\n width: 250px;\n transition-duration: 0.6s; }\n .mail-sidebar.menu-open {\n left: 0; } }\n\n/*-------------------------------------------------------------------*/\n/* === Plugin overrides === */\n/* Ace Editor */\n.ace_editor {\n margin: auto;\n height: 300px;\n width: 100%; }\n\n/* Avgrund Popup */\n.avgrund-popin {\n position: absolute;\n background: #fff;\n padding: 37px 33px;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n top: 50%;\n left: 50%;\n z-index: 1000;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: initial;\n line-height: 1.85;\n border-radius: 10px;\n transform: scale(0.8); }\n .avgrund-popin p {\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n font-weight: initial; }\n\n.avgrund-overlay {\n background: #000;\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 101;\n visibility: hidden;\n opacity: 0;\n filter: alpha(opacity=0); }\n\n.avgrund-ready .avgrund-overlay,\n.avgrund-ready .avgrund-popin,\nbody.avgrund-ready {\n transform-origin: 50% 50%;\n transition: 0.3s all ease-out; }\n\nbody.avgrund-active {\n overflow: hidden; }\n\n.avgrund-active .avgrund-popin {\n visibility: visible;\n opacity: 1;\n transform: scale(1.1); }\n\n.avgrund-active .avgrund-overlay {\n visibility: visible;\n opacity: 0.5;\n height: 20000px; }\n\n.avgrund-popin.stack {\n transform: scale(1.5); }\n\n.avgrund-active .avgrund-popin.stack {\n transform: scale(1.1); }\n\n/* Optional close button styles */\n.avgrund-close {\n display: block;\n var(--base-text);\n background: #fff;\n font-size: 10px;\n text-decoration: none;\n text-transform: uppercase;\n position: absolute;\n top: 10px;\n right: 10px;\n height: 17px;\n width: 17px;\n text-align: center;\n line-height: 16px;\n border-radius: 50px; }\n .avgrund-close:hover {\n var(--base-text);\n text-decoration: none; }\n\n/* Bootstrap Tour */\n.tour-tour {\n padding: 0;\n border: 0;\n font-family: \"roboto\", sans-serif;\n background: #fff; }\n .tour-tour .popover-title {\n background: var(--primary);\n var(--base-text);\n font-size: 0.8125rem;\n font-family: \"roboto\", sans-serif;\n padding: 0.75rem; }\n .tour-tour.left .arrow:after {\n border-left-color: var(--primary); }\n .tour-tour.right .arrow:after {\n border-right-color: var(--primary); }\n .tour-tour.top .arrow:after {\n border-top-color: var(--primary); }\n .tour-tour.bottom .arrow:after {\n border-bottom-color: var(--primary); }\n\n.tour-step-background {\n display: none; }\n\n#chartjs-tooltip {\n background: var(--card-banner-bg);\n border-radius: 4px;\n padding: 10px;\n box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);\n transition: 0.3s ease; }\n #chartjs-tooltip table tr th {\n var(--base-text) }\n #chartjs-tooltip table tr td {\n display: flex;\n align-items: center;\n line-height: 1px;\n padding-top: 5px;\n padding-bottom: 5px; }\n #chartjs-tooltip table tr td:first-letter {\n text-transform: uppercase; }\n #chartjs-tooltip table tr td span {\n width: 7px;\n height: 7px;\n display: inline-block;\n border-radius: 100px;\n margin-right: 7px;\n var(--base-text); }\n\n.chartjs-legend ul {\n list-style: none;\n padding-left: 0;\n display: flex;\n align-items: center;\n margin-bottom: 0; }\n .chartjs-legend ul li {\n margin-right: 8%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n var(--base-text) }\n .chartjs-legend ul li span {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n margin-right: 10px;\n display: inline-block;\n font-size: 0.875rem; }\n\n.rtl .chartjs-legend ul {\n padding-right: 0; }\n .rtl .chartjs-legend ul li {\n margin-right: 0;\n margin-left: 8%; }\n .rtl .chartjs-legend ul li span {\n margin-right: 0;\n margin-left: 1rem; }\n\n.ct-chart .ct-grid {\n stroke: rgba(255, 255, 255, 0.25); }\n\n.ct-chart .ct-label {\n font-size: 11px;\n var(--base-text); }\n\n.ct-chart .ct-line {\n stroke-width: 2px; }\n\n.ct-chart .ct-point {\n stroke-width: 8px; }\n\n.ct-chart .ct-chart-pie .ct-label,\n.ct-chart .ct-chart-donut .ct-label {\n font-size: 16px;\n fill: rgba(255, 255, 255, 0.75); }\n\n.ct-chart .ct-series-a .ct-point,\n.ct-chart .ct-series-a .ct-line,\n.ct-chart .ct-series-a .ct-bar,\n.ct-chart .ct-series-a .ct-slice-donut {\n stroke: var(--primary); }\n\n.ct-chart .ct-series-a .ct-slice-pie,\n.ct-chart .ct-series-a .ct-slice-donut-solid {\n fill: var(--primary);\n stroke: #fff; }\n\n.ct-chart .ct-series-b .ct-point,\n.ct-chart .ct-series-b .ct-line,\n.ct-chart .ct-series-b .ct-bar,\n.ct-chart .ct-series-b .ct-slice-donut {\n stroke: var(--info); }\n\n.ct-chart .ct-series-b .ct-slice-pie,\n.ct-chart .ct-series-b .ct-slice-donut-solid {\n fill: var(--info);\n stroke: #fff; }\n\n.ct-chart .ct-series-c .ct-point,\n.ct-chart .ct-series-c .ct-line,\n.ct-chart .ct-series-c .ct-bar,\n.ct-chart .ct-series-c .ct-slice-donut {\n stroke: var(--danger); }\n\n.ct-chart .ct-series-c .ct-slice-pie,\n.ct-chart .ct-series-c .ct-slice-donut-solid {\n fill: var(--danger);\n stroke: #fff; }\n\n.ct-chart .ct-series-d .ct-point,\n.ct-chart .ct-series-d .ct-line,\n.ct-chart .ct-series-d .ct-bar,\n.ct-chart .ct-series-d .ct-slice-donut {\n stroke: var(--success); }\n\n.ct-chart .ct-series-d .ct-slice-pie,\n.ct-chart .ct-series-d .ct-slice-donut-solid {\n fill: var(--success);\n stroke: #fff; }\n\n.ct-chart .ct-series-e .ct-point,\n.ct-chart .ct-series-e .ct-line,\n.ct-chart .ct-series-e .ct-bar,\n.ct-chart .ct-series-e .ct-slice-donut {\n stroke: var(--warning); }\n\n.ct-chart .ct-series-e .ct-slice-pie,\n.ct-chart .ct-series-e .ct-slice-donut-solid {\n fill: var(--warning);\n stroke: #fff; }\n\n/* CodeMirror */\n.CodeMirror {\n font-size: 1rem;\n height: auto;\n min-height: auto;\n text-align: left; }\n .CodeMirror .CodeMirror-scroll {\n min-height: auto; }\n\n/* Colcade */\n* {\n box-sizing: border-box; }\n\n.grid:after {\n display: block;\n content: '';\n clear: both; }\n\n.grid-col {\n float: left;\n width: 49%;\n margin-right: 2%;\n background: rgba(77, 199, 160, 0.2); }\n\n.grid-col--4 {\n margin-right: 0; }\n\n/* hide two middle */\n.grid-col--2,\n.grid-col--3 {\n display: none; }\n\n@media (min-width: 768px) {\n .grid-col {\n width: 32%; }\n .grid-col--2 {\n display: block; } }\n\n@media (min-width: 1200px) {\n .grid-col {\n width: 23.5%; }\n .grid-col--2,\n .grid-col--3 {\n display: block; } }\n\n.grid-item {\n background: #4dc7a0;\n margin-bottom: 20px; }\n\n.grid-item--a {\n height: 80px; }\n\n.grid-item--b {\n height: 140px; }\n\n.grid-item--c {\n height: 300px; }\n\n/* Colorpicker */\n.asColorPicker-dropdown {\n max-width: initial; }\n\n.asColorPicker-trigger {\n height: auto;\n padding: 10px;\n border: 1px solid var(--outline);\n border-left: none; }\n .asColorPicker-trigger span {\n width: 8px;\n height: 8px;\n border-radius: 2px; }\n\n/* Context Menu */\n.context-menu-icon:before {\n color: #000;\n font: normal normal normal 15px/1 \"Material Design Icons\"; }\n\n.context-menu-icon.context-menu-icon-cut:before {\n content: '\\F190'; }\n\n.context-menu-icon.context-menu-icon-edit:before {\n content: '\\F3EF'; }\n\n.context-menu-icon.context-menu-icon-copy:before {\n content: '\\F18F'; }\n\n.context-menu-icon.context-menu-icon-paste:before {\n content: '\\F613'; }\n\n.context-menu-icon.context-menu-icon-delete:before {\n content: '\\F6CB'; }\n\n.context-menu-icon.context-menu-icon-quit:before {\n content: '\\F156'; }\n\n.context-menu-list {\n box-shadow: none;\n border: 1px solid var(--outline); }\n .context-menu-list .context-menu-item span {\n color: #000;\n font-size: 0.75rem;\n font-family: \"roboto\", sans-serif; }\n .context-menu-list .context-menu-item.context-menu-hover {\n background: #000; }\n .context-menu-list .context-menu-item.context-menu-hover span {\n var(--base-text); }\n\n/* Clockpicker */\n.clockpicker-popover {\n background-color: var(--outline); }\n .clockpicker-popover.left .arrow:after {\n border-left-color: var(--outline); }\n .clockpicker-popover.right .arrow:after {\n border-right-color: var(--outline); }\n .clockpicker-popover.top .arrow:after {\n border-top-color: var(--outline); }\n .clockpicker-popover.bottom .arrow:after {\n border-bottom-color: var(--outline); }\n\n/* Data Tables */\n.dataTables_wrapper {\n padding-left: 0;\n padding-right: 0; }\n .dataTables_wrapper label {\n font-size: 0.8125rem; }\n .dataTables_wrapper select {\n padding: 0.4rem;\n min-width: 75px; }\n .dataTables_wrapper .dataTables_length select {\n margin-left: 0.25rem;\n margin-right: 0.25rem; }\n .dataTables_wrapper .table-footer {\n padding-top: 1.88rem; }\n .dataTables_wrapper .height-limiter {\n max-height: 400px;\n overflow-y: auto;\n box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); }\n .dataTables_wrapper .dataTable {\n border-collapse: collapse !important; }\n .dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a {\n padding: 0.1rem 1rem;\n vertical-align: top; }\n .dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting:before,\n .dataTables_wrapper .dataTable thead .sorting_asc:after,\n .dataTables_wrapper .dataTable thead .sorting_asc:before,\n .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,\n .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,\n .dataTables_wrapper .dataTable thead .sorting_desc:after,\n .dataTables_wrapper .dataTable thead .sorting_desc:before,\n .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after,\n .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {\n top: 23px; }\n .dataTables_wrapper .dataTable thead th {\n vertical-align: middle;\n padding: 12px 15px;\n var(--base-text);\n font-weight: 500; }\n .dataTables_wrapper .dataTable tbody tr td {\n z-index: 10; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child {\n padding-left: 30px;\n position: relative; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child:before, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child:before {\n content: \"\\F35d\";\n font-family: \"Material Design Icons\";\n font-size: 20px;\n color: var(--primary);\n text-rendering: auto;\n line-height: inherit;\n vertical-align: 0;\n font-size: 30px;\n position: absolute;\n left: 0px;\n top: 12px; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details {\n list-style: none;\n padding-left: 0; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n border-bottom: var(--outline); }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li .dtr-title {\n font-weight: 500; }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:nth-child(even) {\n background: var(--deep-bg); }\n .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:last-child {\n margin-bottom: 0;\n border-bottom: none; }\n .dataTables_wrapper .dataTables_paginate {\n margin-top: 20px !important; }\n .dataTables_wrapper .dataTables_info {\n font-size: 0.875rem;\n var(--base-text)\n margin-top: 20px; }\n\n/* Datepicker */\n.datepicker.datepicker-dropdown,\n.datepicker.datepicker-inline {\n padding: 0 25px;\n width: 30%;\n max-width: 500px;\n min-width: 250px; }\n .datepicker.datepicker-dropdown .datepicker-days,\n .datepicker.datepicker-inline .datepicker-days {\n padding: 0.8rem 0.7rem; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed {\n width: 100%; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {\n text-align: center;\n padding: 0.5rem 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {\n color: var(--gray);\n padding-bottom: 1rem;\n padding-top: 1rem;\n text-align: left;\n background: var(--dropdown-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {\n color: var(--gray);\n background: var(--dropdown-bg);\n padding-bottom: 1rem;\n padding-top: 1rem;\n font-size: 1rem;\n font-weight: 600; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {\n color: grey;\n padding-bottom: 1rem;\n padding-top: 1rem;\n text-align: right;\n background: var(--dropdown-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {\n font-family: \"roboto\", sans-serif;\n color: var(--gray);\n font-size: 0.875rem;\n font-weight: initial; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {\n text-align: left; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {\n text-align: right; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {\n position: relative;\n top: 13px; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {\n text-align: center; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {\n font-size: 0.9375rem;\n padding: 0.5rem 0;\n var(--base-text); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {\n background: var(--card-banner-bg); }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child {\n text-align: left; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child {\n text-align: right; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {\n var(--base-text);\n background: transparent;\n position: relative;\n z-index: 1; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {\n content: \"\";\n width: 38px;\n height: 38px;\n background: var(--success);\n border-radius: 100%;\n display: block;\n margin: auto;\n vertical-align: middle;\n position: absolute;\n top: 1px;\n z-index: -1;\n left: 0;\n right: 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {\n var(--base-text);\n background: transparent;\n position: relative;\n z-index: 1; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {\n content: \"\";\n width: 38px;\n height: 38px;\n background: var(--primary);\n border-radius: 100%;\n display: block;\n margin: auto;\n vertical-align: middle;\n position: absolute;\n top: 1px;\n z-index: -1;\n left: 0;\n right: 0; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {\n color: #eaeaef; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.today:before {\n left: -42px; }\n .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.today:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.active:before,\n .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.today:before {\n left: 30px; }\n\n.datepicker.datepicker-inline {\n width: 100%;\n max-width: 100%;\n min-width: 250px; }\n .datepicker.datepicker-inline thead tr th.prev {\n var(--base-text);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n .datepicker.datepicker-inline thead tr th.datepicker-switch {\n color: var(--primary);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n .datepicker.datepicker-inline thead tr th.next {\n var(--base-text);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem; }\n\n.datepicker > div {\n display: initial;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n var(--base-text);\n text-align: center;\n white-space: nowrap;\n border-radius: 2px; }\n\n.datepicker.input-group, .datepicker.asColorPicker-wrap {\n border: 1px solid var(--outline);\n padding: 0; }\n .datepicker.input-group .form-control, .datepicker.asColorPicker-wrap .form-control, .datepicker.input-group .asColorPicker-input, .datepicker.asColorPicker-wrap .asColorPicker-input, .datepicker.input-group .dataTables_wrapper select, .dataTables_wrapper .datepicker.input-group select, .datepicker.asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=text], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=text],\n .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select,\n .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=number], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=number], .datepicker.input-group .select2-container--default .select2-selection--single, .select2-container--default .datepicker.input-group .select2-selection--single, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .datepicker.asColorPicker-wrap .select2-selection--single, .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.asColorPicker-wrap .select2-search__field, .datepicker.input-group .tt-hint, .datepicker.asColorPicker-wrap .tt-hint,\n .datepicker.input-group .tt-query,\n .datepicker.asColorPicker-wrap .tt-query,\n .datepicker.input-group .typeahead,\n .datepicker.asColorPicker-wrap .typeahead {\n border: none; }\n\n/* Dropify */\n.dropify-wrapper {\n border: 2px dashed var(--outline);\n border-radius: 7px;\n background: var(--card-banner-bg); }\n .dropify-wrapper:hover {\n background-size: 30px 30px;\n background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);\n -webkit-animation: stripes 2s linear infinite;\n animation: stripes 2s linear infinite; }\n .dropify-wrapper .dropify-message span.file-icon:before {\n display: inline-block;\n font: normal normal normal 24px/1 \"Material Design Icons\";\n font-size: inherit;\n text-rendering: auto;\n line-height: inherit;\n -webkit-font-smoothing: antialiased;\n content: '\\F552';\n var(--base-text);\n font-size: 1.25rem; }\n .dropify-wrapper .dropify-message p {\n font-size: 0.8125rem;\n var(--base-text); }\n .dropify-wrapper .dropify-preview .dropify-infos {\n background: rgba(255, 255, 255, 0.9); }\n .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {\n color: var(--primary);\n font-size: 20px;\n font-weight: 400; }\n .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {\n color: #333;\n font-weight: 500; }\n .dropify-wrapper .dropify-preview .dropify-render img {\n opacity: 0.7; }\n .dropify-wrapper .dropify-clear {\n background: #fff;\n border: none;\n font-weight: 700;\n color: var(--gray); }\n\n/* Dropzone */\n.dropzone {\n border: 1px solid var(--outline);\n min-height: 200px; }\n .dropzone .dz-message {\n text-align: center;\n width: 100%; }\n .dropzone .dz-message span {\n font-size: .8125rem;\n var(--base-text); }\n .dropzone .dz-preview {\n margin: 5px; }\n .dropzone .dz-preview .dz-image {\n width: 74px;\n height: 74px;\n border-radius: 6px; }\n .dropzone .dz-preview .dz-error-message {\n top: 80px;\n left: -35px; }\n .dropzone .dz-preview .dz-success-mark,\n .dropzone .dz-preview .dz-error-mark {\n margin-left: -17px; }\n .dropzone .dz-preview .dz-success-mark svg,\n .dropzone .dz-preview .dz-error-mark svg {\n width: 35px;\n height: 35px; }\n\n/* Flot chart */\n.float-chart-container {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n min-height: 300px;\n max-height: 100%; }\n\n.float-chart {\n width: 100%;\n position: relative;\n max-width: none;\n height: 400px; }\n .float-chart canvas {\n position: absolute !important;\n top: 0;\n bottom: 0; }\n\n.flot-chart-legend {\n overflow-x: auto; }\n .flot-chart-legend table tr td.legendColorBox {\n width: 20px;\n height: 20px;\n margin-right: 15px;\n padding: 0 15px 0 22px;\n border-radius: 100%;\n overflow: hidden; }\n .flot-chart-legend table tr td.legendColorBox:first-child {\n padding-left: 0; }\n .flot-chart-legend table tr td.legendColorBox div {\n border-width: 0 !important; }\n .flot-chart-legend table tr td.legendColorBox div div {\n border-radius: 100%;\n border-width: 5px !important; }\n .flot-chart-legend table tr td.legendLabel {\n padding: 0 25px 0 0;\n border-right: 1px solid var(--gray-lightest);\n font-weight: 600; }\n .flot-chart-legend table tr td.legendLabel:last-child {\n border-right: none; }\n\n/* Google Charts */\n.google-chart-container .google-charts {\n width: 100%;\n height: 280px;\n min-height: 280px;\n min-width: 100%; }\n\n/* Icheck */\n.icheck,\n.icheck-flat,\n.icheck-line,\n.icheck-square {\n margin-bottom: 0.5rem; }\n .icheck label,\n .icheck-flat label,\n .icheck-line label,\n .icheck-square label {\n font-size: 0.8125rem;\n line-height: 1.5;\n margin-left: 5px;\n margin-bottom: 0; }\n\n/* Jquery File Upload */\n.ajax-upload-dragdrop {\n border-color: var(--outline);\n border-style: dotted;\n max-width: 100%; }\n .ajax-upload-dragdrop span b {\n font-size: 0.8125rem;\n var(--base-text);\n font-weight: initial; }\n .ajax-upload-dragdrop .ajax-file-upload {\n background: var(--info);\n box-shadow: none;\n height: auto; }\n\n.ajax-file-upload-container {\n min-height: 100px; }\n .ajax-file-upload-container .ajax-file-upload-statusbar {\n max-width: 100%; }\n\n/* Js-grid */\n.jsgrid .jsgrid-header-cell,\n.jsgrid .jsgrid-cell {\n background: var(--card-banner-bg);\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-button {\n background-image: url(\"../../images/sprites/jsgrid-icons.png\"); }\n\n.jsgrid .jsgrid-grid-header {\n border: 1px solid var(--outline);\n border-top: 0; }\n\n.jsgrid .jsgrid-grid-body {\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-table th {\n font-weight: initial;\n font-family: \"roboto\", sans-serif;\n border-top-color: var(--outline); }\n\n.jsgrid .jsgrid-table td {\n border-color: var(--outline); }\n\n.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] {\n padding: 0.56rem 0; }\n\n.jsgrid .jsgrid-header-sort:before {\n margin-top: 10px;\n float: right; }\n\n.jsgrid .jsgrid-header-sort-asc:before {\n border-color: transparent transparent var(--outline); }\n\n.jsgrid .jsgrid-header-sort-desc:before {\n border-color: var(--outline) transparent transparent; }\n\n.jsgrid .jsgrid-pager {\n line-height: 2;\n display: flex;\n align-items: center; }\n\n.jsgrid .jsgrid-pager-current-page {\n padding: 0.5rem 0.75rem;\n font-weight: initial;\n line-height: 1.25; }\n\n/* Jvectormap */\n.jvectormap-container {\n background: var(--white); }\n\n/* Light Gallery */\n.lightGallery {\n width: 100%;\n margin: 0; }\n .lightGallery .image-tile {\n position: relative;\n margin-bottom: 30px; }\n .lightGallery .image-tile .demo-gallery-poster {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0; }\n .lightGallery .image-tile .demo-gallery-poster img {\n display: block;\n margin: auto;\n width: 40%;\n max-width: 60px;\n min-width: 20px; }\n .lightGallery .image-tile img {\n max-width: 100%;\n width: 100%; }\n\n/* Listify */\n.listify-list input {\n border: 1px solid var(--outline);\n var(--base-text)\n background: var(--card-banner-bg); }\n\n.listify-list ul.list {\n list-style: none;\n padding-left: 0; }\n .listify-list ul.list li {\n display: block;\n border-bottom: 1px solid #dee2e6;\n padding: 15px 10px; }\n .listify-list ul.list li h5 {\n color: var(--primary); }\n .listify-list ul.list li p {\n var(--base-text)\n margin: 0; }\n\n/* No-ui-slider */\n.noUi-target {\n border: none;\n box-shadow: none;\n border-radius: 0; }\n .noUi-target.noUi-horizontal {\n height: 0.25rem; }\n .noUi-target.noUi-horizontal .noUi-handle {\n left: -17px; }\n .noUi-target.noUi-vertical {\n width: 0.25rem;\n height: 156px;\n display: inline-block; }\n .noUi-target.noUi-vertical .noUi-handle {\n left: -6px; }\n .noUi-target .noUi-base {\n background: var(--gray-lightest);\n box-shadow: none;\n border: none; }\n .noUi-target .noUi-base .noUi-connect {\n background: var(--primary);\n box-shadow: none; }\n .noUi-target .noUi-base .noUi-origin {\n background: var(--success); }\n .noUi-target .noUi-base .noUi-origin .noUi-handle {\n background: var(--white);\n border-radius: 100%;\n border: 1px solid var(--outline);\n width: 18px;\n height: 18px;\n top: -7px;\n outline: none;\n transition-duration: 0.4s; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle:after, .noUi-target .noUi-base .noUi-origin .noUi-handle:before {\n display: none; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle:after {\n display: block;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n margin: auto;\n width: 6px;\n height: 6px;\n background: var(--primary);\n border-radius: 100%; }\n .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n font-family: \"roboto\", sans-serif;\n border-radius: 4px;\n border: none;\n line-height: 1;\n font-size: 0.875rem;\n padding: 13px 12px;\n bottom: 190%; }\n .noUi-target .noUi-pips .noUi-marker-horizontal,\n .noUi-target .noUi-pips .noUi-marker-vertical {\n background: var(--outline); }\n .noUi-target .noUi-pips .noUi-marker-horizontal {\n height: 9px;\n width: 1px; }\n .noUi-target .noUi-pips .noUi-marker-vertical {\n height: 1px;\n width: 9px; }\n .noUi-target .noUi-pips .noUi-value {\n var(--base-text);\n font-size: 0.94rem;\n font-family: \"roboto\", sans-serif; }\n\n/* Slider Color variations */\n.slider-primary .noUi-base .noUi-connect {\n background: var(--primary); }\n\n.slider-primary .noUi-base .noUi-origin {\n background: var(--primary); }\n .slider-primary .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--primary); }\n .slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--primary);\n var(--base-text)fff; }\n\n.slider-secondary .noUi-base .noUi-connect {\n background: var(--secondary); }\n\n.slider-secondary .noUi-base .noUi-origin {\n background: var(--secondary); }\n .slider-secondary .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--secondary); }\n .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--secondary);\n var(--base-text)fff; }\n\n.slider-success .noUi-base .noUi-connect {\n background: var(--success); }\n\n.slider-success .noUi-base .noUi-origin {\n background: var(--success); }\n .slider-success .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--success); }\n .slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--success);\n var(--base-text)fff; }\n\n.slider-info .noUi-base .noUi-connect {\n background: var(--info); }\n\n.slider-info .noUi-base .noUi-origin {\n background: var(--info); }\n .slider-info .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--info); }\n .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--info);\n var(--base-text)fff; }\n\n.slider-warning .noUi-base .noUi-connect {\n background: var(--warning); }\n\n.slider-warning .noUi-base .noUi-origin {\n background: var(--warning); }\n .slider-warning .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--warning); }\n .slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--warning);\n var(--base-text)fff; }\n\n.slider-danger .noUi-base .noUi-connect {\n background: var(--danger); }\n\n.slider-danger .noUi-base .noUi-origin {\n background: var(--danger); }\n .slider-danger .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--danger); }\n .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--danger);\n var(--base-text)fff; }\n\n.slider-light .noUi-base .noUi-connect {\n background: var(--light); }\n\n.slider-light .noUi-base .noUi-origin {\n background: var(--light); }\n .slider-light .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--light); }\n .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--light);\n var(--base-text)fff; }\n\n.slider-dark .noUi-base .noUi-connect {\n background: var(--dark); }\n\n.slider-dark .noUi-base .noUi-origin {\n background: var(--dark); }\n .slider-dark .noUi-base .noUi-origin .noUi-handle:after {\n background: var(--dark); }\n .slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {\n background: var(--dark);\n var(--base-text)fff; }\n\n/* Owl-carousel */\n.owl-carousel img {\n border-radius: 4px; }\n\n.owl-carousel.full-width .owl-nav {\n position: absolute;\n top: 30%;\n width: 100%;\n margin-top: 0; }\n .owl-carousel.full-width .owl-nav .owl-next,\n .owl-carousel.full-width .owl-nav .owl-prev {\n background: transparent;\n var(--base-text)fff; }\n .owl-carousel.full-width .owl-nav .owl-next i:before,\n .owl-carousel.full-width .owl-nav .owl-prev i:before {\n width: 40px;\n height: 40px;\n background: #b9c0d3;\n border-radius: 100%;\n font-size: 1.6rem;\n font-weight: bold;\n line-height: 40px; }\n .owl-carousel.full-width .owl-nav .owl-prev {\n float: left; }\n .owl-carousel.full-width .owl-nav .owl-next {\n float: right; }\n\n.owl-carousel.full-width .owl-dots {\n margin-top: 1rem; }\n\n.owl-carousel .item-video {\n width: 200px;\n height: 200px; }\n\n/* Progressbar-js */\n.ui-progress {\n border-radius: 50px; }\n .ui-progress svg {\n background: var(--outline);\n border-radius: 50px; }\n\n.progressbar-js-circle {\n width: 100%; }\n\n/* Pws-tabs */\n.pws_tabs_container ul.pws_tabs_controll {\n border-bottom: 1px solid var(--primary); }\n .pws_tabs_container ul.pws_tabs_controll li:first-child a {\n border-radius: 5px 0 0 0; }\n .pws_tabs_container ul.pws_tabs_controll li:last-child a {\n border-right: 1px solid var(--primary);\n border-radius: 0 5px 0 0; }\n .pws_tabs_container ul.pws_tabs_controll li a {\n border: 1px solid var(--primary);\n border-bottom: none;\n border-right: none;\n background: #fff;\n color: var(--primary);\n padding: 0.3em 1.3em;\n margin-right: 0;\n font-weight: 500;\n font-size: 14px; }\n .pws_tabs_container ul.pws_tabs_controll li a:hover {\n background: #fff;\n color: var(--primary); }\n .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {\n background: var(--primary);\n var(--base-text); }\n\n.pws_tabs_container .demo-tabs {\n border: 1px solid var(--primary);\n border-radius: 0 5px 5px 5px;\n overflow: hidden;\n background: var(--light);\n margin-bottom: 45px;\n padding-top: 3.5rem; }\n .pws_tabs_container .demo-tabs .CodeMirror {\n margin-bottom: 20px; }\n\n.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {\n border-right: none;\n border-bottom: none; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a {\n border-radius: 5px 0 0 0; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {\n border-bottom: 1px solid var(--primary);\n border-radius: 0 0 0 5px;\n border-right: 0; }\n .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {\n border-radius: 0;\n border: 1px solid var(--primary);\n border-right: none;\n border-bottom: none;\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {\n border-top: 1px solid var(--primary);\n border-right: none;\n border-bottom: none; }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a {\n border-radius: 0 0 0 5px; }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {\n border-radius: 0 0 5px 0;\n border-right: 1px solid var(--primary); }\n .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {\n border-radius: 0;\n border: 1px solid var(--primary);\n border-top: none;\n border-right: none;\n margin-right: 0;\n margin-bottom: 0; }\n\n.pws_tabs_container.pws_tabs_horizontal_top .pws_tabs_controll {\n border-bottom: 0px; }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {\n border-radius: 0 5px 0 0;\n border-right: 1px solid var(--primary); }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {\n border-right: none;\n border-radius: 5px 0 0 0; }\n\n.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {\n border: 1px solid var(--primary);\n border-bottom: none;\n border-right: none;\n margin-right: 0;\n margin-left: 0; }\n\n/* Quill Editor */\n.quill-container {\n height: 300px; }\n\n.ql-toolbar.ql-snow,\n.quill-container.ql-snow {\n border-color: var(--outline); }\n\n/* Rating */\n.br-theme-css-stars .br-widget a,\n.br-theme-fontawesome-stars .br-widget a {\n font-size: 15px;\n margin-right: 0px; }\n .br-theme-css-stars .br-widget a:last-child,\n .br-theme-fontawesome-stars .br-widget a:last-child {\n margin-right: 0; }\n\n.br-theme-css-stars .br-widget a.br-active:after,\n.br-theme-css-stars .br-widget a.br-selected:after,\n.br-theme-fontawesome-stars .br-widget a.br-active:after,\n.br-theme-fontawesome-stars .br-widget a.br-selected:after {\n color: #F9CF57; }\n\n.br-theme-bars-1to10 .br-widget a,\n.br-theme-bars-horizontal .br-widget a,\n.br-theme-bars-movie .br-widget a,\n.br-theme-bars-pill .br-widget a,\n.br-theme-bars-reversed .br-widget a {\n background-color: rgba(249, 207, 87, 0.6);\n color: #F9CF57; }\n .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected,\n .br-theme-bars-horizontal .br-widget a.br-active,\n .br-theme-bars-horizontal .br-widget a.br-selected,\n .br-theme-bars-movie .br-widget a.br-active,\n .br-theme-bars-movie .br-widget a.br-selected,\n .br-theme-bars-pill .br-widget a.br-active,\n .br-theme-bars-pill .br-widget a.br-selected,\n .br-theme-bars-reversed .br-widget a.br-active,\n .br-theme-bars-reversed .br-widget a.br-selected {\n background-color: #F9CF57; }\n\n.br-theme-bars-square .br-widget a {\n border-color: rgba(249, 207, 87, 0.6);\n color: rgba(249, 207, 87, 0.6); }\n .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {\n border-color: #F9CF57;\n color: #F9CF57; }\n\n.br-theme-bars-1to10 .br-widget .br-current-rating,\n.br-theme-bars-horizontal .br-widget .br-current-rating,\n.br-theme-bars-movie .br-widget .br-current-rating,\n.br-theme-bars-reversed .br-widget .br-current-rating {\n var(--base-text);\n font-size: 0.875rem;\n font-weight: initial; }\n\n.br-theme-bars-1to10 {\n height: 26px; }\n .br-theme-bars-1to10 .br-widget {\n height: 24px; }\n .br-theme-bars-1to10 .br-widget .br-current-rating {\n line-height: 1; }\n\n.br-theme-bars-pill .br-widget a {\n line-height: 2.5; }\n\n/* Select2 */\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background: var(--primary); }\n\n.select2-container--default .select2-dropdown,\n.select2-container--default .select2-selection--multiple,\n.select2-container--default .select2-selection--single {\n border-color: var(--outline); }\n .select2-container--default .select2-dropdown .select2-search__field,\n .select2-container--default .select2-selection--multiple .select2-search__field,\n .select2-container--default .select2-selection--single .select2-search__field {\n border-color: var(--outline); }\n\n.select2-container--default .select2-selection--single {\n height: auto; }\n .select2-container--default .select2-selection--single .select2-selection__rendered {\n line-height: 14px;\n height: 40px;\n display: flex;\n align-items: center; }\n .select2-container--default .select2-selection--single .select2-selection__arrow {\n top: 8px; }\n\n.select2-container--default .select2-dropdown {\n font-size: 0.8125rem; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n border-color: var(--outline); }\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n var(--base-text)fff;\n border: 0;\n border-radius: 3px;\n padding: 6px;\n font-size: 0.625rem;\n font-family: inherit;\n line-height: 1; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {\n var(--base-text)fff; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {\n background: var(--primary); }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {\n background: var(--success); }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {\n background: var(--info); }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {\n background: var(--danger); }\n .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {\n background: var(--warning); }\n\n/* Summernote Editor */\n.note-editor.note-frame {\n border: 1px solid var(--outline); }\n\n.note-popover {\n border: 1px solid var(--outline); }\n\n/* SweetAlert */\n.swal2-container {\n z-index: 1500; }\n\n.swal2-modal {\n min-height: 315px;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n border-radius: 10px; }\n .swal2-modal .swal2-title {\n font-size: 25px;\n line-height: 1;\n font-family: \"roboto\", sans-serif;\n var(--base-text);\n font-weight: initial;\n margin-bottom: 0; }\n .swal2-modal .swal2-icon,\n .swal2-modal .swal2-success-ring {\n margin-top: 0;\n margin-bottom: 42px; }\n .swal2-modal .swal2-buttonswrapper {\n margin-top: 0;\n padding: 0; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled {\n margin-top: 0;\n font-weight: initial; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {\n background-color: var(--success) !important;\n border: 1px solid var(--success) !important;\n font-weight: initial;\n margin-top: 32px; }\n .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {\n margin-top: 32px;\n background: var(--base-text)fff !important;\n border: 1px solid var(--outline);\n var(--base-text);\n font-weight: initial; }\n .swal2-modal .swal2-content {\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif;\n var(--base-text);\n font-weight: initial;\n margin-top: 11px; }\n .swal2-modal .swal2-close {\n font-size: 20px; }\n .swal2-modal .swal2-success-ring {\n left: -30px; }\n\n/* Switchery */\n.switchery {\n width: 35px;\n height: 21px;\n border-radius: 11px; }\n .switchery > small {\n width: 20px;\n height: 20px; }\n\n.switchery-small {\n width: 25px;\n height: 13px; }\n .switchery-small > small {\n width: 13px;\n height: 13px; }\n\n.switchery-large {\n width: 50px;\n height: 28px;\n border-radius: 14px; }\n .switchery-large > small {\n width: 27px;\n height: 27px; }\n\n/* Tags */\ndiv.tagsinput {\n padding: 15px 15px 10px;\n border-color: var(--outline);\n background: var(--card-banner-bg); }\n div.tagsinput span.tag {\n background: var(--primary);\n border: 0;\n var(--base-text);\n padding: 6px 14px;\n font-size: 0.8125rem;\n font-family: inherit;\n line-height: 1; }\n div.tagsinput span.tag a {\n var(--base-text); }\n\n/* TinyMCE Editor */\n.mce-tinymce.mce-panel,\n.mce-tinymce .mce-panel {\n border-color: var(--outline); }\n\n/* Toast */\n.jq-toast-wrap .jq-icon-success {\n background-color: var(--success); }\n\n.jq-toast-wrap .jq-icon-info {\n background-color: var(--info); }\n\n.jq-toast-wrap .jq-icon-warning {\n background-color: var(--warning); }\n\n.jq-toast-wrap .jq-icon-error {\n background-color: var(--danger); }\n\n/* Typeahead */\n.gist,\n.tt-menu {\n text-align: left; }\n\n.twitter-typeahead {\n max-width: 100%; }\n\n.typeahead {\n background: var(--base-text); }\n .typeahead:focus {\n border-color: var(--outline); }\n\n.tt-query {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }\n\n.tt-hint {\n color: var(--gray); }\n\n.tt-menu {\n width: 100%;\n margin: 12px 0;\n padding: 8px 0;\n background: var(--base-text)fff;\n border: 1px solid var(--outline);\n border-radius: 8px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n\n.tt-suggestion {\n padding: 3px 20px;\n font-size: inherit; }\n .tt-suggestion:hover {\n cursor: pointer;\n var(--base-text)fff;\n background-color: var(--primary); }\n .tt-suggestion .tt-cursor {\n var(--base-text)fff;\n background-color: var(--primary); }\n .tt-suggestion p {\n margin: 0; }\n\n/* Wysi Editor */\n.wysi-editor #toolbar [data-wysihtml-action] {\n float: right; }\n\n.wysi-editor #toolbar,\n.wysi-editor textarea {\n width: 920px;\n padding: 5px;\n box-sizing: border-box; }\n\n.wysi-editor textarea {\n height: 280px;\n border: 1px solid var(--outline);\n font-family: inherit;\n font-size: 1rem; }\n\n.wysi-editor textarea:focus {\n color: black;\n border: 1px solid var(--outline); }\n\n.wysi-editor .wysihtml-action-active,\n.wysi-editor .wysihtml-command-active {\n font-weight: bold; }\n\n.wysi-editor [data-wysihtml-dialog] {\n margin: 5px 0 0;\n padding: 5px;\n border: 1px solid var(--outline); }\n\n.wysi-editor a[data-wysihtml-command-value=\"red\"] {\n color: var(--danger); }\n\n.wysi-editor a[data-wysihtml-command-value=\"green\"] {\n color: var(--success); }\n\n.wysi-editor a[data-wysihtml-command-value=\"blue\"] {\n color: var(--info); }\n\n.wysi-editor .wysihtml-editor,\n.wysi-editor .wysihtml-editor table td {\n outline: 1px dotted var(--outline); }\n\n.wysi-editor code {\n background: #ddd;\n padding: 10px;\n white-space: pre;\n display: block;\n margin: 1em 0; }\n\n.wysi-editor .toolbar {\n display: block;\n border-radius: 3px;\n border: 1px solid var(--outline);\n margin-bottom: 9px;\n line-height: 1em; }\n\n.wysi-editor .toolbar a {\n display: inline-block;\n height: 1.5em;\n border-radius: 3px;\n font-size: 1rem;\n line-height: 1.5em;\n text-decoration: none;\n background: var(--white);\n border: 1px solid var(--outline);\n padding: 0 0.2em;\n margin: 1px 0;\n color: var(--primary); }\n\n.wysi-editor .toolbar .wysihtml-action-active,\n.wysi-editor .toolbar a.wysihtml-command-active {\n background: #222;\n color: white; }\n\n.wysi-editor .toolbar .block {\n padding: 1px;\n display: inline-block;\n background: #eee;\n border-radius: 3px;\n margin: 0 1px 1px 0; }\n\n.wysi-editor div[data-wysihtml-dialog=\"createTable\"] {\n position: absolute;\n background: white; }\n\n.wysi-editor div[data-wysihtml-dialog=\"createTable\"] td {\n width: 10px;\n height: 5px;\n border: 1px solid var(--outline); }\n\n.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {\n outline: 2px solid var(--success); }\n\n.wysi-editor .editor-container-tag {\n padding: 5px 10px;\n position: absolute;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n width: 100px;\n margin-left: -50px;\n transition: 0.1s left, 0.1s top; }\n\n.wysi-editor .wrap {\n max-width: 700px;\n margin: 40px; }\n\n.wysi-editor .editable .wysihtml-uneditable-container {\n outline: 1px dotted var(--outline);\n position: relative; }\n\n.wysi-editor .editable .wysihtml-uneditable-container-right {\n float: right;\n width: 50%;\n margin-left: 2em;\n margin-bottom: 1em; }\n\n.wysi-editor .editable .wysihtml-uneditable-container-left {\n float: left;\n width: 50%;\n margin-right: 2em;\n margin-bottom: 1em; }\n\n/* X-editable */\n.editable-form .editable {\n var(--base-text);\n font-size: 0.8125rem; }\n\n.editable-form .editable-click {\n border-var(--base-text); }\n\n.editable-container.editable-inline {\n max-width: 100%; }\n .editable-container.editable-inline .editableform {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group {\n max-width: 100%;\n white-space: initial; }\n .editable-container.editable-inline .editableform .control-group > div {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group .editable-input input,\n .editable-container.editable-inline .editableform .control-group .editable-input textarea {\n max-width: 100%; }\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select, .dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number], .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single, .select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint,\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,\n .editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead {\n padding-left: 0;\n padding-right: 0; }\n @media (max-width: 991px) {\n .editable-container.editable-inline .editableform .control-group .editable-buttons {\n display: block;\n margin-top: 10px; } }\n\n/* Wizard */\n.wizard {\n display: block;\n width: 100%;\n overflow: hidden; }\n .wizard a {\n outline: 0; }\n .wizard ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n .wizard ul > li {\n display: block;\n padding: 0; }\n .wizard > .steps {\n position: relative;\n display: block;\n width: 100%; }\n .wizard > .steps .current-info {\n position: absolute;\n left: -999em; }\n .wizard > .steps .number {\n font-size: 0.875rem; }\n .wizard > .steps > ul > li {\n width: 25%;\n float: left;\n text-align: center; }\n .wizard > .steps a {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px;\n font-size: 0.875rem;\n font-family: \"roboto\", sans-serif; }\n .wizard > .steps a:hover {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px; }\n .wizard > .steps a:active {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em;\n text-decoration: none;\n border-radius: 5px; }\n .wizard > .steps .disabled a {\n background: var(--gray-lightest);\n color: var(--gray);\n cursor: default; }\n .wizard > .steps .disabled a:hover {\n background: var(--gray-lightest);\n color: var(--gray);\n cursor: default; }\n .wizard > .steps .disabled a:active {\n background: var(--gray-lightest) e;\n color: var(--gray);\n cursor: default; }\n .wizard > .steps .current a {\n background: var(--primary);\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .current a:hover {\n background: var(--primary);\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .current a:active {\n background: var(--primary);\n var(--base-text)fff;\n cursor: default; }\n .wizard > .steps .done a {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .done a:hover {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .done a:active {\n background: #82c4f8;\n var(--base-text)fff; }\n .wizard > .steps .error a {\n background: var(--danger);\n var(--base-text); }\n .wizard > .steps .error a:hover {\n background: var(--danger);\n var(--base-text); }\n .wizard > .steps .error a:active {\n background: var(--danger);\n var(--base-text); }\n .wizard > .content {\n background: var(--deep-bg);\n display: block;\n margin: 0.5em;\n min-height: 24em;\n overflow: hidden;\n position: relative;\n width: auto;\n border-radius: 5px; }\n .wizard > .content > .title {\n position: absolute;\n left: -999em; }\n .wizard > .content > .body {\n float: left;\n position: absolute;\n width: 95%;\n height: 95%;\n padding: 2.5%;\n overflow-y: auto; }\n .wizard > .content > .body ul {\n list-style: disc !important; }\n .wizard > .content > .body ul > li {\n display: list-item; }\n .wizard > .content > .body > iframe {\n border: 0 none;\n width: 100%;\n height: 100%; }\n .wizard > .content > .body input {\n display: block;\n border: 1px solid var(--outline); }\n .wizard > .content > .body input[type=\"checkbox\"] {\n display: inline-block; }\n .wizard > .content > .body input.error {\n background: #fbe3e4;\n border: 1px solid #ffc2be;\n color: var(--danger); }\n .wizard > .content > .body label {\n display: inline-block;\n margin-bottom: 0.5em; }\n .wizard > .content > .body label.error {\n color: var(--danger);\n display: inline-block;\n margin-left: 1.5em; }\n .wizard > .actions {\n padding-top: 20px;\n position: relative;\n display: block;\n text-align: right;\n width: 100%; }\n .wizard > .actions > ul {\n display: inline-block;\n text-align: right; }\n .wizard > .actions > ul > li {\n float: left;\n margin: 0 0.5em; }\n .wizard.vertical > .steps {\n display: inline;\n float: left;\n width: 30%; }\n .wizard.vertical > .steps > ul > li {\n float: none;\n width: 100%;\n text-align: left; }\n .wizard.vertical > .content {\n display: inline;\n float: left;\n margin: 0 2.5% 0.5em;\n width: 65%; }\n .wizard.vertical > .actions {\n display: inline;\n float: right;\n margin: 0 2.5%;\n width: 95%; }\n .wizard.vertical > .actions > ul > li {\n margin: 0 0 0 1em; }\n\n.tabcontrol {\n display: block;\n width: 100%;\n overflow: hidden; }\n .tabcontrol a {\n outline: 0; }\n .tabcontrol ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n .tabcontrol ul > li {\n display: block;\n padding: 0; }\n .tabcontrol > .steps {\n position: relative;\n display: block;\n width: 100%; }\n .tabcontrol > .steps .current-info {\n position: absolute;\n left: -999em; }\n .tabcontrol > .steps > ul {\n position: relative;\n margin: 6px 0 0;\n top: 1px;\n z-index: 1; }\n .tabcontrol > .steps > ul > li {\n float: left;\n margin: 5px 2px 0 0;\n padding: 1px;\n -webkit-border-top-left-radius: 5px;\n -webkit-border-top-right-radius: 5px;\n -moz-border-radius-topleft: 5px;\n -moz-border-radius-topright: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n .tabcontrol > .steps > ul > li:hover {\n background: #edecec;\n border: 1px solid var(--outline);\n padding: 0; }\n .tabcontrol > .steps > ul > li > a {\n color: #8ba2b5;\n display: inline-block;\n border: 0 none;\n margin: 0;\n padding: 10px 30px;\n text-decoration: none; }\n .tabcontrol > .steps > ul > li > a:hover {\n text-decoration: none; }\n .tabcontrol > .steps > ul > li.current {\n background: var(--white);\n border: 1px solid var(--outline);\n border-bottom: 0 none;\n padding: 0 0 1px;\n margin-top: 0; }\n .tabcontrol > .steps > ul > li.current > a {\n padding: 15px 30px 10px; }\n .tabcontrol > .content {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 35em;\n overflow: hidden;\n border-top: 1px solid var(--outline);\n padding-top: 20px; }\n .tabcontrol > .content > .title {\n position: absolute;\n left: -999em; }\n .tabcontrol > .content > .body {\n float: left;\n position: absolute;\n width: 95%;\n height: 95%;\n padding: 2.5%; }\n .tabcontrol > .content > .body ul {\n list-style: disc !important; }\n .tabcontrol > .content > .body ul > li {\n display: list-item; }\n\n/*-------------------------------------------------------------------*/\n/* === Landing screens === */\n/* Auth */\n.full-page-wrapper {\n min-height: 100vh;\n padding-left: 0;\n padding-right: 0; }\n\n.auth {\n min-height: 100vh; }\n .auth.auth-bg-1 {\n background: url(\"../../images/auth/login_1.jpg\");\n background-size: cover; }\n .auth.register-bg-1 {\n background: url(\"../../images/auth/register.jpg\") center center no-repeat;\n background-size: cover; }\n .auth.theme-one .auto-form-wrapper {\n background: var(--dropdown-bg);\n padding: 40px 40px 10px;\n border-radius: 4px;\n box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); }\n .auth.theme-one .auto-form-wrapper .form-group .input-group, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap {\n height: 44px; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=text],\n .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead {\n border: 1px solid #2e334d;\n border-right: none;\n border-radius: 6px 0 0 6px;\n height: 44px;\n line-height: 4px;\n display: inline-block;\n padding-top: 0px;\n padding-bottom: 0px; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=text],\n .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint:focus,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query:focus,\n .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead:focus,\n .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead:focus {\n border-right: none;\n border-color: #2e334d; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append {\n border-left: none; }\n .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append .input-group-text, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append .input-group-text {\n border-radius: 0 6px 6px 0;\n border-left: none;\n border-color: #2e334d;\n color: #b6b6b6; }\n .auth.theme-one .auto-form-wrapper .form-group .submit-btn {\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n padding: 12px 8px;\n font-weight: 600; }\n .auth.theme-one .auto-form-wrapper .g-login {\n border: 1px solid var(--outline);\n padding: 13px;\n font-size: 12px;\n font-weight: 600;\n background: transparent; }\n .auth.theme-one .auth-footer {\n list-style-type: none;\n padding-left: 0;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n justify-content: center; }\n .auth.theme-one .auth-footer li {\n margin-right: 10px;\n line-height: 1;\n padding-right: 10px;\n border-right: 1px solid rgba(255, 255, 255, 0.4); }\n .auth.theme-one .auth-footer li:last-child {\n margin-right: 0;\n border-right: none; }\n .auth.theme-one .auth-footer li a {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.4); }\n @media (max-width: 576px) {\n .auth.theme-one .auth-footer {\n justify-content: center; } }\n .auth.theme-one .footer-text {\n color: rgba(255, 255, 255, 0.4); }\n .auth.theme-two .auto-form-wrapper {\n position: relative;\n height: 100vh;\n min-height: 100vh;\n max-height: 100vh;\n padding: 110px 5% 5%;\n border-radius: 4px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper {\n padding: 11% 15px;\n text-align: center;\n height: 100%;\n max-height: 100%; } }\n .auth.theme-two .auto-form-wrapper .nav-get-started {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 30px;\n right: 30px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper .nav-get-started {\n margin-bottom: 5%;\n margin-right: auto;\n margin-left: auto;\n position: relative;\n top: unset;\n right: unset;\n justify-content: center; } }\n .auth.theme-two .auto-form-wrapper .nav-get-started p {\n margin-bottom: 0;\n font-weight: 300; }\n .auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn {\n border: 1px solid var(--outline);\n padding: 10px 20px;\n font-size: 12px;\n font-weight: 600;\n var(--base-text);\n margin-left: 20px;\n border-radius: 50px; }\n .auth.theme-two .auto-form-wrapper form {\n width: 50%;\n min-width: 300px;\n max-width: 480px; }\n .auth.theme-two .auto-form-wrapper form .form-group {\n width: 100%;\n margin-bottom: 25px; }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper form .form-group {\n margin-right: auto;\n margin-left: auto; } }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap {\n height: 44px; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=text],\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead {\n border: 1px solid #2e334d;\n border-left: none;\n border-radius: 0 6px 6px 0;\n height: 45px; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=text],\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead:focus,\n .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead:focus {\n border-left: none;\n border-color: #2e334d; }\n .auth.theme-two .auto-form-wrapper form .form-group .input-group .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-trigger .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-trigger .input-group-text {\n border-radius: 6px 0 0 6px;\n border-color: #2e334d;\n border-right: none;\n color: #dfdfdf; }\n .auth.theme-two .auto-form-wrapper form .form-group .submit-btn {\n font-family: \"roboto\", sans-serif;\n font-size: 13px;\n padding: 11px 33px;\n font-weight: 600;\n background-image: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .auth.theme-two .auto-form-wrapper .footer-text {\n font-size: 13px;\n margin-bottom: 0; }\n .auth.theme-two .auto-form-wrapper .auth-footer {\n list-style-type: none;\n display: flex;\n margin-top: 7px;\n padding-left: 0;\n margin-bottom: 0; }\n .auth.theme-two .auto-form-wrapper .auth-footer li {\n margin-right: 10px;\n line-height: 1;\n padding-right: 10px;\n border-right: 1px solid #b9c0d3; }\n .auth.theme-two .auto-form-wrapper .auth-footer li:last-child {\n margin-right: 0;\n border-right: none; }\n .auth.theme-two .auto-form-wrapper .auth-footer li a {\n font-size: 13px;\n var(--base-text) }\n @media (max-width: 576px) {\n .auth.theme-two .auto-form-wrapper .auth-footer {\n justify-content: center; } }\n .auth.theme-two .banner-section {\n padding-right: 0; }\n .auth.theme-two .banner-section .slide-content {\n width: 100%; }\n .auth.theme-two .banner-section .slide-content.bg-1 {\n background: url(\"../../images/auth/login_2.jpg\") no-repeat center center;\n background-size: cover; }\n .auth.theme-two .banner-section .slide-content.bg-2 {\n background: url(\"../../images/auth/register_2.jpg\") no-repeat center center;\n background-size: cover; }\n .auth.multi-step-login {\n height: 100%;\n min-height: 100vh;\n background: var(--deep-bg); }\n .auth.multi-step-login .step-form {\n position: relative;\n width: 530px;\n margin: 50px auto;\n text-align: center; }\n .auth.multi-step-login .step-form .step-progress {\n padding-left: 0;\n list-style-type: none;\n margin-bottom: 30px;\n overflow: hidden;\n counter-reset: step;\n display: flex;\n justify-content: space-around; }\n .auth.multi-step-login .step-form .step-progress li {\n position: relative;\n list-style-type: none;\n var(--base-text);\n font-size: 18px;\n font-weight: 500;\n float: left; }\n .auth.multi-step-login .step-form .step-progress li:before {\n display: flex;\n align-items: center;\n justify-content: center;\n content: counter(step);\n counter-increment: step;\n width: 30px;\n height: 30px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 600;\n var(--base-text);\n background: #12141f;\n border-radius: 100px;\n margin: 0 auto 5px auto; }\n .auth.multi-step-login .step-form .step-progress li.active:before {\n background: var(--success);\n var(--base-text); }\n .auth.multi-step-login .step-form .step-progress li:first-child:after {\n content: none; }\n .auth.multi-step-login .step-form fieldset {\n background: var(--dropdown-bg);\n border-radius: 10px;\n padding: 30px 30px;\n box-sizing: border-box;\n margin: 0 auto;\n width: 100%;\n position: relative; }\n .auth.multi-step-login .step-form fieldset:not(:first-of-type) {\n display: none; }\n .auth.multi-step-login .step-form .form-control, .auth.multi-step-login .step-form .asColorPicker-input, .auth.multi-step-login .step-form .dataTables_wrapper select, .dataTables_wrapper .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text],\n .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number], .auth.multi-step-login .step-form .select2-container--default .select2-selection--single, .select2-container--default .auth.multi-step-login .step-form .select2-selection--single, .auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field, .auth.multi-step-login .step-form .tt-hint,\n .auth.multi-step-login .step-form .tt-query,\n .auth.multi-step-login .step-form .typeahead {\n height: 40px;\n border-radius: 4px; }\n\n/* Error */\n.error-page {\n min-height: 100vh; }\n .error-page h1 {\n font-size: 9.375rem;\n line-height: 1; }\n @media (max-width: 991px) {\n .error-page h1 {\n font-size: 8rem; } }\n .error-page h2 {\n font-size: 4.375rem;\n line-height: 1; }\n @media (min-width: 992px) {\n .error-page .error-page-divider {\n border-left: 3px solid rgba(255, 255, 255, 0.2); } }\n\n/* Landing */\n.landing-page .navbar {\n padding: 2rem 0;\n box-shadow: none;\n -webkit-box-shadow: none; }\n .landing-page .navbar .navbar-brand img {\n width: 145px; }\n @media (max-width: 991px) {\n .landing-page .navbar .navbar-collapse {\n display: block; } }\n .landing-page .navbar .navbar-collapse.collapse {\n display: none; }\n .landing-page .navbar .navbar-collapse.show {\n display: block; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n var(--base-text)fff;\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 0.9375rem;\n font-family: \"roboto\", sans-serif;\n text-align: left; }\n @media (min-width: 992px) {\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n margin-left: 1rem;\n margin-right: 1rem; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:first-child {\n margin-left: 0; }\n .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {\n margin-right: 0; } }\n\n.landing-page .top-banner {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); }\n .landing-page .top-banner .demo-image img {\n max-width: 500px; }\n @media (min-width: 992px) {\n .landing-page .top-banner .demo-image img {\n position: absolute;\n left: -80px; } }\n @media (max-width: 991px) {\n .landing-page .top-banner .demo-image img {\n margin-top: 1rem;\n max-width: 100%; } }\n .landing-page .top-banner .top-banner-content {\n padding-top: 80px;\n padding-bottom: 120px; }\n\n.landing-page .middle-section {\n padding-top: 120px;\n padding-bottom: 80px;\n text-align: center;\n color: #000; }\n .landing-page .middle-section .card {\n background: var(--white);\n border-radius: 10px;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n transition: box-shadow 0.5s ease; }\n .landing-page .middle-section .card:hover {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); }\n .landing-page .middle-section .card.card-icon-top {\n position: relative; }\n .landing-page .middle-section .card.card-icon-top .card-body {\n padding: 3rem; }\n .landing-page .middle-section .card.card-icon-top .card-icon {\n position: absolute;\n width: 65px;\n height: 65px;\n top: -30px;\n left: calc(50% - 30px); }\n .landing-page .middle-section .card.card-item-preview {\n position: relative; }\n .landing-page .middle-section .card.card-item-preview .badge {\n position: absolute;\n top: -25px;\n right: -35px;\n width: 65px;\n height: 65px;\n padding: 1rem;\n border-radius: 50%;\n line-height: 32px;\n font-size: 1rem; }\n .landing-page .middle-section .card.card-item-preview .card-img-top {\n border-top-left-radius: 10px;\n border-top-right-radius: 10px; }\n\n.landing-page .bottom-section {\n color: #000;\n text-align: center;\n padding-top: 80px; }\n\n.landing-page .feature-list {\n margin-top: 100px;\n margin-bottom: 100px; }\n @media (min-width: 992px) {\n .landing-page .feature-list .feature-list-row:first-child {\n border-bottom: 1px solid #f4f4f4; } }\n .landing-page .feature-list .feature-list-row .feature-list-item {\n padding-top: 1rem;\n padding-bottom: 2rem; }\n .landing-page .feature-list .feature-list-row .feature-list-item i {\n display: block;\n font-size: 1.875rem;\n margin-bottom: 2rem; }\n @media (min-width: 992px) {\n .landing-page .feature-list .feature-list-row .feature-list-item {\n border-right: 1px solid #f4f4f4; }\n .landing-page .feature-list .feature-list-row .feature-list-item:last-child {\n border-right: 0; } }\n .landing-page .feature-list .feature-list-row .feature-list-item .feature-description {\n font-family: \"roboto\", sans-serif; }\n\n.landing-page .footer {\n background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);\n margin: 0;\n width: 100%;\n padding: 80px 0 0; }\n .landing-page .footer .footer-top {\n border-bottom: 1px solid rgba(255, 255, 255, 0.2); }\n .landing-page .footer .footer-top .brand-logo {\n width: 145px; }\n .landing-page .footer .footer-top .footer-social-icons {\n margin-top: 3rem; }\n .landing-page .footer .footer-top .footer-social-icons i {\n width: 43px;\n height: 43px;\n font-size: 1rem;\n border-radius: 100%;\n text-align: center;\n line-height: 43px;\n margin-right: 0.5rem; }\n .landing-page .footer .footer-top .contact-details i {\n font-size: 1.25rem;\n font-weight: 500; }\n .landing-page .footer .footer-top .nav .nav-item .nav-link {\n var(--base-text)fff;\n border-right: 1px solid var(--outline);\n padding-top: 0;\n padding-bottom: 0;\n font-size: 0.9375rem;\n font-family: \"roboto\", sans-serif;\n line-height: 1; }\n .landing-page .footer .footer-top .nav .nav-item:last-child .nav-link {\n border-right: 0; }\n .landing-page .footer .footer-top .nav .nav-item:first-child .nav-link {\n padding-left: 0; }\n .landing-page .footer .footer-top .form-control, .landing-page .footer .footer-top .asColorPicker-input, .landing-page .footer .footer-top .dataTables_wrapper select, .dataTables_wrapper .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=text],\n .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=number], .landing-page .footer .footer-top .select2-container--default .select2-selection--single, .select2-container--default .landing-page .footer .footer-top .select2-selection--single, .landing-page .footer .footer-top .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .landing-page .footer .footer-top .select2-search__field, .landing-page .footer .footer-top .tt-hint,\n .landing-page .footer .footer-top .tt-query,\n .landing-page .footer .footer-top .typeahead {\n background: rgba(0, 0, 0, 0.3);\n border: none;\n border-radius: 1.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem; }\n .landing-page .footer .footer-bottom {\n var(--base-text)fff;\n font-family: \"roboto\", sans-serif; }\n\n.profile-page .profile-header {\n width: 100%;\n background: url(\"../../images/samples/profile_page/profile_header_banner.jpg\") no-repeat center center;\n background-size: cover;\n padding: 60px 0;\n border-radius: 5px; }\n .profile-page .profile-header .profile-info .profile-user-name {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif;\n font-weight: 600;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .profile-info .profile-user-designation {\n margin-bottom: 0;\n font-family: \"roboto\", sans-serif;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .profile-info .br-wrapper {\n padding-left: 15px; }\n .profile-page .profile-header .profile-info .br-wrapper .br-widget {\n height: auto;\n transform: translateY(-5px); }\n .profile-page .profile-header .profile-info .br-wrapper .br-widget a {\n font-size: 18px;\n margin-right: 0; }\n .profile-page .profile-header .details {\n display: flex;\n align-items: center; }\n .profile-page .profile-header .details .detail-col {\n border-right: 1px solid rgba(56, 62, 93, 0.3); }\n .profile-page .profile-header .details .detail-col:last-child {\n border-right: none;\n margin-right: 0; }\n .profile-page .profile-header .details .detail-col p {\n margin-bottom: 0;\n font-weight: 400;\n color: var(--dropdown-bg); }\n .profile-page .profile-header .details .detail-col p:first-child {\n font-weight: 700; }\n\n.profile-page .profile-body {\n padding-top: 50px; }\n .profile-page .profile-body .tab-switch {\n border-bottom: 1px solid var(--outline); }\n .profile-page .profile-body .tab-switch .nav-item .nav-link {\n var(--base-text)\n font-size: 1rem;\n padding-bottom: 1.2rem;\n font-weight: 600;\n border-bottom: 3px solid var(--white);\n transition-duration: 0.4s;\n transition-timing-function: ease-in;\n transition-property: color, border-color; }\n .profile-page .profile-body .tab-switch .nav-item .nav-link.active {\n color: #000;\n border-bottom: 3px solid var(--primary); }\n .profile-page .profile-body .tab-body {\n border: none;\n padding: 10px 0; }\n .profile-page .profile-body .tab-body .stages {\n position: relative; }\n .profile-page .profile-body .tab-body .stages .stage-badge {\n position: absolute;\n top: 0;\n left: -20px; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon {\n height: 77px;\n width: 69px;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center; }\n .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon i {\n font-size: 43px;\n margin-right: 0; }\n\n.product-nav-wrapper {\n display: flex;\n align-items: center; }\n .product-nav-wrapper .product-filter-nav {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-nav li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-nav li a {\n display: inline-block;\n font-size: 16px;\n font-weight: 500;\n margin-right: 20px;\n var(--base-text); }\n .product-nav-wrapper .product-filter-nav li.active a {\n color: var(--primary); }\n .product-nav-wrapper .product-filter-options {\n margin-left: auto;\n padding-left: 0;\n display: flex;\n align-items: center; }\n .product-nav-wrapper .product-filter-options .account-user-info {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-info li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-info li a {\n display: inline-block;\n font-size: 16px;\n margin-right: 10px;\n padding-right: 10px;\n line-height: 1;\n var(--base-text);\n border-right: 1px solid var(--outline); }\n .product-nav-wrapper .product-filter-options .account-user-info li:last-child a {\n border-right: none; }\n .product-nav-wrapper .product-filter-options .account-user-info {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-info li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-info li a {\n display: inline-block;\n font-size: 16px;\n margin-right: 10px;\n padding-right: 10px;\n line-height: 1;\n var(--base-text);\n border-right: 1px solid var(--outline);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-info li:last-child a {\n border-right: none; }\n .product-nav-wrapper .product-filter-options .account-user-link {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-link li {\n display: inline-block; }\n .product-nav-wrapper .product-filter-options .account-user-link li a {\n display: inline-block;\n font-size: 16px;\n line-height: 1;\n var(--base-text);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-link li a:after {\n content: \"/\";\n display: inline-block;\n margin-left: 5px;\n margin-right: 5px; }\n .product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after {\n display: none;\n margin-left: 0px; }\n .product-nav-wrapper .product-filter-options .account-user-actions {\n list-style: none;\n margin-bottom: 30px; }\n .product-nav-wrapper .product-filter-options .account-user-actions li {\n display: inline-block;\n margin-right: 15px;\n position: relative; }\n .product-nav-wrapper .product-filter-options .account-user-actions li .badge {\n position: absolute;\n top: -12px;\n right: -7px; }\n .product-nav-wrapper .product-filter-options .account-user-actions li a {\n display: inline-block;\n font-size: 16px;\n line-height: 1;\n var(--base-text);\n text-decoration: none; }\n .product-nav-wrapper .product-filter-options .account-user-actions li:last-child {\n margin-right: 0; }\n\n.product-item-wrapper {\n margin-bottom: -15px; }\n .product-item-wrapper .product-item {\n box-shadow: none;\n margin-bottom: 20px; }\n .product-item-wrapper .product-item .card {\n box-shadow: none; }\n .product-item-wrapper .product-item .card-body {\n padding: 20px 25px;\n display: grid;\n position: relative;\n grid-template-columns: 70% 30%;\n grid-template-rows: auto;\n grid-template-areas: \"product-image product-image\"\r \"product-title product-price\"\r \"product-variation product-actual-price\"\r \"product-description product-description\"; }\n .product-item-wrapper .product-item .card-body .action-holder {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n padding: 35px 40px;\n display: flex;\n align-items: center;\n z-index: 2; }\n .product-item-wrapper .product-item .card-body .action-holder .sale-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n width: 40px;\n height: 40px;\n border-radius: 100%;\n var(--base-text);\n font-size: 12px;\n font-weight: 500; }\n .product-item-wrapper .product-item .card-body .action-holder .favorite-button {\n margin-left: auto;\n var(--base-text);\n font-size: 22px; }\n .product-item-wrapper .product-item .card-body .product_image {\n width: 100%;\n max-width: 100%;\n min-width: 100%;\n grid-area: product-image;\n margin-bottom: 15px;\n transform: scale(1);\n z-index: 1;\n border-radius: 0px;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0);\n transition-duration: 0.3s;\n transition-timing-function: \"ease\";\n transition-property: \"transform\", \"border-radius\", \"box-shadow\"; }\n .product-item-wrapper .product-item .card-body .product-title {\n grid-area: product-title;\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 10px; }\n .product-item-wrapper .product-item .card-body .product-price {\n grid-area: product-price;\n font-size: 20px;\n font-weight: 500;\n text-align: right;\n margin-bottom: 10px; }\n .product-item-wrapper .product-item .card-body .product-actual-price {\n grid-area: product-actual-price;\n font-size: 15px;\n color: #4d4c4c;\n text-align: right;\n text-decoration: line-through; }\n .product-item-wrapper .product-item .card-body .product-variation {\n grid-area: product-variation;\n list-style-type: none;\n display: inline-block;\n padding-left: 0;\n padding-bottom: 0; }\n .product-item-wrapper .product-item .card-body .product-variation li {\n display: inline-block;\n border: 1px solid var(--outline);\n padding: 0px 15px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n transition-duration: 0.3s;\n transition-property: \"background\"; }\n .product-item-wrapper .product-item .card-body .product-variation li a {\n color: inherit;\n text-decoration: none; }\n .product-item-wrapper .product-item .card-body .product-variation li:hover {\n background: var(--secondary); }\n .product-item-wrapper .product-item .card-body .product-description {\n grid-area: product-description;\n line-height: 1.71; }\n .product-item-wrapper .product-item:hover .product_image {\n transform: scale(1.1);\n border-radius: 4px;\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); }\n\n.project-list-showcase {\n margin-left: -20px;\n margin-right: -20px;\n margin-bottom: -20px; }\n .project-list-showcase .project-grid {\n padding-right: 20px;\n padding-left: 20px;\n margin-bottom: 40px;\n overflow: hidden; }\n .project-list-showcase .project-grid .img-holder {\n width: 100%;\n height: 140px;\n border-radius: 4px 4px 0 0; }\n .project-list-showcase .project-grid .img-holder.img-bg-1 {\n background: url(\"../../images/samples/300x300/1.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .img-holder.img-bg-2 {\n background: url(\"../../images/samples/300x300/2.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .img-holder.img-bg-3 {\n background: url(\"../../images/samples/300x300/3.jpg\") no-repeat center;\n background-size: cover; }\n .project-list-showcase .project-grid .project-grid-inner {\n border: 1px solid var(--outline);\n border-radius: 0 0 4px 4px;\n padding: 30px 25px 30px 25px; }\n .project-list-showcase .project-grid .project-title {\n margin-bottom: 0;\n font-weight: 500; }\n .project-list-showcase .project-grid .project-location {\n margin-bottom: 0;\n font-weight: 500;\n color: white;\n margin-bottom: 15px; }\n .project-list-showcase .project-grid .action-tags {\n font-weight: 500;\n var(--base-text); }\n\n.st-wizard-wrapper .st-wizard-steps {\n display: inline-flex;\n border-top: 1px solid var(--outline);\n border-bottom: 1px solid var(--outline);\n padding-top: 10px;\n padding-bottom: 10px;\n margin-top: 25px;\n width: 100%; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step {\n display: inline-flex;\n align-items: center;\n var(--base-text)\n border-right: 1px solid var(--outline);\n margin-right: 20px;\n padding-right: 10%;\n text-decoration: none;\n pointer-events: none; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step:last-child {\n border-right: none;\n margin-right: 0px;\n padding-right: 0px; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-number {\n font-size: 40px;\n font-weight: 600;\n margin-bottom: 0;\n margin-right: 10px;\n color: inherit;\n font-weight: 500; }\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details {\n margin-bottom: 0;\n display: flex;\n align-items: center;\n color: inherit;\n font-weight: 500;\n line-height: 18px; }\n @media (max-width: 578px) {\n .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details {\n display: none; } }\n .st-wizard-wrapper .st-wizard-steps .wizard-step.done {\n color: var(--primary);\n pointer-events: auto; }\n\n.st-wizard-wrapper .wizard-footer {\n display: flex;\n align-items: center;\n border-top: 1px solid var(--outline);\n margin-top: 35px;\n padding-top: 30px; }\n .st-wizard-wrapper .wizard-footer .terms-checkbox {\n display: none;\n margin-top: 0px;\n margin-bottom: 0; }\n .st-wizard-wrapper .wizard-footer .wrapper {\n display: flex;\n align-items: center;\n margin-left: auto; }\n\nbody.invoice-page .invoice-banner {\n background: url(\"../../images/samples/invoice_banner.jpg\") no-repeat center center;\n background-size: cover;\n width: 100%;\n margin-top: 20px;\n border-radius: 4px;\n padding: 50px;\n var(--base-text); }\n body.invoice-page .invoice-banner hr {\n border-top: solid 1px rgba(255, 255, 255, 0.2); }\n\nbody.invoice-page.invoice-2 table {\n width: 950px;\n margin-left: auto;\n margin-right: auto; }\n body.invoice-page.invoice-2 table tr th,\n body.invoice-page.invoice-2 table tr td {\n text-align: right;\n padding: 25px 10px; }\n body.invoice-page.invoice-2 table tr th:first-child,\n body.invoice-page.invoice-2 table tr td:first-child {\n text-align: left; }\n body.invoice-page.invoice-2 table tr th:last-child,\n body.invoice-page.invoice-2 table tr td:last-child {\n padding-right: 50px; }\n body.invoice-page.invoice-2 table tr th {\n font-weight: 400;\n var(--base-text) }\n body.invoice-page.invoice-2 table tr td {\n font-weight: 600; }\n\n@media print {\n body.invoice-page .navbar,\n body.invoice-page .sidebar,\n body.invoice-page .footer,\n body.invoice-page .right-sidebar-toggler-wrapper,\n body.invoice-page .btn,\n body.invoice-page .ajax-upload-dragdrop .ajax-file-upload,\n .ajax-upload-dragdrop body.invoice-page .ajax-file-upload,\n body.invoice-page .swal2-modal .swal2-buttonswrapper .swal2-styled,\n .swal2-modal .swal2-buttonswrapper body.invoice-page .swal2-styled,\n body.invoice-page .wizard > .actions a,\n .wizard > .actions body.invoice-page a,\n body.invoice-page .card-title {\n display: none !important; } }\n\n.tickets-tab-switch {\n border-bottom: none;\n display: flex;\n justify-content: space-between;\n margin-left: -10px;\n margin-right: -10px; }\n .tickets-tab-switch .nav-item {\n display: block;\n width: 33.33%;\n padding: 0 10px; }\n @media (max-width: 767.98px) {\n .tickets-tab-switch .nav-item {\n width: 100%; } }\n .tickets-tab-switch .nav-item .nav-link {\n display: flex;\n align-items: center;\n border-radius: 4px;\n background: #1e2031;\n padding: 20px;\n text-align: left;\n font-weight: 600;\n border: none;\n transition-duration: 0.3s;\n transition-timing-function: ease-in;\n transition-property: \"background\", \"color\"; }\n .tickets-tab-switch .nav-item .nav-link .badge {\n margin-left: auto;\n background: var(--primary);\n color: var(--dropdown-bg);\n transition-duration: 0.3s;\n transition-timing-function: ease-in;\n transition-property: \"background\", \"color\"; }\n .tickets-tab-switch .nav-item .nav-link.active {\n background: var(--primary);\n color: var(--dropdown-bg);\n border: none; }\n .tickets-tab-switch .nav-item .nav-link.active .badge {\n background: var(--warning);\n color: var(--dropdown-bg); }\n\n.tickets-date-group {\n display: flex;\n align-items: center;\n var(--base-text)\n margin-top: 30px;\n margin-bottom: 20px;\n font-weight: 500; }\n .tickets-date-group i {\n margin-right: 10px;\n font-size: 20px; }\n\n.tickets-card {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--outline);\n border-radius: 4px;\n padding: 15px 20px;\n margin-bottom: 15px;\n cursor: pointer;\n text-decoration: none;\n var(--base-text);\n transition-duration: 0.3s;\n transition-property: \"background\"; }\n .tickets-card .tickets-details {\n margin-right: auto; }\n .tickets-card .tickets-details .wrapper {\n display: flex;\n align-items: center; }\n .tickets-card .tickets-details .wrapper span {\n margin-left: 10px; }\n .tickets-card .tickets-details .wrapper span:first-child {\n margin-left: 0; }\n .tickets-card .tickets-details .wrapper span i {\n margin-right: 5px;\n font-size: 15px; }\n .tickets-card .tickets-details h5 {\n margin-bottom: 0; }\n .tickets-card .tickets-details .badge {\n margin-left: 15px; }\n .tickets-card .tickets-details .assignee-avatar {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n margin-left: 10px; }\n .tickets-card .ticket-float {\n display: inline-flex;\n align-items: center; }\n @media (max-width: 767.98px) {\n .tickets-card .ticket-float {\n margin-top: 20px; } }\n .tickets-card .ticket-float span {\n white-space: nowrap; }\n .tickets-card .ticket-float img,\n .tickets-card .ticket-float .category-icon {\n margin-right: 10px; }\n .tickets-card .ticket-float .category-icon {\n font-size: 22px;\n var(--base-text) }\n .tickets-card:hover {\n text-decoration: none;\n color: inherit;\n background: #1e2031; }\n\n/*-------------------------------------------------------------------*/\n.modal .modal-dialog {\n margin-top: calc(63px + 30px); }\n\n/* Full Calendar */\n#calendar .fc-header-toolbar {\n background: var(--dropdown-bg);\n padding: 28px 0 80px;\n margin-bottom: 0; }\n #calendar .fc-header-toolbar .fc-button-group {\n border-radius: 5px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button {\n box-shadow: none;\n padding: 1px 12px;\n margin-right: 0;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.33;\n border: none;\n background: var(--primary);\n var(--base-text);\n text-shadow: none;\n transition-duration: 0.3s; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button:first-letter {\n text-transform: uppercase; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active {\n background: #0d8aee;\n var(--base-text)fff; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button {\n background: var(--card-banner-bg);\n var(--base-text);\n margin-right: 7px;\n height: 2.0625rem;\n width: 2.25rem;\n border: none; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span {\n top: -3px;\n right: 9px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after {\n font: normal normal normal 24px/1 \"Material Design Icons\";\n display: block;\n line-height: 21px; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after {\n content: \"\\F141\"; }\n #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after {\n content: \"\\F142\"; }\n #calendar .fc-header-toolbar .fc-today-button {\n box-shadow: none;\n padding: 1px 12px;\n border-radius: 2px;\n margin-right: 4px;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.33;\n border: none;\n background: var(--primary);\n var(--base-text);\n text-shadow: none;\n transition-duration: 0.3s; }\n #calendar .fc-header-toolbar .fc-today-button:first-letter {\n text-transform: uppercase; }\n #calendar .fc-header-toolbar .fc-left {\n padding-left: 25px; }\n #calendar .fc-header-toolbar .fc-right {\n padding-right: 25px; }\n #calendar .fc-header-toolbar .fc-center h2 {\n font-size: 1.125rem;\n font-weight: 600;\n text-transform: uppercase; }\n\n#calendar .fc-view-container .fc-view {\n background: var(--deep-bg); }\n #calendar .fc-view-container .fc-view table thead.fc-head {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead {\n border: none; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead tr th.fc-day-header {\n text-transform: uppercase;\n padding: 0.4375rem 0;\n border-color: var(--outline);\n font-size: 0.875rem; }\n #calendar .fc-view-container .fc-view table thead.fc-head tr td.fc-head-container {\n border-color: var(--outline);\n border-bottom: none;\n background: var(--card-banner-bg); }\n #calendar .fc-view-container .fc-view table tbody.fc-body {\n background: var(--dropdown-bg); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-bg table tr td {\n border-color: var(--outline); }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-top {\n padding: 8px;\n font-size: 0.875rem;\n font-weight: 600; }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-event-container .fc-h-event {\n background: var(--success);\n border: none;\n padding: 6px 12px 6px 22px;\n font-weight: 500;\n var(--base-text)fff;\n font-size: 12px;\n border-radius: 4px; }\n #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-more-cell {\n font-weight: 600;\n color: var(--dark);\n padding: 0 7px; }\n",
"/* Fonts */\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');",
":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",
"// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, ``-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on ``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default ` | ` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. ` |