From eb2717b0e3f5e2ad96e5a5222bb59f3f1323b289 Mon Sep 17 00:00:00 2001 From: Sriharsha Chintalapani Date: Mon, 27 Sep 2021 08:43:38 -0700 Subject: [PATCH] Fix #587: Ingestion: Add standalone report process to generate datasets, usage & profile and serve from standalone server (#588) * Fix #587: Ingestion: Add standalone report process to generate datasets, usage & profile and serve from standalone server * add localhost --- .../sample_data/dashboards/charts.json | 19 +- .../sample_data/dashboards/dashboards.json | 22 +- .../examples/sample_data/datasets/tables.json | 12 + .../examples/sample_data/topics/topics.json | 6 + ingestion/examples/workflows/redshift.json | 4 - ingestion/setup.py | 10 +- ingestion/src/metadata/cmd.py | 43 + ingestion/src/metadata/ingestion/sink/file.py | 2 +- .../metadata/ingestion/source/sql_source.py | 5 +- ingestion/src/metadata_server/__init__.py | 0 ingestion/src/metadata_server/db.sqlite3 | 0 ingestion/src/metadata_server/manage.py | 22 + .../metadata_server/openmetadata/__init__.py | 0 .../src/metadata_server/openmetadata/asgi.py | 16 + .../metadata_server/openmetadata/settings.py | 120 + .../src/metadata_server/openmetadata/urls.py | 10 + .../src/metadata_server/openmetadata/views.py | 37 + .../src/metadata_server/openmetadata/wsgi.py | 16 + .../src/metadata_server/static/css/style.css | 14095 ++++++++++++++++ .../metadata_server/static/img/bigquery.png | Bin 0 -> 9549 bytes .../metadata_server/static/img/favicon.png | Bin 0 -> 1150 bytes .../src/metadata_server/static/img/logo.svg | 12 + .../static/img/no-data-found.svg | 43 + .../src/metadata_server/templates/404.html | 9 + .../metadata_server/templates/dataset.html | 157 + .../templates/layout/base.html | 21 + .../templates/layout/header.html | 54 + .../src/metadata_server/templates/list.html | 71 + 28 files changed, 14779 insertions(+), 27 deletions(-) create mode 100644 ingestion/src/metadata_server/__init__.py create mode 100644 ingestion/src/metadata_server/db.sqlite3 create mode 100755 ingestion/src/metadata_server/manage.py create mode 100644 ingestion/src/metadata_server/openmetadata/__init__.py create mode 100644 ingestion/src/metadata_server/openmetadata/asgi.py create mode 100644 ingestion/src/metadata_server/openmetadata/settings.py create mode 100644 ingestion/src/metadata_server/openmetadata/urls.py create mode 100644 ingestion/src/metadata_server/openmetadata/views.py create mode 100644 ingestion/src/metadata_server/openmetadata/wsgi.py create mode 100644 ingestion/src/metadata_server/static/css/style.css create mode 100644 ingestion/src/metadata_server/static/img/bigquery.png create mode 100644 ingestion/src/metadata_server/static/img/favicon.png create mode 100644 ingestion/src/metadata_server/static/img/logo.svg create mode 100644 ingestion/src/metadata_server/static/img/no-data-found.svg create mode 100644 ingestion/src/metadata_server/templates/404.html create mode 100644 ingestion/src/metadata_server/templates/dataset.html create mode 100644 ingestion/src/metadata_server/templates/layout/base.html create mode 100644 ingestion/src/metadata_server/templates/layout/header.html create mode 100644 ingestion/src/metadata_server/templates/list.html diff --git a/ingestion/examples/sample_data/dashboards/charts.json b/ingestion/examples/sample_data/dashboards/charts.json index 4c441141984..bac31de4b1a 100644 --- a/ingestion/examples/sample_data/dashboards/charts.json +++ b/ingestion/examples/sample_data/dashboards/charts.json @@ -4,7 +4,7 @@ "id": "2841fdb1-e378-4a2c-94f8-27c9f5d6ef8e", "name": "101", "displayName": "# of Games That Hit 100k in Sales By Release Year", - "fullyQualifiedName": "local_superset.# of Games That Hit 100k in Sales By Release Year", + "fullyQualifiedName": "local_superset.101", "description": "", "chartId": "114", "chartType": "Area", @@ -14,7 +14,7 @@ "id": "3bcba490-9e5c-4946-a0e3-41e8ff8f4aa4", "name":"110", "displayName": "% Rural", - "fullyQualifiedName": "local_superset.% Rural", + "fullyQualifiedName": "local_superset.110", "description": "", "chartId": "166", "chartType": "Other", @@ -24,6 +24,7 @@ "id": "22b95748-4a7b-48ad-859e-cf7c66a7f343", "name": "92", "displayName": "✈️ Relocation ability", + "fullyQualifiedName": "local_superset.92", "description": "", "chartId": "92", "chartType": "Other", @@ -31,9 +32,9 @@ "href": "http://localhost:8585/api/v1/charts/22b95748-4a7b-48ad-859e-cf7c66a7f343" }, { "id": "62b31dcc-4619-46a0-99b1-0fa7cd6f93da", - "name": "11y", + "name": "11", "displayName": "Age distribution of respondents", - "fullyQualifiedName": "local_superset.Age distribution of respondents", + "fullyQualifiedName": "local_superset.11", "description": "", "chartId": "117", "chartType": "Histogram", @@ -42,7 +43,7 @@ }, { "id": "57944482-e187-439a-aaae-0e8aabd2f455", "displayName": "Arcs", - "fullyQualifiedName": "local_superset.Arcs", + "fullyQualifiedName": "local_superset.197", "description": "", "name": "197", "chartType": "Other", @@ -51,7 +52,7 @@ }, { "id": "d88e2056-c74a-410d-829e-eb31b040c132", "displayName": "Are you an ethnic minority in your city?", - "fullyQualifiedName": "local_superset.Are you an ethnic minority in your city?", + "fullyQualifiedName": "local_superset.127", "description": "", "name": "127", "chartType": "Other", @@ -60,7 +61,7 @@ }, { "id": "c1d3e156-4628-414e-8d6e-a6bdd486128f", "displayName": "Average and Sum Trends", - "fullyQualifiedName": "local_superset.Average and Sum Trends", + "fullyQualifiedName": "local_superset.183", "description": "", "name": "183", "chartType": "Line", @@ -78,7 +79,7 @@ }, { "id": "bf2eeac4-7226-46c6-bbef-918569c137a0", "displayName": "Box plot", - "fullyQualifiedName": "local_superset.Box plot", + "fullyQualifiedName": "local_superset.170", "description": "", "name": "170", "chartType": "Bar", @@ -87,7 +88,7 @@ }, { "id": "167fd63b-42f1-4d7e-a37d-893fd8173b44", "displayName": "Boy Name Cloud", - "fullyQualifiedName": "local_superset.Boy Name Cloud", + "fullyQualifiedName": "local_superset.180", "description": "", "name": "180", "chartType": "Other", diff --git a/ingestion/examples/sample_data/dashboards/dashboards.json b/ingestion/examples/sample_data/dashboards/dashboards.json index 933d946d95b..6c55edf3c0d 100644 --- a/ingestion/examples/sample_data/dashboards/dashboards.json +++ b/ingestion/examples/sample_data/dashboards/dashboards.json @@ -3,8 +3,8 @@ { "id": "d4dc7baf-1b17-45f8-acd5-a15b78cc7c5f", "name": "8", - "displayName": "[ untitled dashboard ]", - "fullyQualifiedName": "local_superset.[ untitled dashboard ]", + "displayName": "Orders dashboard", + "fullyQualifiedName": "local_superset.8", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/1/", "charts": [183, 170, 197], @@ -14,7 +14,7 @@ "id": "063cd787-8630-4809-9702-34d3992c7248", "name": "9", "displayName": "COVID Vaccine Dashboard", - "fullyQualifiedName": "local_superset.COVID Vaccine Dashboard", + "fullyQualifiedName": "local_superset.9", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/8/", "charts": [117, 197], @@ -24,7 +24,7 @@ "id": "df6c698e-066a-4440-be0a-121025573b73", "name": "10", "displayName": "deck.gl Demo", - "fullyQualifiedName": "local_superset.deck.gl Demo", + "fullyQualifiedName": "local_superset.10", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/deck/", "charts": [127, 166, 114], @@ -34,7 +34,7 @@ "id": "98b38a49-b5c6-431b-b61f-690e39f8ead2", "name": "11", "displayName": "FCC New Coder Survey 2018", - "fullyQualifiedName": "local_superset.FCC New Coder Survey 2018", + "fullyQualifiedName": "local_superset.11", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/7/", "charts": [183, 197, 170, 180], @@ -44,7 +44,7 @@ "id": "dffcf9b2-4f43-4881-a5f5-10109655bf50", "name": "12", "displayName": "Misc Charts", - "fullyQualifiedName": "local_superset.Misc Charts", + "fullyQualifiedName": "local_superset.12", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/misc_charts/", "charts": [127, 197], @@ -54,7 +54,7 @@ "id": "2583737d-6236-421e-ba0f-cd0b79adb216", "name": "31", "displayName": "Sales Dashboard", - "fullyQualifiedName": "local_superset.Sales Dashboard", + "fullyQualifiedName": "local_superset.31", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/6/", "charts": [92,117,166], @@ -64,7 +64,7 @@ "id": "6bf9bfcb-4e80-4af0-9f0c-13e47bbc27a2", "name": "33", "displayName": "Slack Dashboard", - "fullyQualifiedName": "local_superset.Slack Dashboard", + "fullyQualifiedName": "local_superset.33", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/10/", "charts": [114, 92, 127], @@ -74,7 +74,7 @@ "id": "1f02caf2-c5e5-442d-bda3-b8ce3e757b45", "name": "34", "displayName": "Unicode Test", - "fullyQualifiedName": "local_superset.Unicode Test", + "fullyQualifiedName": "local_superset.34", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/unicode-test/", "charts": [161, 170, 180], @@ -84,7 +84,7 @@ "id": "a3ace318-ee37-4da1-974a-62eddbd77d20", "name": "45", "displayName": "USA Births Names", - "fullyQualifiedName": "local_superset.USA Births Names", + "fullyQualifiedName": "local_superset.45", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/births/", "charts": [180], @@ -94,7 +94,7 @@ "id": "e6e21717-1164-403f-8807-d12be277aec6", "name": "51", "displayName": "Video Game Sales", - "fullyQualifiedName": "local_superset.Video Game Sales", + "fullyQualifiedName": "local_superset.51", "description": "", "dashboardUrl": "http://localhost:808/superset/dashboard/11/", "charts": [127, 183], diff --git a/ingestion/examples/sample_data/datasets/tables.json b/ingestion/examples/sample_data/datasets/tables.json index de47bf0e995..d0a053564ba 100644 --- a/ingestion/examples/sample_data/datasets/tables.json +++ b/ingestion/examples/sample_data/datasets/tables.json @@ -5,6 +5,7 @@ "name": "dim_address", "tableType": "Regular", "description": "This dimension table contains the billing and shipping addresses of customers. You can join this table with the sales table to generate lists of the billing and shipping addresses. Customers can enter their addresses more than once, so the same address can appear in more than one row in this table. This table contains one row per customer address.", + "fullyQualifiedName": "bigquery.shopify.dim_address", "columns": [ { "name": "address_id", @@ -104,6 +105,7 @@ "name": "dim_api_client", "tableType": "Regular", "description": "This dimension table contains a row for each channel or app that your customers use to create orders. Some examples of these include Facebook and Online Store. You can join this table with the sales table to measure channel performance.", + "fullyQualifiedName": "bigquery.shopify.dim_api_client", "columns": [ { "name": "api_client_id", @@ -133,6 +135,7 @@ "name": "dim_customer", "tableType": "Regular", "description": "The dimension table contains data about your customers. The customers table contains one row per customer. It includes historical metrics (such as the total amount that each customer has spent in your store) as well as forward-looking metrics (such as the predicted number of days between future orders and the expected order value in the next 30 days). This table also includes columns that segment customers into various categories (such as new, returning, promising, at risk, dormant, and loyal), which you can use to target marketing activities.", + "fullyQualifiedName": "bigquery.shopify.dim_customer", "columns": [ { "name": "customer_id", @@ -330,6 +333,7 @@ "name": "dim_location", "tableType": "Regular", "description": "The dimension table contains metrics about your Shopify POS. This table contains one row per Shopify POS location. You can use this table to generate a list of the Shopify POS locations or you can join the table with the sales table to measure sales performance.", + "fullyQualifiedName": "bigquery.shopify.dim_location", "columns": [ { "name": "location_id", @@ -365,6 +369,7 @@ "name": "dim_product", "tableType": "Regular", "description": "This dimension table contains information about each of the products in your store. This table contains one row per product. This table reflects the current state of products in your Shopify admin.", + "fullyQualifiedName": "bigquery.shopify.dim_product", "columns": [ { "name": "product_id", @@ -422,6 +427,7 @@ "name": "dim_product_variant", "tableType": "Regular", "description": "This dimension table contains current information about each of the product variants in your store. This table contains one row per product variant.", + "fullyQualifiedName": "bigquery.shopify.dim_product_variant", "columns": [ { "name": "product_variant_id", @@ -507,6 +513,7 @@ "name": "dim_shop", "tableType": "Regular", "description": "This dimension table contains online shop information. This table contains one shop per row.", + "fullyQualifiedName": "bigquery.shopify.dim_shop", "columns": [ { "name": "shop_id", @@ -543,6 +550,7 @@ "name": "dim_staff", "tableType": "Regular", "description": "This dimension table contains information about the staff accounts in the store. It contains one row per staff account. Use this table to generate a list of your staff accounts, or join it with the sales, API clients and locations tables to analyze staff performance at Shopify POS locations.", + "fullyQualifiedName": "bigquery.shopify.dim_staff", "columns": [ { "name": "user_id", @@ -593,6 +601,7 @@ "name": "fact_line_item", "tableType": "Regular", "description": "The fact table contains information about the line items in orders. Each row in the table is a line item in an order. It contains product and product variant details as they were at the time of the order. This table does not include information about returns. Join this table with the TODO fact_sales table to get the details of the product on the day it was sold. This data will match what appears on the order in your Shopify admin as well as the in the Sales reports.", + "fullyQualifiedName": "bigquery.shopify.fact_line_item", "columns": [ { "name": "line_item_id", @@ -725,6 +734,7 @@ "name": "fact_order", "tableType": "Regular", "description": "The orders table contains information about each order in your store. Although this table is good for generating order lists and joining with the dim_customer, use the sales table instead for computing financial or other metrics.", + "fullyQualifiedName": "bigquery.shopify.fact_order", "columns": [ { "name": "order_id", @@ -842,6 +852,7 @@ "name": "fact_sale", "tableType": "Regular", "description": "The fact table captures the value of products sold or returned, as well as the values of other charges such as taxes and shipping costs. The sales table contains one row per order line item, one row per returned line item, and one row per shipping charge. Use this table when you need financial metrics.", + "fullyQualifiedName": "bigquery.shopify.fact_sale", "columns": [ { "name": "sale_id", @@ -1046,6 +1057,7 @@ "name": "fact_session", "tableType": "Regular", "description": "This fact table contains information about the visitors to your online store. This table has one row per session, where one session can contain many page views. If you use Urchin Traffic Module (UTM) parameters in marketing campaigns, then you can use this table to track how many customers they direct to your store.", + "fullyQualifiedName": "bigquery.shopify.fact_session", "columns": [ { "name": "derived_session_token", diff --git a/ingestion/examples/sample_data/topics/topics.json b/ingestion/examples/sample_data/topics/topics.json index 8b6786180d8..875823efd85 100644 --- a/ingestion/examples/sample_data/topics/topics.json +++ b/ingestion/examples/sample_data/topics/topics.json @@ -2,6 +2,7 @@ "topics": [{ "name": "customer_events", "description": "Kafka topic to capture the customer events such as location updates or profile updates", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 56, "retentionSize": 322122382273, "replicationFactor":2, @@ -13,6 +14,7 @@ { "name": "product_events", "description": "Kafka topic to capture the product events. This topic will get updates on products decription, price etc.", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 128, "retentionSize": 322122382273, "replicationFactor":4, @@ -24,6 +26,7 @@ { "name": "shop_updates", "description": "Kafka topic to get any shop updates such as new products, location", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 16, "retentionSize": 322122382273, "replicationFactor":3, @@ -35,6 +38,7 @@ { "name": "shop_products", "description": "Kafka topic to get products in a shop. This is constantly updating", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 128, "retentionSize": 3222122382273, "replicationFactor":2, @@ -46,6 +50,7 @@ { "name": "orders", "description": "All the order events on our online store", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 128, "retentionSize": 3222122382273, "replicationFactor":3, @@ -57,6 +62,7 @@ { "name": "sales", "description": "All sales related events gets captured in this topic", + "fullyQualifiedName": "sample_kafka.customer_events", "partitions": 128, "retentionSize": 3222122382273, "replicationFactor":4, diff --git a/ingestion/examples/workflows/redshift.json b/ingestion/examples/workflows/redshift.json index 83ca7be198c..1b7ebacb0aa 100644 --- a/ingestion/examples/workflows/redshift.json +++ b/ingestion/examples/workflows/redshift.json @@ -12,10 +12,6 @@ } } }, - "processor": { - "type": "pii", - "config": {} - }, "sink": { "type": "metadata-rest", "config": {} diff --git a/ingestion/setup.py b/ingestion/setup.py index 5f5a80dafaa..d975cdfbf7d 100644 --- a/ingestion/setup.py +++ b/ingestion/setup.py @@ -70,6 +70,13 @@ pii_requirements = { "spacy==3.0.5" } +report_requirements = { + "asgiref==3.4.1", + "Django==3.2.7", + "pytz==2021.1", + "sqlparse==0.4.2" +} + base_plugins = { "query-parser", "metadata-usage", @@ -102,7 +109,8 @@ plugins: Dict[str, Set[str]] = { "sample-data": {"faker~=8.1.1", "pandas~=1.3.1"}, "superset": {}, "tableau": {"tableau-api-lib==0.1.22"}, - "vertica": {"sqlalchemy-vertica[vertica-python]>=0.0.5"} + "vertica": {"sqlalchemy-vertica[vertica-python]>=0.0.5"}, + "report-server": report_requirements } build_options = {"includes": ["_cffi_backend"]} diff --git a/ingestion/src/metadata/cmd.py b/ingestion/src/metadata/cmd.py index cc1009e1bdc..81ae5a151e3 100644 --- a/ingestion/src/metadata/cmd.py +++ b/ingestion/src/metadata/cmd.py @@ -78,5 +78,48 @@ def ingest(config: str) -> None: ret = workflow.print_status() sys.exit(ret) +@metadata.command() +@click.option( + "-c", + "--config", + type=click.Path(exists=True, dir_okay=False), + help="Workflow config", + required=True, +) +def report(config: str) -> None: + """Report command to generate static pages with metadata""" + config_file = pathlib.Path(config) + workflow_config = load_config_file(config_file) + file_sink = {'type': 'file', 'config': {'filename': '/tmp/datasets.json'}} + + try: + logger.info(f"Using config: {workflow_config}") + if workflow_config.get('cron'): + del workflow_config['cron'] + if workflow_config.get('sink'): + del workflow_config['sink'] + workflow_config['sink'] = file_sink + ### add json generation as the sink + workflow = Workflow.create(workflow_config) + except ValidationError as e: + click.echo(e, err=True) + sys.exit(1) + + workflow.execute() + workflow.stop() + ret = workflow.print_status() + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'metadata_server.openmetadata.settings') + try: + from django.core.management import call_command + from django.core.wsgi import get_wsgi_application + application = get_wsgi_application() + call_command('runserver', 'localhost:8000') + except ImportError as exc: + logger.error(exc) + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc metadata.add_command(check) diff --git a/ingestion/src/metadata/ingestion/sink/file.py b/ingestion/src/metadata/ingestion/sink/file.py index 9aab79da6bd..567ef43a6c6 100644 --- a/ingestion/src/metadata/ingestion/sink/file.py +++ b/ingestion/src/metadata/ingestion/sink/file.py @@ -57,7 +57,7 @@ class FileSink(Sink): if self.wrote_something: self.file.write(",\n") - self.file.write(record.to_json()) + self.file.write(record.json()) self.wrote_something = True self.report.records_written(record) diff --git a/ingestion/src/metadata/ingestion/source/sql_source.py b/ingestion/src/metadata/ingestion/source/sql_source.py index 29e8263842b..ec41edd5340 100644 --- a/ingestion/src/metadata/ingestion/source/sql_source.py +++ b/ingestion/src/metadata/ingestion/source/sql_source.py @@ -257,13 +257,14 @@ class SQLSource(Source): self.status.scanned('{}.{}'.format(self.config.get_service_name(), table_name)) description = _get_table_description(schema, table_name, inspector) - + fqn = f"{self.config.service_name}.{self.config.database}.{schema}.{table_name}" table_columns = self._get_columns(schema, table_name, inspector) table_entity = Table( id=uuid.uuid4(), name=table_name, tableType='Regular', description=description if description is not None else ' ', + fullyQualifiedName=fqn, columns=table_columns ) if self.sql_config.generate_sample_data: @@ -314,11 +315,13 @@ class SQLSource(Source): description = _get_table_description(schema, view_name, inspector) table_columns = self._get_columns(schema, view_name, inspector) + fqn = f"{self.config.service_name}.{self.config.database}.{schema}.{view_name}" table = Table( id=uuid.uuid4(), name=view_name, tableType='View', description=description if description is not None else ' ', + fullyQualifiedName=fqn, columns=table_columns, viewDefinition=view_definition ) diff --git a/ingestion/src/metadata_server/__init__.py b/ingestion/src/metadata_server/__init__.py new file mode 100644 index 00000000000..e69de29bb2d diff --git a/ingestion/src/metadata_server/db.sqlite3 b/ingestion/src/metadata_server/db.sqlite3 new file mode 100644 index 00000000000..e69de29bb2d diff --git a/ingestion/src/metadata_server/manage.py b/ingestion/src/metadata_server/manage.py new file mode 100755 index 00000000000..589f4884234 --- /dev/null +++ b/ingestion/src/metadata_server/manage.py @@ -0,0 +1,22 @@ +#!/usr/bin/env python +"""OpenMetadata Server for generated reports.""" +import os +import sys + + +def main(): + """Run OpenMetadata report server.""" + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'openmetadata.settings') + try: + from django.core.management import execute_from_command_line + except ImportError as exc: + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc + execute_from_command_line(sys.argv) + + +if __name__ == '__main__': + main() diff --git a/ingestion/src/metadata_server/openmetadata/__init__.py b/ingestion/src/metadata_server/openmetadata/__init__.py new file mode 100644 index 00000000000..e69de29bb2d diff --git a/ingestion/src/metadata_server/openmetadata/asgi.py b/ingestion/src/metadata_server/openmetadata/asgi.py new file mode 100644 index 00000000000..a6ddb6b30c8 --- /dev/null +++ b/ingestion/src/metadata_server/openmetadata/asgi.py @@ -0,0 +1,16 @@ +""" +ASGI config for openmetadata project. + +It exposes the ASGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/3.2/howto/deployment/asgi/ +""" + +import os + +from django.core.asgi import get_asgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'metadata_server.openmetadata.settings') + +application = get_asgi_application() diff --git a/ingestion/src/metadata_server/openmetadata/settings.py b/ingestion/src/metadata_server/openmetadata/settings.py new file mode 100644 index 00000000000..e125e2ed00e --- /dev/null +++ b/ingestion/src/metadata_server/openmetadata/settings.py @@ -0,0 +1,120 @@ + +from pathlib import Path + +# Build paths inside the project like this: BASE_DIR / 'subdir'. +BASE_DIR = Path(__file__).resolve().parent.parent + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/3.2/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = 'django-insecure-d+ngmo&w9xlfb)=x0)q-93*bb66r2hkhz$-@^=+8*30553@z@e' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = False + +ALLOWED_HOSTS = ['*'] + + +# Application definition + +INSTALLED_APPS = [ + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.sessions', + 'django.contrib.messages', + 'django.contrib.staticfiles', +] + +MIDDLEWARE = [ + 'django.middleware.security.SecurityMiddleware', + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', +] + +ROOT_URLCONF = 'metadata_server.openmetadata.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [BASE_DIR / "templates"], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.debug', + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'metadata_server.openmetadata.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/3.2/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': BASE_DIR / 'db.sqlite3', + } +} + + +# Password validation +# https://docs.djangoproject.com/en/3.2/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', + }, +] + + +# Internationalization +# https://docs.djangoproject.com/en/3.2/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'UTC' + +USE_I18N = True + +USE_L10N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/3.2/howto/static-files/ + +STATIC_URL = '/static/' +STATICFILES_DIRS = [BASE_DIR / 'static', ] + + + +MEDIA_URL = '/media/' +MEDIA_ROOT = BASE_DIR / 'media' + +# Default primary key field type +# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field + +DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' diff --git a/ingestion/src/metadata_server/openmetadata/urls.py b/ingestion/src/metadata_server/openmetadata/urls.py new file mode 100644 index 00000000000..dcef62915b5 --- /dev/null +++ b/ingestion/src/metadata_server/openmetadata/urls.py @@ -0,0 +1,10 @@ +from django.contrib import admin +from django.urls import path +from .views import list_page, detail_page + +urlpatterns = [ + path('admin/', admin.site.urls), + path('', list_page), + path('dataset//', detail_page, name="dataset") +] +handler404 = "metadata_server.openmetadata.views.page_not_found_view" diff --git a/ingestion/src/metadata_server/openmetadata/views.py b/ingestion/src/metadata_server/openmetadata/views.py new file mode 100644 index 00000000000..a623fb8c963 --- /dev/null +++ b/ingestion/src/metadata_server/openmetadata/views.py @@ -0,0 +1,37 @@ +import logging + +from django.shortcuts import render +import json +logger: logging.Logger = logging.getLogger(__name__) + +with open("/tmp/datasets.json", "r") as d: + data = json.load(d) + datasets = [] + for dataset in data: + if 'table' in dataset: + datasets.append(dataset['table']) + elif 'dashboard' in dataset: + datasets.append(dataset['dashboard']) + elif 'topic' in dataset: + datasets.append(dataset['topic']) + else: + logger.info("unrecognized element {}".format(dataset)) + + + +def list_page(request): + template_name = "list.html" + return render(request, template_name, {"datasets": datasets}) + + +def detail_page(request, fqn): + template_name = "dataset.html" + dataset = list(filter(lambda data: data["fullyQualifiedName"] == fqn, datasets)) + if len(dataset) > 0: + return render(request, template_name, {"dataset": dataset[0]}) + else: + return render(request, template_name, {"error": "No Data Found"}) + + +def page_not_found_view(request, exception): + return render(request, '404.html', status=404) diff --git a/ingestion/src/metadata_server/openmetadata/wsgi.py b/ingestion/src/metadata_server/openmetadata/wsgi.py new file mode 100644 index 00000000000..fdd0f5baf01 --- /dev/null +++ b/ingestion/src/metadata_server/openmetadata/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for openmetadata project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/3.2/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'metadata_server.openmetadata.settings') + +application = get_wsgi_application() diff --git a/ingestion/src/metadata_server/static/css/style.css b/ingestion/src/metadata_server/static/css/style.css new file mode 100644 index 00000000000..400f9ba7cf3 --- /dev/null +++ b/ingestion/src/metadata_server/static/css/style.css @@ -0,0 +1,14095 @@ +.tippy-touch{ + cursor:pointer !important +} +.tippy-notransition{ + transition:none !important +} +.tippy-popper{ + max-width:400px; + -webkit-perspective:800px; + perspective:800px; + z-index:9999; + outline:0; + transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1); + pointer-events:none +} +.tippy-popper.html-template{ + max-width:96%; + max-width:calc(100% - 20px) +} +.tippy-popper[x-placement^=top] [x-arrow]{ + border-top:7px solid #333; + border-right:7px solid transparent; + border-left:7px solid transparent; + bottom:-7px; + margin:0 9px +} +.tippy-popper[x-placement^=top] [x-arrow].arrow-small{ + border-top:5px solid #333; + border-right:5px solid transparent; + border-left:5px solid transparent; + bottom:-5px +} +.tippy-popper[x-placement^=top] [x-arrow].arrow-big{ + border-top:10px solid #333; + border-right:10px solid transparent; + border-left:10px solid transparent; + bottom:-10px +} +.tippy-popper[x-placement^=top] [x-circle]{ + -webkit-transform-origin:0 33%; + transform-origin:0 33% +} +.tippy-popper[x-placement^=top] [x-circle].enter{ + -webkit-transform:scale(1) translate(-50%, -55%); + transform:scale(1) translate(-50%, -55%); + opacity:1 +} +.tippy-popper[x-placement^=top] [x-circle].leave{ + -webkit-transform:scale(0.15) translate(-50%, -50%); + transform:scale(0.15) translate(-50%, -50%); + opacity:0 +} +.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{ + background-color:#fff +} +.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{ + border-top:7px solid #fff; + border-right:7px solid transparent; + border-left:7px solid transparent +} +.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{ + border-top:5px solid #fff; + border-right:5px solid transparent; + border-left:5px solid transparent +} +.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{ + border-top:10px solid #fff; + border-right:10px solid transparent; + border-left:10px solid transparent +} +.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{ + background-color:rgba(0,0,0,.7) +} +.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{ + border-top:7px solid rgba(0,0,0,.7); + border-right:7px solid transparent; + border-left:7px solid transparent +} +.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ + border-top:5px solid rgba(0,0,0,.7); + border-right:5px solid transparent; + border-left:5px solid transparent +} +.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ + border-top:10px solid rgba(0,0,0,.7); + border-right:10px solid transparent; + border-left:10px solid transparent +} +.tippy-popper[x-placement^=top] [data-animation=perspective]{ + -webkit-transform-origin:bottom; + transform-origin:bottom +} +.tippy-popper[x-placement^=top] [data-animation=perspective].enter{ + opacity:1; + -webkit-transform:translateY(-10px) rotateX(0); + transform:translateY(-10px) rotateX(0) +} +.tippy-popper[x-placement^=top] [data-animation=perspective].leave{ + opacity:0; + -webkit-transform:translateY(0) rotateX(90deg); + transform:translateY(0) rotateX(90deg) +} +.tippy-popper[x-placement^=top] [data-animation=fade].enter{ + opacity:1; + -webkit-transform:translateY(-10px); + transform:translateY(-10px) +} +.tippy-popper[x-placement^=top] [data-animation=fade].leave{ + opacity:0; + -webkit-transform:translateY(-10px); + transform:translateY(-10px) +} +.tippy-popper[x-placement^=top] [data-animation=shift].enter{ + opacity:1; + -webkit-transform:translateY(-10px); + transform:translateY(-10px) +} +.tippy-popper[x-placement^=top] [data-animation=shift].leave{ + opacity:0; + -webkit-transform:translateY(0); + transform:translateY(0) +} +.tippy-popper[x-placement^=top] [data-animation=scale].enter{ + opacity:1; + -webkit-transform:translateY(-10px) scale(1); + transform:translateY(-10px) scale(1) +} +.tippy-popper[x-placement^=top] [data-animation=scale].leave{ + opacity:0; + -webkit-transform:translateY(0) scale(0); + transform:translateY(0) scale(0) +} +.tippy-popper[x-placement^=bottom] [x-arrow]{ + border-bottom:7px solid #333; + border-right:7px solid transparent; + border-left:7px solid transparent; + top:-7px; + margin:0 9px +} +.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{ + border-bottom:5px solid #333; + border-right:5px solid transparent; + border-left:5px solid transparent; + top:-5px +} +.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{ + border-bottom:10px solid #333; + border-right:10px solid transparent; + border-left:10px solid transparent; + top:-10px +} +.tippy-popper[x-placement^=bottom] [x-circle]{ + -webkit-transform-origin:0 -50%; + transform-origin:0 -50% +} +.tippy-popper[x-placement^=bottom] [x-circle].enter{ + -webkit-transform:scale(1) translate(-50%, -45%); + transform:scale(1) translate(-50%, -45%); + opacity:1 +} +.tippy-popper[x-placement^=bottom] [x-circle].leave{ + -webkit-transform:scale(0.15) translate(-50%, -5%); + transform:scale(0.15) translate(-50%, -5%); + opacity:0 +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{ + background-color:#fff +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{ + border-bottom:7px solid #fff; + border-right:7px solid transparent; + border-left:7px solid transparent +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{ + border-bottom:5px solid #fff; + border-right:5px solid transparent; + border-left:5px solid transparent +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{ + border-bottom:10px solid #fff; + border-right:10px solid transparent; + border-left:10px solid transparent +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{ + background-color:rgba(0,0,0,.7) +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{ + border-bottom:7px solid rgba(0,0,0,.7); + border-right:7px solid transparent; + border-left:7px solid transparent +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ + border-bottom:5px solid rgba(0,0,0,.7); + border-right:5px solid transparent; + border-left:5px solid transparent +} +.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ + border-bottom:10px solid rgba(0,0,0,.7); + border-right:10px solid transparent; + border-left:10px solid transparent +} +.tippy-popper[x-placement^=bottom] [data-animation=perspective]{ + -webkit-transform-origin:top; + transform-origin:top +} +.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{ + opacity:1; + -webkit-transform:translateY(10px) rotateX(0); + transform:translateY(10px) rotateX(0) +} +.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{ + opacity:0; + -webkit-transform:translateY(0) rotateX(-90deg); + transform:translateY(0) rotateX(-90deg) +} +.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{ + opacity:1; + -webkit-transform:translateY(10px); + transform:translateY(10px) +} +.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{ + opacity:0; + -webkit-transform:translateY(10px); + transform:translateY(10px) +} +.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{ + opacity:1; + -webkit-transform:translateY(10px); + transform:translateY(10px) +} +.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{ + opacity:0; + -webkit-transform:translateY(0); + transform:translateY(0) +} +.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{ + opacity:1; + -webkit-transform:translateY(10px) scale(1); + transform:translateY(10px) scale(1) +} +.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{ + opacity:0; + -webkit-transform:translateY(0) scale(0); + transform:translateY(0) scale(0) +} +.tippy-popper[x-placement^=left] [x-arrow]{ + border-left:7px solid #333; + border-top:7px solid transparent; + border-bottom:7px solid transparent; + right:-7px; + margin:6px 0 +} +.tippy-popper[x-placement^=left] [x-arrow].arrow-small{ + border-left:5px solid #333; + border-top:5px solid transparent; + border-bottom:5px solid transparent; + right:-5px +} +.tippy-popper[x-placement^=left] [x-arrow].arrow-big{ + border-left:10px solid #333; + border-top:10px solid transparent; + border-bottom:10px solid transparent; + right:-10px +} +.tippy-popper[x-placement^=left] [x-circle]{ + -webkit-transform-origin:50% 0; + transform-origin:50% 0 +} +.tippy-popper[x-placement^=left] [x-circle].enter{ + -webkit-transform:scale(1) translate(-50%, -50%); + transform:scale(1) translate(-50%, -50%); + opacity:1 +} +.tippy-popper[x-placement^=left] [x-circle].leave{ + -webkit-transform:scale(0.15) translate(-50%, -50%); + transform:scale(0.15) translate(-50%, -50%); + opacity:0 +} +.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{ + background-color:#fff +} +.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{ + border-left:7px solid #fff; + border-top:7px solid transparent; + border-bottom:7px solid transparent +} +.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{ + border-left:5px solid #fff; + border-top:5px solid transparent; + border-bottom:5px solid transparent +} +.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{ + border-left:10px solid #fff; + border-top:10px solid transparent; + border-bottom:10px solid transparent +} +.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{ + background-color:rgba(0,0,0,.7) +} +.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{ + border-left:7px solid rgba(0,0,0,.7); + border-top:7px solid transparent; + border-bottom:7px solid transparent +} +.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ + border-left:5px solid rgba(0,0,0,.7); + border-top:5px solid transparent; + border-bottom:5px solid transparent +} +.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ + border-left:10px solid rgba(0,0,0,.7); + border-top:10px solid transparent; + border-bottom:10px solid transparent +} +.tippy-popper[x-placement^=left] [data-animation=perspective]{ + -webkit-transform-origin:right; + transform-origin:right +} +.tippy-popper[x-placement^=left] [data-animation=perspective].enter{ + opacity:1; + -webkit-transform:translateX(-10px) rotateY(0); + transform:translateX(-10px) rotateY(0) +} +.tippy-popper[x-placement^=left] [data-animation=perspective].leave{ + opacity:0; + -webkit-transform:translateX(0) rotateY(-90deg); + transform:translateX(0) rotateY(-90deg) +} +.tippy-popper[x-placement^=left] [data-animation=fade].enter{ + opacity:1; + -webkit-transform:translateX(-10px); + transform:translateX(-10px) +} +.tippy-popper[x-placement^=left] [data-animation=fade].leave{ + opacity:0; + -webkit-transform:translateX(-10px); + transform:translateX(-10px) +} +.tippy-popper[x-placement^=left] [data-animation=shift].enter{ + opacity:1; + -webkit-transform:translateX(-10px); + transform:translateX(-10px) +} +.tippy-popper[x-placement^=left] [data-animation=shift].leave{ + opacity:0; + -webkit-transform:translateX(0); + transform:translateX(0) +} +.tippy-popper[x-placement^=left] [data-animation=scale].enter{ + opacity:1; + -webkit-transform:translateX(-10px) scale(1); + transform:translateX(-10px) scale(1) +} +.tippy-popper[x-placement^=left] [data-animation=scale].leave{ + opacity:0; + -webkit-transform:translateX(0) scale(0); + transform:translateX(0) scale(0) +} +.tippy-popper[x-placement^=right] [x-arrow]{ + border-right:7px solid #333; + border-top:7px solid transparent; + border-bottom:7px solid transparent; + left:-7px; + margin:6px 0 +} +.tippy-popper[x-placement^=right] [x-arrow].arrow-small{ + border-right:5px solid #333; + border-top:5px solid transparent; + border-bottom:5px solid transparent; + left:-5px +} +.tippy-popper[x-placement^=right] [x-arrow].arrow-big{ + border-right:10px solid #333; + border-top:10px solid transparent; + border-bottom:10px solid transparent; + left:-10px +} +.tippy-popper[x-placement^=right] [x-circle]{ + -webkit-transform-origin:-50% 0; + transform-origin:-50% 0 +} +.tippy-popper[x-placement^=right] [x-circle].enter{ + -webkit-transform:scale(1) translate(-50%, -50%); + transform:scale(1) translate(-50%, -50%); + opacity:1 +} +.tippy-popper[x-placement^=right] [x-circle].leave{ + -webkit-transform:scale(0.15) translate(-50%, -50%); + transform:scale(0.15) translate(-50%, -50%); + opacity:0 +} +.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{ + background-color:#fff +} +.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{ + border-right:7px solid #fff; + border-top:7px solid transparent; + border-bottom:7px solid transparent +} +.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{ + border-right:5px solid #fff; + border-top:5px solid transparent; + border-bottom:5px solid transparent +} +.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{ + border-right:10px solid #fff; + border-top:10px solid transparent; + border-bottom:10px solid transparent +} +.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{ + background-color:rgba(0,0,0,.7) +} +.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{ + border-right:7px solid rgba(0,0,0,.7); + border-top:7px solid transparent; + border-bottom:7px solid transparent +} +.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ + border-right:5px solid rgba(0,0,0,.7); + border-top:5px solid transparent; + border-bottom:5px solid transparent +} +.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ + border-right:10px solid rgba(0,0,0,.7); + border-top:10px solid transparent; + border-bottom:10px solid transparent +} +.tippy-popper[x-placement^=right] [data-animation=perspective]{ + -webkit-transform-origin:left; + transform-origin:left +} +.tippy-popper[x-placement^=right] [data-animation=perspective].enter{ + opacity:1; + -webkit-transform:translateX(10px) rotateY(0); + transform:translateX(10px) rotateY(0) +} +.tippy-popper[x-placement^=right] [data-animation=perspective].leave{ + opacity:0; + -webkit-transform:translateX(0) rotateY(90deg); + transform:translateX(0) rotateY(90deg) +} +.tippy-popper[x-placement^=right] [data-animation=fade].enter{ + opacity:1; + -webkit-transform:translateX(10px); + transform:translateX(10px) +} +.tippy-popper[x-placement^=right] [data-animation=fade].leave{ + opacity:0; + -webkit-transform:translateX(10px); + transform:translateX(10px) +} +.tippy-popper[x-placement^=right] [data-animation=shift].enter{ + opacity:1; + -webkit-transform:translateX(10px); + transform:translateX(10px) +} +.tippy-popper[x-placement^=right] [data-animation=shift].leave{ + opacity:0; + -webkit-transform:translateX(0); + transform:translateX(0) +} +.tippy-popper[x-placement^=right] [data-animation=scale].enter{ + opacity:1; + -webkit-transform:translateX(10px) scale(1); + transform:translateX(10px) scale(1) +} +.tippy-popper[x-placement^=right] [data-animation=scale].leave{ + opacity:0; + -webkit-transform:translateX(0) scale(0); + transform:translateX(0) scale(0) +} +.tippy-popper .tippy-tooltip.transparent-theme{ + background-color:rgba(0,0,0,.7) +} +.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{ + background-color:transparent +} +.tippy-popper .tippy-tooltip.light-theme{ + color:#26323d; + box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2); + background-color:#fff +} +.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{ + background-color:transparent +} +.tippy-tooltip{ + position:relative; + color:#fff; + border-radius:4px; + font-size:.95rem; + padding:.4rem .8rem; + text-align:center; + will-change:transform; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + background-color:#333 +} +.tippy-tooltip--small{ + padding:.25rem .5rem; + font-size:.8rem +} +.tippy-tooltip--big{ + padding:.6rem 1.2rem; + font-size:1.2rem +} +.tippy-tooltip[data-animatefill]{ + overflow:hidden; + background-color:transparent +} +.tippy-tooltip[data-interactive]{ + pointer-events:auto +} +.tippy-tooltip[data-inertia]{ + transition-timing-function:cubic-bezier(0.53, 2, 0.36, 0.85) +} +.tippy-tooltip [x-arrow]{ + position:absolute; + width:0; + height:0 +} +.tippy-tooltip [x-circle]{ + position:absolute; + will-change:transform; + background-color:#333; + border-radius:50%; + width:130%; + width:calc(110% + 2rem); + left:50%; + top:50%; + z-index:-1; + overflow:hidden; + transition:all ease +} +.tippy-tooltip [x-circle]:before{ + content:""; + padding-top:90%; + float:left +} +@media(max-width: 450px){ + .tippy-popper{ + max-width:96%; + max-width:calc(100% - 20px) + } +} +.top-right{ + top:12px; + right:12px; + transition:-webkit-transform .6s ease-in-out; + transition:transform .6s ease-in-out; + transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out; + -webkit-animation:notification-in-right .7s; + animation:notification-in-right .7s +} +.bottom-right{ + bottom:12px; + right:12px; + transition:-webkit-transform .6s ease-in-out; + transition:transform .6s ease-in-out; + transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out; + -webkit-animation:notification-in-right .7s; + animation:notification-in-right .7s +} +.top-left{ + top:12px; + left:12px; + transition:-webkit-transform .6s ease-in; + transition:transform .6s ease-in; + transition:transform .6s ease-in,-webkit-transform .6s ease-in; + -webkit-animation:notification-in-left .7s; + animation:notification-in-left .7s +} +.bottom-left{ + bottom:12px; + left:12px; + transition:-webkit-transform .6s ease-in; + transition:transform .6s ease-in; + transition:transform .6s ease-in,-webkit-transform .6s ease-in; + -webkit-animation:notification-in-left .7s; + animation:notification-in-left .7s +} +@-webkit-keyframes notification-in-right{ + from{ + -webkit-transform:translateX(100%); + transform:translateX(100%) + } + to{ + -webkit-transform:translateX(0); + transform:translateX(0) + } +} +@keyframes notification-in-right{ + from{ + -webkit-transform:translateX(100%); + transform:translateX(100%) + } + to{ + -webkit-transform:translateX(0); + transform:translateX(0) + } +} +@-webkit-keyframes notification-in-left{ + from{ + -webkit-transform:translateX(-100%); + transform:translateX(-100%) + } + to{ + -webkit-transform:translateX(0); + transform:translateX(0) + } +} +@keyframes notification-in-left{ + from{ + -webkit-transform:translateX(-100%); + transform:translateX(-100%) + } + to{ + -webkit-transform:translateX(0); + transform:translateX(0) + } +} +.loader{ + width:50px; + height:50px; + border-radius:50%; + border:5px solid rgba(0,0,0,.1); + border-left-color:#7147e8; + background:transparent; + -webkit-animation:rotate 1s linear infinite; + animation:rotate 1s linear infinite; + margin:6rem auto +} +.loader.loader-sm{ + width:20px; + height:20px; + border-width:2px; + margin:auto +} +.loader.loader-success{ + border-left-color:#51c41a +} +.loader.loader-error{ + border-left-color:#ff4c3b +} +.loader.loader-white{ + border-color:#fff; + border-right-color:transparent +} +@-webkit-keyframes rotate{ + from{ + -webkit-transform:rotate(0); + transform:rotate(0) + } + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +@keyframes rotate{ + from{ + -webkit-transform:rotate(0); + transform:rotate(0) + } + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +.rdw-option-wrapper{ + border:1px solid #f1f1f1; + padding:5px; + min-width:25px; + height:20px; + border-radius:2px; + margin:0 4px; + display:flex; + justify-content:center; + align-items:center; + cursor:pointer; + background:#fff; + text-transform:capitalize +} +.rdw-option-wrapper:hover{ + box-shadow:1px 1px 0px #bfbdbd +} +.rdw-option-wrapper:active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-option-active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-option-disabled{ + opacity:.3; + cursor:default +} +.rdw-dropdown-wrapper{ + height:30px; + background:#fff; + cursor:pointer; + border:1px solid #f1f1f1; + border-radius:2px; + margin:0 3px; + text-transform:capitalize; + background:#fff +} +.rdw-dropdown-wrapper:focus{ + outline:none +} +.rdw-dropdown-wrapper:hover{ + box-shadow:1px 1px 0px #bfbdbd; + background-color:#fff +} +.rdw-dropdown-wrapper:active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-dropdown-carettoopen{ + height:0px; + width:0px; + position:absolute; + top:35%; + right:10%; + border-top:6px solid #000; + border-left:5px solid transparent; + border-right:5px solid transparent +} +.rdw-dropdown-carettoclose{ + height:0px; + width:0px; + position:absolute; + top:35%; + right:10%; + border-bottom:6px solid #000; + border-left:5px solid transparent; + border-right:5px solid transparent +} +.rdw-dropdown-selectedtext{ + display:flex; + position:relative; + height:100%; + align-items:center; + padding:0 5px +} +.rdw-dropdown-optionwrapper{ + z-index:100; + position:relative; + border:1px solid #f1f1f1; + width:98%; + background:#fff; + border-radius:2px; + margin:0; + padding:0; + max-height:250px; + overflow-y:scroll +} +.rdw-dropdown-optionwrapper:hover{ + box-shadow:1px 1px 0px #bfbdbd; + background-color:#fff +} +.rdw-dropdownoption-default{ + min-height:25px; + display:flex; + align-items:center; + padding:0 5px +} +.rdw-dropdownoption-highlighted{ + background:#f1f1f1 +} +.rdw-dropdownoption-active{ + background:#f5f5f5 +} +.rdw-dropdownoption-disabled{ + opacity:.3; + cursor:default +} +.rdw-inline-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-inline-dropdown{ + width:50px +} +.rdw-inline-dropdownoption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-block-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-block-dropdown{ + width:110px +} +.rdw-fontsize-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-fontsize-dropdown{ + min-width:40px +} +.rdw-fontsize-option{ + display:flex; + justify-content:center +} +.rdw-fontfamily-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-fontfamily-dropdown{ + width:115px +} +.rdw-fontfamily-placeholder{ + white-space:nowrap; + max-width:90px; + overflow:hidden; + text-overflow:ellipsis +} +.rdw-fontfamily-optionwrapper{ + width:140px +} +.rdw-list-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-list-dropdown{ + width:50px; + z-index:90 +} +.rdw-list-dropdownOption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-text-align-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-text-align-dropdown{ + width:50px; + z-index:90 +} +.rdw-text-align-dropdownOption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-right-aligned-block{ + text-align:right +} +.rdw-left-aligned-block{ + text-align:left !important +} +.rdw-center-aligned-block{ + text-align:center !important +} +.rdw-justify-aligned-block{ + text-align:justify !important +} +.rdw-right-aligned-block>div{ + display:inline-block +} +.rdw-left-aligned-block>div{ + display:inline-block +} +.rdw-center-aligned-block>div{ + display:inline-block +} +.rdw-justify-aligned-block>div{ + display:inline-block +} +.rdw-colorpicker-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-colorpicker-modal{ + position:absolute; + top:35px; + left:5px; + display:flex; + flex-direction:column; + width:175px; + height:175px; + border:1px solid #f1f1f1; + padding:15px; + border-radius:2px; + z-index:100; + background:#fff; + box-shadow:3px 3px 5px #bfbdbd +} +.rdw-colorpicker-modal-header{ + display:flex; + padding-bottom:5px +} +.rdw-colorpicker-modal-style-label{ + font-size:15px; + width:50%; + text-align:center; + cursor:pointer; + padding:0 10px 5px +} +.rdw-colorpicker-modal-style-label-active{ + border-bottom:2px solid #0a66b7 +} +.rdw-colorpicker-modal-options{ + margin:5px auto; + display:flex; + width:100%; + height:100%; + flex-wrap:wrap; + overflow:scroll +} +.rdw-colorpicker-cube{ + width:22px; + height:22px; + border:1px solid #f1f1f1 +} +.rdw-colorpicker-option{ + margin:3px; + padding:0; + min-height:20px; + border:none; + width:22px; + height:22px; + min-width:22px; + box-shadow:1px 2px 1px #bfbdbd inset +} +.rdw-colorpicker-option:hover{ + box-shadow:1px 2px 1px #bfbdbd +} +.rdw-colorpicker-option:active{ + box-shadow:-1px -2px 1px #bfbdbd +} +.rdw-colorpicker-option-active{ + box-shadow:0px 0px 2px 2px #bfbdbd +} +.rdw-link-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-link-dropdown{ + width:50px +} +.rdw-link-dropdownOption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-link-dropdownPlaceholder{ + margin-left:8px +} +.rdw-link-modal{ + position:absolute; + top:35px; + left:5px; + display:flex; + flex-direction:column; + width:235px; + height:205px; + border:1px solid #f1f1f1; + padding:15px; + border-radius:2px; + z-index:100; + background:#fff; + box-shadow:3px 3px 5px #bfbdbd +} +.rdw-link-modal-label{ + font-size:15px +} +.rdw-link-modal-input{ + margin-top:5px; + border-radius:2px; + border:1px solid #f1f1f1; + height:25px; + margin-bottom:15px; + padding:0 5px +} +.rdw-link-modal-input:focus{ + outline:none +} +.rdw-link-modal-buttonsection{ + margin:0 auto +} +.rdw-link-modal-target-option{ + margin-bottom:20px +} +.rdw-link-modal-target-option>span{ + margin-left:5px +} +.rdw-link-modal-btn{ + margin-left:10px; + width:75px; + height:30px; + border:1px solid #f1f1f1; + border-radius:2px; + cursor:pointer; + background:#fff; + text-transform:capitalize +} +.rdw-link-modal-btn:hover{ + box-shadow:1px 1px 0px #bfbdbd +} +.rdw-link-modal-btn:active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-link-modal-btn:focus{ + outline:none !important +} +.rdw-link-modal-btn:disabled{ + background:#ece9e9 +} +.rdw-link-dropdownoption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-history-dropdown{ + width:50px +} +.rdw-embedded-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-embedded-modal{ + position:absolute; + top:35px; + left:5px; + display:flex; + flex-direction:column; + width:235px; + height:180px; + border:1px solid #f1f1f1; + padding:15px; + border-radius:2px; + z-index:100; + background:#fff; + justify-content:space-between; + box-shadow:3px 3px 5px #bfbdbd +} +.rdw-embedded-modal-header{ + font-size:15px; + display:flex +} +.rdw-embedded-modal-header-option{ + width:50%; + cursor:pointer; + display:flex; + justify-content:center; + align-items:center; + flex-direction:column +} +.rdw-embedded-modal-header-label{ + width:95px; + border:1px solid #f1f1f1; + margin-top:5px; + background:#6eb8d4; + border-bottom:2px solid #0a66b7 +} +.rdw-embedded-modal-link-section{ + display:flex; + flex-direction:column +} +.rdw-embedded-modal-link-input{ + width:88%; + height:35px; + margin:10px 0; + border:1px solid #f1f1f1; + border-radius:2px; + font-size:15px; + padding:0 5px +} +.rdw-embedded-modal-link-input-wrapper{ + display:flex; + align-items:center +} +.rdw-embedded-modal-link-input:focus{ + outline:none +} +.rdw-embedded-modal-btn-section{ + display:flex; + justify-content:center +} +.rdw-embedded-modal-btn{ + margin:0 3px; + width:75px; + height:30px; + border:1px solid #f1f1f1; + border-radius:2px; + cursor:pointer; + background:#fff; + text-transform:capitalize +} +.rdw-embedded-modal-btn:hover{ + box-shadow:1px 1px 0px #bfbdbd +} +.rdw-embedded-modal-btn:active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-embedded-modal-btn:focus{ + outline:none !important +} +.rdw-embedded-modal-btn:disabled{ + background:#ece9e9 +} +.rdw-embedded-modal-size{ + align-items:center; + display:flex; + margin:8px 0; + justify-content:space-between +} +.rdw-embedded-modal-size-input{ + width:80%; + height:20px; + border:1px solid #f1f1f1; + border-radius:2px; + font-size:12px +} +.rdw-embedded-modal-size-input:focus{ + outline:none +} +.rdw-emoji-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-emoji-modal{ + overflow:auto; + position:absolute; + top:35px; + left:5px; + display:flex; + flex-wrap:wrap; + width:235px; + height:180px; + border:1px solid #f1f1f1; + padding:15px; + border-radius:2px; + z-index:100; + background:#fff; + box-shadow:3px 3px 5px #bfbdbd +} +.rdw-emoji-icon{ + margin:2.5px; + height:24px; + width:24px; + cursor:pointer; + font-size:22px; + display:flex; + justify-content:center; + align-items:center +} +.rdw-spinner{ + display:flex; + align-items:center; + justify-content:center; + height:100%; + width:100% +} +.rdw-spinner>div{ + width:12px; + height:12px; + background-color:#333; + border-radius:100%; + display:inline-block; + -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; + animation:sk-bouncedelay 1.4s infinite ease-in-out both +} +.rdw-spinner .rdw-bounce1{ + -webkit-animation-delay:-0.32s; + animation-delay:-0.32s +} +.rdw-spinner .rdw-bounce2{ + -webkit-animation-delay:-0.16s; + animation-delay:-0.16s +} +@-webkit-keyframes sk-bouncedelay{ + 0%,80%,100%{ + -webkit-transform:scale(0) + } + 40%{ + -webkit-transform:scale(1) + } +} +@keyframes sk-bouncedelay{ + 0%,80%,100%{ + -webkit-transform:scale(0); + transform:scale(0) + } + 40%{ + -webkit-transform:scale(1); + transform:scale(1) + } +} +.rdw-image-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-image-modal{ + position:absolute; + top:35px; + left:5px; + display:flex; + flex-direction:column; + width:235px; + border:1px solid #f1f1f1; + padding:15px; + border-radius:2px; + z-index:100; + background:#fff; + box-shadow:3px 3px 5px #bfbdbd +} +.rdw-image-modal-header{ + font-size:15px; + margin:10px 0; + display:flex +} +.rdw-image-modal-header-option{ + width:50%; + cursor:pointer; + display:flex; + justify-content:center; + align-items:center; + flex-direction:column +} +.rdw-image-modal-header-label{ + width:80px; + background:#f1f1f1; + border:1px solid #f1f1f1; + margin-top:5px +} +.rdw-image-modal-header-label-highlighted{ + background:#6eb8d4; + border-bottom:2px solid #0a66b7 +} +.rdw-image-modal-upload-option{ + width:100%; + color:gray; + cursor:pointer; + display:flex; + border:none; + font-size:15px; + align-items:center; + justify-content:center; + background-color:#f1f1f1; + outline:2px dashed gray; + outline-offset:-10px; + margin:10px 0; + padding:9px 0 +} +.rdw-image-modal-upload-option-highlighted{ + outline:2px dashed #0a66b7 +} +.rdw-image-modal-upload-option-label{ + cursor:pointer; + height:100%; + width:100%; + display:flex; + justify-content:center; + align-items:center; + padding:15px +} +.rdw-image-modal-upload-option-label span{ + padding:0 20px +} +.rdw-image-modal-upload-option-image-preview{ + max-width:100%; + max-height:200px +} +.rdw-image-modal-upload-option-input{ + width:.1px; + height:.1px; + opacity:0; + overflow:hidden; + position:absolute; + z-index:-1 +} +.rdw-image-modal-url-section{ + display:flex; + align-items:center +} +.rdw-image-modal-url-input{ + width:90%; + height:35px; + margin:15px 0 12px; + border:1px solid #f1f1f1; + border-radius:2px; + font-size:15px; + padding:0 5px +} +.rdw-image-modal-btn-section{ + margin:10px auto 0 +} +.rdw-image-modal-url-input:focus{ + outline:none +} +.rdw-image-modal-btn{ + margin:0 5px; + width:75px; + height:30px; + border:1px solid #f1f1f1; + border-radius:2px; + cursor:pointer; + background:#fff; + text-transform:capitalize +} +.rdw-image-modal-btn:hover{ + box-shadow:1px 1px 0px #bfbdbd +} +.rdw-image-modal-btn:active{ + box-shadow:1px 1px 0px #bfbdbd inset +} +.rdw-image-modal-btn:focus{ + outline:none !important +} +.rdw-image-modal-btn:disabled{ + background:#ece9e9 +} +.rdw-image-modal-spinner{ + position:absolute; + top:-3px; + left:0; + width:100%; + height:100%; + opacity:.5 +} +.rdw-image-modal-alt-input{ + width:70%; + height:20px; + border:1px solid #f1f1f1; + border-radius:2px; + font-size:12px; + margin-left:5px +} +.rdw-image-modal-alt-input:focus{ + outline:none +} +.rdw-image-modal-alt-lbl{ + font-size:12px +} +.rdw-image-modal-size{ + align-items:center; + display:flex; + margin:8px 0; + justify-content:space-between +} +.rdw-image-modal-size-input{ + width:40%; + height:20px; + border:1px solid #f1f1f1; + border-radius:2px; + font-size:12px +} +.rdw-image-modal-size-input:focus{ + outline:none +} +.rdw-image-mandatory-sign{ + color:red; + margin-left:3px; + margin-right:3px +} +.rdw-remove-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + position:relative; + flex-wrap:wrap +} +.rdw-history-wrapper{ + display:flex; + align-items:center; + margin-bottom:6px; + flex-wrap:wrap +} +.rdw-history-dropdownoption{ + height:40px; + display:flex; + justify-content:center +} +.rdw-history-dropdown{ + width:50px +} +.rdw-link-decorator-wrapper{ + position:relative +} +.rdw-link-decorator-icon{ + position:absolute; + left:40%; + top:0; + cursor:pointer; + background-color:#fff +} +.rdw-mention-link{ + text-decoration:none; + color:#1236ff; + background-color:#f0fbff; + padding:1px 2px; + border-radius:2px +} +.rdw-suggestion-wrapper{ + position:relative +} +.rdw-suggestion-dropdown{ + position:absolute; + display:flex; + flex-direction:column; + border:1px solid #f1f1f1; + min-width:100px; + max-height:150px; + overflow:auto; + background:#fff; + z-index:100 +} +.rdw-suggestion-option{ + padding:7px 5px; + border-bottom:1px solid #f1f1f1 +} +.rdw-suggestion-option-active{ + background-color:#f1f1f1 +} +.rdw-hashtag-link{ + text-decoration:none; + color:#1236ff; + background-color:#f0fbff; + padding:1px 2px; + border-radius:2px +} +.rdw-image-alignment-options-popup{ + position:absolute; + background:#fff; + display:flex; + padding:5px 2px; + border-radius:2px; + border:1px solid #f1f1f1; + width:105px; + cursor:pointer; + z-index:100 +} +.rdw-alignment-option-left{ + justify-content:flex-start +} +.rdw-image-alignment-option{ + height:15px; + width:15px; + min-width:15px +} +.rdw-image-alignment{ + position:relative +} +.rdw-image-imagewrapper{ + position:relative +} +.rdw-image-center{ + display:flex; + justify-content:center +} +.rdw-image-left{ + display:flex +} +.rdw-image-right{ + display:flex; + justify-content:flex-end +} +.rdw-image-alignment-options-popup-right{ + right:0 +} +.rdw-editor-main{ + height:100%; + overflow:auto; + box-sizing:border-box +} +.rdw-editor-toolbar{ + padding:6px 5px 0; + border-radius:2px; + border:1px solid #f1f1f1; + display:flex; + justify-content:flex-start; + background:#fff; + flex-wrap:wrap; + font-size:15px; + margin-bottom:5px; + -webkit-user-select:none; + -ms-user-select:none; + user-select:none +} +.public-DraftStyleDefault-block{ + margin:1em 0 +} +.rdw-editor-wrapper:focus{ + outline:none +} +.rdw-editor-wrapper{ + box-sizing:content-box +} +.rdw-editor-main blockquote{ + border-left:5px solid #f1f1f1; + padding-left:5px +} +.rdw-editor-main pre{ + background:#f1f1f1; + border-radius:3px; + padding:1px 10px +} +.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{ + height:inherit; + text-align:initial +} +.public-DraftEditor-content[contenteditable=true]{ + -webkit-user-modify:read-write-plaintext-only +} +.DraftEditor-root{ + position:relative +} +.DraftEditor-editorContainer{ + background-color:rgba(255,255,255,0); + border-left:.1px solid transparent; + position:relative; + z-index:1 +} +.public-DraftEditor-block{ + position:relative +} +.DraftEditor-alignLeft .public-DraftStyleDefault-block{ + text-align:left +} +.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{ + left:0; + text-align:left +} +.DraftEditor-alignCenter .public-DraftStyleDefault-block{ + text-align:center +} +.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{ + margin:0 auto; + text-align:center; + width:100% +} +.DraftEditor-alignRight .public-DraftStyleDefault-block{ + text-align:right +} +.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{ + right:0; + text-align:right +} +.public-DraftEditorPlaceholder-root{ + color:#9197a3; + position:absolute; + z-index:0 +} +.public-DraftEditorPlaceholder-hasFocus{ + color:#bdc1c9 +} +.DraftEditorPlaceholder-hidden{ + display:none +} +.public-DraftStyleDefault-block{ + position:relative; + white-space:pre-wrap +} +.public-DraftStyleDefault-ltr{ + direction:ltr; + text-align:left +} +.public-DraftStyleDefault-rtl{ + direction:rtl; + text-align:right +} +.public-DraftStyleDefault-listLTR{ + direction:ltr +} +.public-DraftStyleDefault-listRTL{ + direction:rtl +} +.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{ + margin:16px 0; + padding:0 +} +.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{ + margin-left:1.5em +} +.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{ + margin-right:1.5em +} +.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{ + margin-left:3em +} +.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{ + margin-right:3em +} +.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{ + margin-left:4.5em +} +.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{ + margin-right:4.5em +} +.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{ + margin-left:6em +} +.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{ + margin-right:6em +} +.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{ + margin-left:7.5em +} +.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{ + margin-right:7.5em +} +.public-DraftStyleDefault-unorderedListItem{ + list-style-type:square; + position:relative +} +.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{ + list-style-type:disc +} +.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{ + list-style-type:circle +} +.public-DraftStyleDefault-orderedListItem{ + list-style-type:none; + position:relative +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{ + left:-36px; + position:absolute; + text-align:right; + width:30px +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{ + position:absolute; + right:-36px; + text-align:left; + width:30px +} +.public-DraftStyleDefault-orderedListItem:before{ + content:counter(ol0) ". "; + counter-increment:ol0 +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{ + content:counter(ol1) ". "; + counter-increment:ol1 +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{ + content:counter(ol2) ". "; + counter-increment:ol2 +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{ + content:counter(ol3) ". "; + counter-increment:ol3 +} +.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{ + content:counter(ol4) ". "; + counter-increment:ol4 +} +.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{ + counter-reset:ol0 +} +.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{ + counter-reset:ol1 +} +.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{ + counter-reset:ol2 +} +.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{ + counter-reset:ol3 +} +.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{ + counter-reset:ol4 +} +.pagination{ + width:100%; + display:flex; + justify-content:center; + margin-top:.5rem; + margin-bottom:1rem +} +.tw-link:hover{ + text-decoration:none !important +} +.pagination>.disabled>.tw-link,.pagination>.disabled>.tw-link:hover,.pagination>.disabled>.tw-link:focus{ + cursor:not-allowed; + color:#7147e8 +} +.ace_editor { + position: relative; + overflow: hidden; + font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + direction: ltr; + text-align: left; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ace_scroller { + position: absolute; + overflow: hidden; + top: 0; + bottom: 0; + background-color: inherit; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + cursor: text; +} +.ace_content { + position: absolute; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 100%; +} +.ace_dragging .ace_scroller:before{ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ''; + background: rgba(250, 250, 250, 0.01); + z-index: 1000; +} +.ace_dragging.ace_dark .ace_scroller:before{ + background: rgba(0, 0, 0, 0.01); +} +.ace_selecting, .ace_selecting * { + cursor: text !important; +} +.ace_gutter { + position: absolute; + overflow : hidden; + width: auto; + top: 0; + bottom: 0; + left: 0; + cursor: default; + z-index: 4; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; +} +.ace_gutter-active-line { + position: absolute; + left: 0; + right: 0; +} +.ace_scroller.ace_scroll-left { + box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset; +} +.ace_gutter-cell { + padding-left: 19px; + padding-right: 6px; + background-repeat: no-repeat; +} +.ace_scrollbar { + position: absolute; + right: 0; + bottom: 0; + z-index: 6; +} +.ace_scrollbar-inner { + position: absolute; + cursor: text; + left: 0; + top: 0; +} +.ace_scrollbar-v{ + overflow-x: hidden; + overflow-y: scroll; + top: 0; +} +.ace_scrollbar-h { + overflow-x: scroll; + overflow-y: hidden; + left: 0; +} +.ace_print-margin { + position: absolute; + height: 100%; +} +.ace_text-input { + position: absolute; + z-index: 0; + width: 0.5em; + height: 1em; + opacity: 0; + background: transparent; + -moz-appearance: none; + appearance: none; + border: none; + resize: none; + outline: none; + overflow: hidden; + font: inherit; + padding: 0 1px; + margin: 0 -1px; + text-indent: -1em; + -ms-user-select: text; + -moz-user-select: text; + -webkit-user-select: text; + user-select: text; + white-space: pre!important; +} +.ace_text-input.ace_composition { + background: inherit; + color: inherit; + z-index: 1000; + opacity: 1; + text-indent: 0; +} +.ace_layer { + z-index: 1; + position: absolute; + overflow: hidden; + word-wrap: normal; + white-space: pre; + height: 100%; + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + pointer-events: none; +} +.ace_gutter-layer { + position: relative; + width: auto; + text-align: right; + pointer-events: auto; +} +.ace_text-layer { + font: inherit !important; +} +.ace_cjk { + display: inline-block; + text-align: center; +} +.ace_cursor-layer { + z-index: 4; +} +.ace_cursor { + z-index: 4; + position: absolute; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-left: 2px solid; + transform: translatez(0); +} +.ace_multiselect .ace_cursor { + border-left-width: 1px; +} +.ace_slim-cursors .ace_cursor { + border-left-width: 1px; +} +.ace_overwrite-cursors .ace_cursor { + border-left-width: 0; + border-bottom: 1px solid; +} +.ace_hidden-cursors .ace_cursor { + opacity: 0.2; +} +.ace_smooth-blinking .ace_cursor { + -webkit-transition: opacity 0.18s; + transition: opacity 0.18s; +} +.ace_marker-layer .ace_step, .ace_marker-layer .ace_stack { + position: absolute; + z-index: 3; +} +.ace_marker-layer .ace_selection { + position: absolute; + z-index: 5; +} +.ace_marker-layer .ace_bracket { + position: absolute; + z-index: 6; +} +.ace_marker-layer .ace_active-line { + position: absolute; + z-index: 2; +} +.ace_marker-layer .ace_selected-word { + position: absolute; + z-index: 4; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.ace_tooltip { + background-color: #FFF; + background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1)); + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1)); + border: 1px solid gray; + border-radius: 1px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + color: black; + max-width: 100%; + padding: 3px 4px; + position: fixed; + z-index: 999999; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: default; + white-space: pre; + word-wrap: break-word; + line-height: normal; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + pointer-events: none; +} +.ace_folding-enabled > .ace_gutter-cell { + padding-right: 13px; +} +.ace_fold-widget:hover { + border: 1px solid rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); +} +.ace_fold-widget:active { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); +} +.ace_dark .ace_fold-widget:hover { + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.1); +} +.ace_dark .ace_fold-widget:active { + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); +} +.ace_fold-widget.ace_invalid { + background-color: #FFB4B4; + border-color: #DE5555; +} +.ace_fade-fold-widgets .ace_fold-widget { + -webkit-transition: opacity 0.4s ease 0.05s; + transition: opacity 0.4s ease 0.05s; + opacity: 0; +} +.ace_fade-fold-widgets:hover .ace_fold-widget { + -webkit-transition: opacity 0.05s ease 0.05s; + transition: opacity 0.05s ease 0.05s; + opacity:1; +} +.ace_underline { + text-decoration: underline; +} +.ace_bold { + font-weight: bold; +} +.ace_nobold .ace_bold { + font-weight: normal; +} +.ace_italic { + font-style: italic; +} +.ace_error-marker { + background-color: rgba(255, 0, 0,0.2); + position: absolute; + z-index: 9; +} +.ace_highlight-marker { + background-color: rgba(255, 255, 0,0.2); + position: absolute; + z-index: 8; +} +.ace_br1 { + border-top-left-radius : 3px; +} +.ace_br2 { + border-top-right-radius : 3px; +} +.ace_br3 { + border-top-left-radius : 3px; + border-top-right-radius: 3px; +} +.ace_br4 { + border-bottom-right-radius: 3px; +} +.ace_br5 { + border-top-left-radius : 3px; + border-bottom-right-radius: 3px; +} +.ace_br6 { + border-top-right-radius : 3px; + border-bottom-right-radius: 3px; +} +.ace_br7 { + border-top-left-radius : 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.ace_br8 { + border-bottom-left-radius : 3px; +} +.ace_br9 { + border-top-left-radius : 3px; + border-bottom-left-radius: 3px; +} +.ace_br10{ + border-top-right-radius : 3px; + border-bottom-left-radius: 3px; +} +.ace_br11{ + border-top-left-radius : 3px; + border-top-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br12{ + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br13{ + border-top-left-radius : 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br14{ + border-top-right-radius : 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br15{ + border-top-left-radius : 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_text-input-ios { + position: absolute !important; + top: -100000px !important; + left: -100000px !important; +} +/*# sourceURL=ace/css/ace_editor.css */ + .ace-tm .ace_gutter { + background: #f0f0f0; + color: #333; +} +.ace-tm .ace_print-margin { + width: 1px; + background: #e8e8e8; +} +.ace-tm .ace_fold { + background-color: #6B72E6; +} +.ace-tm { + background-color: #FFFFFF; + color: black; +} +.ace-tm .ace_cursor { + color: black; +} +.ace-tm .ace_invisible { + color: rgb(191, 191, 191); +} +.ace-tm .ace_storage,.ace-tm .ace_keyword { + color: blue; +} +.ace-tm .ace_constant { + color: rgb(197, 6, 11); +} +.ace-tm .ace_constant.ace_buildin { + color: rgb(88, 72, 246); +} +.ace-tm .ace_constant.ace_language { + color: rgb(88, 92, 246); +} +.ace-tm .ace_constant.ace_library { + color: rgb(6, 150, 14); +} +.ace-tm .ace_invalid { + background-color: rgba(255, 0, 0, 0.1); + color: red; +} +.ace-tm .ace_support.ace_function { + color: rgb(60, 76, 114); +} +.ace-tm .ace_support.ace_constant { + color: rgb(6, 150, 14); +} +.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class { + color: rgb(109, 121, 222); +} +.ace-tm .ace_keyword.ace_operator { + color: rgb(104, 118, 135); +} +.ace-tm .ace_string { + color: rgb(3, 106, 7); +} +.ace-tm .ace_comment { + color: rgb(76, 136, 107); +} +.ace-tm .ace_comment.ace_doc { + color: rgb(0, 102, 255); +} +.ace-tm .ace_comment.ace_doc.ace_tag { + color: rgb(128, 159, 191); +} +.ace-tm .ace_constant.ace_numeric { + color: rgb(0, 0, 205); +} +.ace-tm .ace_variable { + color: rgb(49, 132, 149); +} +.ace-tm .ace_xml-pe { + color: rgb(104, 104, 91); +} +.ace-tm .ace_entity.ace_name.ace_function { + color: #0000A2; +} +.ace-tm .ace_heading { + color: rgb(12, 7, 255); +} +.ace-tm .ace_list { + color:rgb(185, 6, 144); +} +.ace-tm .ace_meta.ace_tag { + color:rgb(0, 22, 142); +} +.ace-tm .ace_string.ace_regex { + color: rgb(255, 0, 0) +} +.ace-tm .ace_marker-layer .ace_selection { + background: rgb(181, 213, 255); +} +.ace-tm.ace_multiselect .ace_selection.ace_start { + box-shadow: 0 0 3px 0px white; +} +.ace-tm .ace_marker-layer .ace_step { + background: rgb(252, 255, 0); +} +.ace-tm .ace_marker-layer .ace_stack { + background: rgb(164, 229, 101); +} +.ace-tm .ace_marker-layer .ace_bracket { + margin: -1px 0 0 -1px; + border: 1px solid rgb(192, 192, 192); +} +.ace-tm .ace_marker-layer .ace_active-line { + background: rgba(0, 0, 0, 0.07); +} +.ace-tm .ace_gutter-active-line { + background-color : #dcdcdc; +} +.ace-tm .ace_marker-layer .ace_selected-word { + background: rgb(250, 250, 255); + border: 1px solid rgb(200, 200, 250); +} + +/*# sourceURL=ace/css/ace-tm */ +.error_widget_wrapper { + background: inherit; + color: inherit; + border:none +} + .error_widget { + border-top: solid 2px; + border-bottom: solid 2px; + margin: 5px 0; + padding: 10px 40px; + white-space: pre-wrap; +} + .error_widget.ace_error, .error_widget_arrow.ace_error{ + border-color: #ff5a5a +} + .error_widget.ace_warning, .error_widget_arrow.ace_warning{ + border-color: #F1D817 +} + .error_widget.ace_info, .error_widget_arrow.ace_info{ + border-color: #5a5a5a +} + .error_widget.ace_ok, .error_widget_arrow.ace_ok{ + border-color: #5aaa5a +} + .error_widget_arrow { + position: absolute; + border: solid 5px; + border-top-color: transparent!important; + border-right-color: transparent!important; + border-left-color: transparent!important; + top: -5px; +} +.CodeMirror-foldmarker{ + color:blue; + text-shadow:#b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px; + font-family:arial; + line-height:.3; + cursor:pointer +} +.CodeMirror-foldgutter{ + width:.7em +} +.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{ + cursor:pointer +} +.CodeMirror-foldgutter-open:after{ + content:"▾" +} +.CodeMirror-foldgutter-folded:after{ + content:"▸" +} +.CodeMirror{ + font-family:monospace; + height:300px; + color:#000; + direction:ltr +} +.CodeMirror-lines{ + padding:4px 0 +} +.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{ + padding:0 4px +} +.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{ + background-color:#fff +} +.CodeMirror-gutters{ + border-right:1px solid #ddd; + background-color:#f7f7f7; + white-space:nowrap +} +.CodeMirror-linenumber{ + padding:0 3px 0 5px; + min-width:20px; + text-align:right; + color:#999; + white-space:nowrap +} +.CodeMirror-guttermarker{ + color:#000 +} +.CodeMirror-guttermarker-subtle{ + color:#999 +} +.CodeMirror-cursor{ + border-left:1px solid #000; + border-right:none; + width:0 +} +.CodeMirror div.CodeMirror-secondarycursor{ + border-left:1px solid silver +} +.cm-fat-cursor .CodeMirror-cursor{ + width:auto; + border:0 !important; + background:#7e7 +} +.cm-fat-cursor div.CodeMirror-cursors{ + z-index:1 +} +.cm-fat-cursor-mark{ + background-color:rgba(20,255,20,.5); + -webkit-animation:blink 1.06s steps(1) infinite; + animation:blink 1.06s steps(1) infinite +} +.cm-animate-fat-cursor{ + width:auto; + -webkit-animation:blink 1.06s steps(1) infinite; + animation:blink 1.06s steps(1) infinite; + background-color:#7e7 +} +@-webkit-keyframes blink{ + 50%{ + background-color:transparent + } +} +@keyframes blink{ + 50%{ + background-color:transparent + } +} +.cm-tab{ + display:inline-block; + text-decoration:inherit +} +.CodeMirror-rulers{ + position:absolute; + left:0; + right:0; + top:-50px; + bottom:0; + overflow:hidden +} +.CodeMirror-ruler{ + border-left:1px solid #ccc; + top:0; + bottom:0; + position:absolute +} +.cm-s-default .cm-header{ + color:blue +} +.cm-s-default .cm-quote{ + color:#090 +} +.cm-negative{ + color:#d44 +} +.cm-positive{ + color:#292 +} +.cm-header,.cm-strong{ + font-weight:bold +} +.cm-em{ + font-style:italic +} +.cm-link{ + text-decoration:underline +} +.cm-strikethrough{ + text-decoration:line-through +} +.cm-s-default .cm-keyword{ + color:#708 +} +.cm-s-default .cm-atom{ + color:#219 +} +.cm-s-default .cm-number{ + color:#164 +} +.cm-s-default .cm-def{ + color:blue +} +.cm-s-default .cm-variable-2{ + color:#05a +} +.cm-s-default .cm-variable-3,.cm-s-default .cm-type{ + color:#085 +} +.cm-s-default .cm-comment{ + color:#a50 +} +.cm-s-default .cm-string{ + color:#a11 +} +.cm-s-default .cm-string-2{ + color:#f50 +} +.cm-s-default .cm-meta{ + color:#555 +} +.cm-s-default .cm-qualifier{ + color:#555 +} +.cm-s-default .cm-builtin{ + color:#30a +} +.cm-s-default .cm-bracket{ + color:#997 +} +.cm-s-default .cm-tag{ + color:#170 +} +.cm-s-default .cm-attribute{ + color:#00c +} +.cm-s-default .cm-hr{ + color:#999 +} +.cm-s-default .cm-link{ + color:#00c +} +.cm-s-default .cm-error{ + color:red +} +.cm-invalidchar{ + color:red +} +.CodeMirror-composing{ + border-bottom:2px solid +} +div.CodeMirror span.CodeMirror-matchingbracket{ + color:#0b0 +} +div.CodeMirror span.CodeMirror-nonmatchingbracket{ + color:#a22 +} +.CodeMirror-matchingtag{ + background:rgba(255,150,0,.3) +} +.CodeMirror-activeline-background{ + background:#e8f2ff +} +.CodeMirror{ + position:relative; + overflow:hidden; + background:#fff +} +.CodeMirror-scroll{ + overflow:scroll !important; + margin-bottom:-50px; + margin-right:-50px; + padding-bottom:50px; + height:100%; + outline:none; + position:relative +} +.CodeMirror-sizer{ + position:relative; + border-right:50px solid transparent +} +.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{ + position:absolute; + z-index:6; + display:none; + outline:none +} +.CodeMirror-vscrollbar{ + right:0; + top:0; + overflow-x:hidden; + overflow-y:scroll +} +.CodeMirror-hscrollbar{ + bottom:0; + left:0; + overflow-y:hidden; + overflow-x:scroll +} +.CodeMirror-scrollbar-filler{ + right:0; + bottom:0 +} +.CodeMirror-gutter-filler{ + left:0; + bottom:0 +} +.CodeMirror-gutters{ + position:absolute; + left:0; + top:0; + min-height:100%; + z-index:3 +} +.CodeMirror-gutter{ + white-space:normal; + height:100%; + display:inline-block; + vertical-align:top; + margin-bottom:-50px +} +.CodeMirror-gutter-wrapper{ + position:absolute; + z-index:4; + background:none !important; + border:none !important +} +.CodeMirror-gutter-background{ + position:absolute; + top:0; + bottom:0; + z-index:4 +} +.CodeMirror-gutter-elt{ + position:absolute; + cursor:default; + z-index:4 +} +.CodeMirror-gutter-wrapper ::selection{ + background-color:transparent +} +.CodeMirror-gutter-wrapper ::-moz-selection{ + background-color:transparent +} +.CodeMirror-lines{ + cursor:text; + min-height:1px +} +.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{ + border-radius:0; + border-width:0; + background:transparent; + font-family:inherit; + font-size:inherit; + margin:0; + white-space:pre; + word-wrap:normal; + line-height:inherit; + color:inherit; + z-index:2; + position:relative; + overflow:visible; + -webkit-tap-highlight-color:transparent; + -webkit-font-variant-ligatures:contextual; + font-variant-ligatures:contextual +} +.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{ + word-wrap:break-word; + white-space:pre-wrap; + word-break:normal +} +.CodeMirror-linebackground{ + position:absolute; + left:0; + right:0; + top:0; + bottom:0; + z-index:0 +} +.CodeMirror-linewidget{ + position:relative; + z-index:2; + padding:.1px +} +.CodeMirror-rtl pre{ + direction:rtl +} +.CodeMirror-code{ + outline:none +} +.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{ + box-sizing:content-box +} +.CodeMirror-measure{ + position:absolute; + width:100%; + height:0; + overflow:hidden; + visibility:hidden +} +.CodeMirror-cursor{ + position:absolute; + pointer-events:none +} +.CodeMirror-measure pre{ + position:static +} +div.CodeMirror-cursors{ + visibility:hidden; + position:relative; + z-index:3 +} +div.CodeMirror-dragcursors{ + visibility:visible +} +.CodeMirror-focused div.CodeMirror-cursors{ + visibility:visible +} +.CodeMirror-selected{ + background:#d9d9d9 +} +.CodeMirror-focused .CodeMirror-selected{ + background:#d7d4f0 +} +.CodeMirror-crosshair{ + cursor:crosshair +} +.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{ + background:#d7d4f0 +} +.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{ + background:#d7d4f0 +} +.cm-searching{ + background-color:#ffa; + background-color:rgba(255,255,0,.4) +} +.cm-force-border{ + padding-right:.1px +} +@media print{ + .CodeMirror div.CodeMirror-cursors{ + visibility:hidden + } +} +.cm-tab-wrap-hack:after{ + content:"" +} +span.CodeMirror-selectedtext{ + background:none +} + +/*! * Bootstrap v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ +:root{ + --blue:#007bff; + --indigo:#6610f2; + --purple:#6f42c1; + --pink:#e83e8c; + --red:#dc3545; + --orange:#fd7e14; + --yellow:#ffc107; + --green:#28a745; + --teal:#20c997; + --cyan:#17a2b8; + --white:#fff; + --gray:#6c757d; + --gray-dark:#343a40; + --primary:#007bff; + --secondary:#6c757d; + --success:#28a745; + --info:#17a2b8; + --warning:#ffc107; + --danger:#dc3545; + --light:#f8f9fa; + --dark:#343a40; + --breakpoint-xs:0; + --breakpoint-sm:576px; + --breakpoint-md:768px; + --breakpoint-lg:992px; + --breakpoint-xl:1200px; + --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace +} +*,::after,::before{ + box-sizing:border-box +} +html{ + font-family:sans-serif; + line-height:1.15; + -webkit-text-size-adjust:100%; + -webkit-tap-highlight-color:transparent +} +article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{ + display:block +} +body{ + margin:0; + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + font-size:1rem; + font-weight:400; + line-height:1.5; + color:#212529; + text-align:left; + background-color:#fff +} +[tabindex="-1"]:focus:not(:focus-visible){ + outline:0 !important +} +hr{ + box-sizing:content-box; + height:0; + overflow:visible +} +h1,h2,h3,h4,h5,h6{ + margin-top:0; + margin-bottom:.5rem +} +p{ + margin-top:0; + margin-bottom:1rem +} +abbr[data-original-title],abbr[title]{ + text-decoration:underline; + -webkit-text-decoration:underline dotted; + text-decoration:underline dotted; + cursor:help; + border-bottom:0; + -webkit-text-decoration-skip-ink:none; + text-decoration-skip-ink:none +} +address{ + margin-bottom:1rem; + font-style:normal; + line-height:inherit +} +dl,ol,ul{ + margin-top:0; + margin-bottom:1rem +} +ol ol,ol ul,ul ol,ul ul{ + margin-bottom:0 +} +dt{ + font-weight:700 +} +dd{ + margin-bottom:.5rem; + margin-left:0 +} +blockquote{ + margin:0 0 1rem +} +b,strong{ + font-weight:bolder +} +small{ + font-size:80% +} +sub,sup{ + position:relative; + font-size:75%; + line-height:0; + vertical-align:baseline +} +sub{ + bottom:-0.25em +} +sup{ + top:-0.5em +} +a{ + color:#007bff; + text-decoration:none; + background-color:transparent +} +a:hover{ + color:#0056b3; + text-decoration:underline +} +a:not([href]):not([class]){ + color:inherit; + text-decoration:none +} +a:not([href]):not([class]):hover{ + color:inherit; + text-decoration:none +} +code,kbd,pre,samp{ + font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; + font-size:1em +} +pre{ + margin-top:0; + margin-bottom:1rem; + overflow:auto; + -ms-overflow-style:scrollbar +} +figure{ + margin:0 0 1rem +} +img{ + vertical-align:middle; + border-style:none +} +svg{ + overflow:hidden; + vertical-align:middle +} +table{ + border-collapse:collapse +} +caption{ + padding-top:.75rem; + padding-bottom:.75rem; + color:#6c757d; + text-align:left; + caption-side:bottom +} +th{ + text-align:inherit; + text-align:-webkit-match-parent +} +label{ + display:inline-block; + margin-bottom:.5rem +} +button{ + border-radius:0 +} +button:focus:not(:focus-visible){ + outline:0 +} +button,input,optgroup,select,textarea{ + margin:0; + font-family:inherit; + font-size:inherit; + line-height:inherit +} +button,input{ + overflow:visible +} +button,select{ + text-transform:none +} +[role=button]{ + cursor:pointer +} +select{ + word-wrap:normal +} +[type=button],[type=reset],[type=submit],button{ + -webkit-appearance:button +} +[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){ + cursor:pointer +} +[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{ + padding:0; + border-style:none +} +input[type=checkbox],input[type=radio]{ + box-sizing:border-box; + padding:0 +} +textarea{ + overflow:auto; + resize:vertical +} +fieldset{ + min-width:0; + padding:0; + margin:0; + border:0 +} +legend{ + display:block; + width:100%; + max-width:100%; + padding:0; + margin-bottom:.5rem; + font-size:1.5rem; + line-height:inherit; + color:inherit; + white-space:normal +} +progress{ + vertical-align:baseline +} +[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{ + height:auto +} +[type=search]{ + outline-offset:-2px; + -webkit-appearance:none +} +[type=search]::-webkit-search-decoration{ + -webkit-appearance:none +} +::-webkit-file-upload-button{ + font:inherit; + -webkit-appearance:button +} +output{ + display:inline-block +} +summary{ + display:list-item; + cursor:pointer +} +template{ + display:none +} +[hidden]{ + display:none !important +} +.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ + margin-bottom:.5rem; + font-weight:500; + line-height:1.2 +} +.h1,h1{ + font-size:2.5rem +} +.h2,h2{ + font-size:2rem +} +.h3,h3{ + font-size:1.75rem +} +.h4,h4{ + font-size:1.5rem +} +.h5,h5{ + font-size:1.25rem +} +.h6,h6{ + font-size:1rem +} +.lead{ + font-size:1.25rem; + font-weight:300 +} +.display-1{ + font-size:6rem; + font-weight:300; + line-height:1.2 +} +.display-2{ + font-size:5.5rem; + font-weight:300; + line-height:1.2 +} +.display-3{ + font-size:4.5rem; + font-weight:300; + line-height:1.2 +} +.display-4{ + font-size:3.5rem; + font-weight:300; + line-height:1.2 +} +hr{ + margin-top:1rem; + margin-bottom:1rem; + border:0; + border-top:1px solid rgba(0,0,0,.1) +} +.small,small{ + font-size:80%; + font-weight:400 +} +.mark,mark{ + padding:.2em; + background-color:#fcf8e3 +} +.list-unstyled{ + padding-left:0; + list-style:none +} +.list-inline{ + padding-left:0; + list-style:none +} +.list-inline-item{ + display:inline-block +} +.list-inline-item:not(:last-child){ + margin-right:.5rem +} +.initialism{ + font-size:90%; + text-transform:uppercase +} +.blockquote{ + margin-bottom:1rem; + font-size:1.25rem +} +.blockquote-footer{ + display:block; + font-size:80%; + color:#6c757d +} +.blockquote-footer::before{ + content:"—  + " +} +.img-fluid{ + max-width:100%; + height:auto +} +.img-thumbnail{ + padding:.25rem; + background-color:#fff; + border:1px solid #dee2e6; + border-radius:.25rem; + max-width:100%; + height:auto +} +.figure{ + display:inline-block +} +.figure-img{ + margin-bottom:.5rem; + line-height:1 +} +.figure-caption{ + font-size:90%; + color:#6c757d +} +code{ + font-size:87.5%; + color:#e83e8c; + word-wrap:break-word +} +a>code{ + color:inherit +} +kbd{ + padding:.2rem .4rem; + font-size:87.5%; + color:#fff; + background-color:#212529; + border-radius:.2rem +} +kbd kbd{ + padding:0; + font-size:100%; + font-weight:700 +} +pre{ + display:block; + font-size:87.5%; + color:#212529 +} +pre code{ + font-size:inherit; + color:inherit; + word-break:normal +} +.pre-scrollable{ + max-height:340px; + overflow-y:scroll +} +.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{ + width:100%; + padding-right:15px; + padding-left:15px; + margin-right:auto; + margin-left:auto +} +@media(min-width: 576px){ + .container,.container-sm{ + max-width:540px + } +} +@media(min-width: 768px){ + .container,.container-md,.container-sm{ + max-width:720px + } +} +@media(min-width: 992px){ + .container,.container-lg,.container-md,.container-sm{ + max-width:960px + } +} +@media(min-width: 1200px){ + .container,.container-lg,.container-md,.container-sm,.container-xl{ + max-width:1140px + } +} +.row{ + display:flex; + flex-wrap:wrap; + margin-right:-15px; + margin-left:-15px +} +.no-gutters{ + margin-right:0; + margin-left:0 +} +.no-gutters>.col,.no-gutters>[class*=col-]{ + padding-right:0; + padding-left:0 +} +.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{ + position:relative; + width:100%; + padding-right:15px; + padding-left:15px +} +.col{ + flex-basis:0; + flex-grow:1; + max-width:100% +} +.row-cols-1>*{ + flex:0 0 100%; + max-width:100% +} +.row-cols-2>*{ + flex:0 0 50%; + max-width:50% +} +.row-cols-3>*{ + flex:0 0 33.333333%; + max-width:33.333333% +} +.row-cols-4>*{ + flex:0 0 25%; + max-width:25% +} +.row-cols-5>*{ + flex:0 0 20%; + max-width:20% +} +.row-cols-6>*{ + flex:0 0 16.666667%; + max-width:16.666667% +} +.col-auto{ + flex:0 0 auto; + width:auto; + max-width:100% +} +.col-1{ + flex:0 0 8.333333%; + max-width:8.333333% +} +.col-2{ + flex:0 0 16.666667%; + max-width:16.666667% +} +.col-3{ + flex:0 0 25%; + max-width:25% +} +.col-4{ + flex:0 0 33.333333%; + max-width:33.333333% +} +.col-5{ + flex:0 0 41.666667%; + max-width:41.666667% +} +.col-6{ + flex:0 0 50%; + max-width:50% +} +.col-7{ + flex:0 0 58.333333%; + max-width:58.333333% +} +.col-8{ + flex:0 0 66.666667%; + max-width:66.666667% +} +.col-9{ + flex:0 0 75%; + max-width:75% +} +.col-10{ + flex:0 0 83.333333%; + max-width:83.333333% +} +.col-11{ + flex:0 0 91.666667%; + max-width:91.666667% +} +.col-12{ + flex:0 0 100%; + max-width:100% +} +.order-first{ + order:-1 +} +.order-last{ + order:13 +} +.order-0{ + order:0 +} +.order-1{ + order:1 +} +.order-2{ + order:2 +} +.order-3{ + order:3 +} +.order-4{ + order:4 +} +.order-5{ + order:5 +} +.order-6{ + order:6 +} +.order-7{ + order:7 +} +.order-8{ + order:8 +} +.order-9{ + order:9 +} +.order-10{ + order:10 +} +.order-11{ + order:11 +} +.order-12{ + order:12 +} +.offset-1{ + margin-left:8.333333% +} +.offset-2{ + margin-left:16.666667% +} +.offset-3{ + margin-left:25% +} +.offset-4{ + margin-left:33.333333% +} +.offset-5{ + margin-left:41.666667% +} +.offset-6{ + margin-left:50% +} +.offset-7{ + margin-left:58.333333% +} +.offset-8{ + margin-left:66.666667% +} +.offset-9{ + margin-left:75% +} +.offset-10{ + margin-left:83.333333% +} +.offset-11{ + margin-left:91.666667% +} +@media(min-width: 576px){ + .col-sm{ + flex-basis:0; + flex-grow:1; + max-width:100% + } + .row-cols-sm-1>*{ + flex:0 0 100%; + max-width:100% + } + .row-cols-sm-2>*{ + flex:0 0 50%; + max-width:50% + } + .row-cols-sm-3>*{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .row-cols-sm-4>*{ + flex:0 0 25%; + max-width:25% + } + .row-cols-sm-5>*{ + flex:0 0 20%; + max-width:20% + } + .row-cols-sm-6>*{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-sm-auto{ + flex:0 0 auto; + width:auto; + max-width:100% + } + .col-sm-1{ + flex:0 0 8.333333%; + max-width:8.333333% + } + .col-sm-2{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-sm-3{ + flex:0 0 25%; + max-width:25% + } + .col-sm-4{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .col-sm-5{ + flex:0 0 41.666667%; + max-width:41.666667% + } + .col-sm-6{ + flex:0 0 50%; + max-width:50% + } + .col-sm-7{ + flex:0 0 58.333333%; + max-width:58.333333% + } + .col-sm-8{ + flex:0 0 66.666667%; + max-width:66.666667% + } + .col-sm-9{ + flex:0 0 75%; + max-width:75% + } + .col-sm-10{ + flex:0 0 83.333333%; + max-width:83.333333% + } + .col-sm-11{ + flex:0 0 91.666667%; + max-width:91.666667% + } + .col-sm-12{ + flex:0 0 100%; + max-width:100% + } + .order-sm-first{ + order:-1 + } + .order-sm-last{ + order:13 + } + .order-sm-0{ + order:0 + } + .order-sm-1{ + order:1 + } + .order-sm-2{ + order:2 + } + .order-sm-3{ + order:3 + } + .order-sm-4{ + order:4 + } + .order-sm-5{ + order:5 + } + .order-sm-6{ + order:6 + } + .order-sm-7{ + order:7 + } + .order-sm-8{ + order:8 + } + .order-sm-9{ + order:9 + } + .order-sm-10{ + order:10 + } + .order-sm-11{ + order:11 + } + .order-sm-12{ + order:12 + } + .offset-sm-0{ + margin-left:0 + } + .offset-sm-1{ + margin-left:8.333333% + } + .offset-sm-2{ + margin-left:16.666667% + } + .offset-sm-3{ + margin-left:25% + } + .offset-sm-4{ + margin-left:33.333333% + } + .offset-sm-5{ + margin-left:41.666667% + } + .offset-sm-6{ + margin-left:50% + } + .offset-sm-7{ + margin-left:58.333333% + } + .offset-sm-8{ + margin-left:66.666667% + } + .offset-sm-9{ + margin-left:75% + } + .offset-sm-10{ + margin-left:83.333333% + } + .offset-sm-11{ + margin-left:91.666667% + } +} +@media(min-width: 768px){ + .col-md{ + flex-basis:0; + flex-grow:1; + max-width:100% + } + .row-cols-md-1>*{ + flex:0 0 100%; + max-width:100% + } + .row-cols-md-2>*{ + flex:0 0 50%; + max-width:50% + } + .row-cols-md-3>*{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .row-cols-md-4>*{ + flex:0 0 25%; + max-width:25% + } + .row-cols-md-5>*{ + flex:0 0 20%; + max-width:20% + } + .row-cols-md-6>*{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-md-auto{ + flex:0 0 auto; + width:auto; + max-width:100% + } + .col-md-1{ + flex:0 0 8.333333%; + max-width:8.333333% + } + .col-md-2{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-md-3{ + flex:0 0 25%; + max-width:25% + } + .col-md-4{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .col-md-5{ + flex:0 0 41.666667%; + max-width:41.666667% + } + .col-md-6{ + flex:0 0 50%; + max-width:50% + } + .col-md-7{ + flex:0 0 58.333333%; + max-width:58.333333% + } + .col-md-8{ + flex:0 0 66.666667%; + max-width:66.666667% + } + .col-md-9{ + flex:0 0 75%; + max-width:75% + } + .col-md-10{ + flex:0 0 83.333333%; + max-width:83.333333% + } + .col-md-11{ + flex:0 0 91.666667%; + max-width:91.666667% + } + .col-md-12{ + flex:0 0 100%; + max-width:100% + } + .order-md-first{ + order:-1 + } + .order-md-last{ + order:13 + } + .order-md-0{ + order:0 + } + .order-md-1{ + order:1 + } + .order-md-2{ + order:2 + } + .order-md-3{ + order:3 + } + .order-md-4{ + order:4 + } + .order-md-5{ + order:5 + } + .order-md-6{ + order:6 + } + .order-md-7{ + order:7 + } + .order-md-8{ + order:8 + } + .order-md-9{ + order:9 + } + .order-md-10{ + order:10 + } + .order-md-11{ + order:11 + } + .order-md-12{ + order:12 + } + .offset-md-0{ + margin-left:0 + } + .offset-md-1{ + margin-left:8.333333% + } + .offset-md-2{ + margin-left:16.666667% + } + .offset-md-3{ + margin-left:25% + } + .offset-md-4{ + margin-left:33.333333% + } + .offset-md-5{ + margin-left:41.666667% + } + .offset-md-6{ + margin-left:50% + } + .offset-md-7{ + margin-left:58.333333% + } + .offset-md-8{ + margin-left:66.666667% + } + .offset-md-9{ + margin-left:75% + } + .offset-md-10{ + margin-left:83.333333% + } + .offset-md-11{ + margin-left:91.666667% + } +} +@media(min-width: 992px){ + .col-lg{ + flex-basis:0; + flex-grow:1; + max-width:100% + } + .row-cols-lg-1>*{ + flex:0 0 100%; + max-width:100% + } + .row-cols-lg-2>*{ + flex:0 0 50%; + max-width:50% + } + .row-cols-lg-3>*{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .row-cols-lg-4>*{ + flex:0 0 25%; + max-width:25% + } + .row-cols-lg-5>*{ + flex:0 0 20%; + max-width:20% + } + .row-cols-lg-6>*{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-lg-auto{ + flex:0 0 auto; + width:auto; + max-width:100% + } + .col-lg-1{ + flex:0 0 8.333333%; + max-width:8.333333% + } + .col-lg-2{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-lg-3{ + flex:0 0 25%; + max-width:25% + } + .col-lg-4{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .col-lg-5{ + flex:0 0 41.666667%; + max-width:41.666667% + } + .col-lg-6{ + flex:0 0 50%; + max-width:50% + } + .col-lg-7{ + flex:0 0 58.333333%; + max-width:58.333333% + } + .col-lg-8{ + flex:0 0 66.666667%; + max-width:66.666667% + } + .col-lg-9{ + flex:0 0 75%; + max-width:75% + } + .col-lg-10{ + flex:0 0 83.333333%; + max-width:83.333333% + } + .col-lg-11{ + flex:0 0 91.666667%; + max-width:91.666667% + } + .col-lg-12{ + flex:0 0 100%; + max-width:100% + } + .order-lg-first{ + order:-1 + } + .order-lg-last{ + order:13 + } + .order-lg-0{ + order:0 + } + .order-lg-1{ + order:1 + } + .order-lg-2{ + order:2 + } + .order-lg-3{ + order:3 + } + .order-lg-4{ + order:4 + } + .order-lg-5{ + order:5 + } + .order-lg-6{ + order:6 + } + .order-lg-7{ + order:7 + } + .order-lg-8{ + order:8 + } + .order-lg-9{ + order:9 + } + .order-lg-10{ + order:10 + } + .order-lg-11{ + order:11 + } + .order-lg-12{ + order:12 + } + .offset-lg-0{ + margin-left:0 + } + .offset-lg-1{ + margin-left:8.333333% + } + .offset-lg-2{ + margin-left:16.666667% + } + .offset-lg-3{ + margin-left:25% + } + .offset-lg-4{ + margin-left:33.333333% + } + .offset-lg-5{ + margin-left:41.666667% + } + .offset-lg-6{ + margin-left:50% + } + .offset-lg-7{ + margin-left:58.333333% + } + .offset-lg-8{ + margin-left:66.666667% + } + .offset-lg-9{ + margin-left:75% + } + .offset-lg-10{ + margin-left:83.333333% + } + .offset-lg-11{ + margin-left:91.666667% + } +} +@media(min-width: 1200px){ + .col-xl{ + flex-basis:0; + flex-grow:1; + max-width:100% + } + .row-cols-xl-1>*{ + flex:0 0 100%; + max-width:100% + } + .row-cols-xl-2>*{ + flex:0 0 50%; + max-width:50% + } + .row-cols-xl-3>*{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .row-cols-xl-4>*{ + flex:0 0 25%; + max-width:25% + } + .row-cols-xl-5>*{ + flex:0 0 20%; + max-width:20% + } + .row-cols-xl-6>*{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-xl-auto{ + flex:0 0 auto; + width:auto; + max-width:100% + } + .col-xl-1{ + flex:0 0 8.333333%; + max-width:8.333333% + } + .col-xl-2{ + flex:0 0 16.666667%; + max-width:16.666667% + } + .col-xl-3{ + flex:0 0 25%; + max-width:25% + } + .col-xl-4{ + flex:0 0 33.333333%; + max-width:33.333333% + } + .col-xl-5{ + flex:0 0 41.666667%; + max-width:41.666667% + } + .col-xl-6{ + flex:0 0 50%; + max-width:50% + } + .col-xl-7{ + flex:0 0 58.333333%; + max-width:58.333333% + } + .col-xl-8{ + flex:0 0 66.666667%; + max-width:66.666667% + } + .col-xl-9{ + flex:0 0 75%; + max-width:75% + } + .col-xl-10{ + flex:0 0 83.333333%; + max-width:83.333333% + } + .col-xl-11{ + flex:0 0 91.666667%; + max-width:91.666667% + } + .col-xl-12{ + flex:0 0 100%; + max-width:100% + } + .order-xl-first{ + order:-1 + } + .order-xl-last{ + order:13 + } + .order-xl-0{ + order:0 + } + .order-xl-1{ + order:1 + } + .order-xl-2{ + order:2 + } + .order-xl-3{ + order:3 + } + .order-xl-4{ + order:4 + } + .order-xl-5{ + order:5 + } + .order-xl-6{ + order:6 + } + .order-xl-7{ + order:7 + } + .order-xl-8{ + order:8 + } + .order-xl-9{ + order:9 + } + .order-xl-10{ + order:10 + } + .order-xl-11{ + order:11 + } + .order-xl-12{ + order:12 + } + .offset-xl-0{ + margin-left:0 + } + .offset-xl-1{ + margin-left:8.333333% + } + .offset-xl-2{ + margin-left:16.666667% + } + .offset-xl-3{ + margin-left:25% + } + .offset-xl-4{ + margin-left:33.333333% + } + .offset-xl-5{ + margin-left:41.666667% + } + .offset-xl-6{ + margin-left:50% + } + .offset-xl-7{ + margin-left:58.333333% + } + .offset-xl-8{ + margin-left:66.666667% + } + .offset-xl-9{ + margin-left:75% + } + .offset-xl-10{ + margin-left:83.333333% + } + .offset-xl-11{ + margin-left:91.666667% + } +} +.table{ + width:100%; + margin-bottom:1rem; + color:#212529 +} +.table td,.table th{ + padding:.75rem; + vertical-align:top; + border-top:1px solid #dee2e6 +} +.table thead th{ + vertical-align:bottom; + border-bottom:2px solid #dee2e6 +} +.table tbody+tbody{ + border-top:2px solid #dee2e6 +} +.table-sm td,.table-sm th{ + padding:.3rem +} +.table-bordered{ + border:1px solid #dee2e6 +} +.table-bordered td,.table-bordered th{ + border:1px solid #dee2e6 +} +.table-bordered thead td,.table-bordered thead th{ + border-bottom-width:2px +} +.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{ + border:0 +} +.table-striped tbody tr:nth-of-type(odd){ + background-color:rgba(0,0,0,.05) +} +.table-hover tbody tr:hover{ + color:#212529; + background-color:rgba(0,0,0,.075) +} +.table-primary,.table-primary>td,.table-primary>th{ + background-color:#b8daff +} +.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{ + border-color:#7abaff +} +.table-hover .table-primary:hover{ + background-color:#9fcdff +} +.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{ + background-color:#9fcdff +} +.table-secondary,.table-secondary>td,.table-secondary>th{ + background-color:#d6d8db +} +.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{ + border-color:#b3b7bb +} +.table-hover .table-secondary:hover{ + background-color:#c8cbcf +} +.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{ + background-color:#c8cbcf +} +.table-success,.table-success>td,.table-success>th{ + background-color:#c3e6cb +} +.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{ + border-color:#8fd19e +} +.table-hover .table-success:hover{ + background-color:#b1dfbb +} +.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{ + background-color:#b1dfbb +} +.table-info,.table-info>td,.table-info>th{ + background-color:#bee5eb +} +.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{ + border-color:#86cfda +} +.table-hover .table-info:hover{ + background-color:#abdde5 +} +.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{ + background-color:#abdde5 +} +.table-warning,.table-warning>td,.table-warning>th{ + background-color:#ffeeba +} +.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{ + border-color:#ffdf7e +} +.table-hover .table-warning:hover{ + background-color:#ffe8a1 +} +.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{ + background-color:#ffe8a1 +} +.table-danger,.table-danger>td,.table-danger>th{ + background-color:#f5c6cb +} +.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{ + border-color:#ed969e +} +.table-hover .table-danger:hover{ + background-color:#f1b0b7 +} +.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{ + background-color:#f1b0b7 +} +.table-light,.table-light>td,.table-light>th{ + background-color:#fdfdfe +} +.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{ + border-color:#fbfcfc +} +.table-hover .table-light:hover{ + background-color:#ececf6 +} +.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{ + background-color:#ececf6 +} +.table-dark,.table-dark>td,.table-dark>th{ + background-color:#c6c8ca +} +.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{ + border-color:#95999c +} +.table-hover .table-dark:hover{ + background-color:#b9bbbe +} +.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{ + background-color:#b9bbbe +} +.table-active,.table-active>td,.table-active>th{ + background-color:rgba(0,0,0,.075) +} +.table-hover .table-active:hover{ + background-color:rgba(0,0,0,.075) +} +.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{ + background-color:rgba(0,0,0,.075) +} +.table .thead-dark th{ + color:#fff; + background-color:#343a40; + border-color:#454d55 +} +.table .thead-light th{ + color:#495057; + background-color:#e9ecef; + border-color:#dee2e6 +} +.table-dark{ + color:#fff; + background-color:#343a40 +} +.table-dark td,.table-dark th,.table-dark thead th{ + border-color:#454d55 +} +.table-dark.table-bordered{ + border:0 +} +.table-dark.table-striped tbody tr:nth-of-type(odd){ + background-color:rgba(255,255,255,.05) +} +.table-dark.table-hover tbody tr:hover{ + color:#fff; + background-color:rgba(255,255,255,.075) +} +@media(max-width: 575.98px){ + .table-responsive-sm{ + display:block; + width:100%; + overflow-x:auto; + -webkit-overflow-scrolling:touch + } + .table-responsive-sm>.table-bordered{ + border:0 + } +} +@media(max-width: 767.98px){ + .table-responsive-md{ + display:block; + width:100%; + overflow-x:auto; + -webkit-overflow-scrolling:touch + } + .table-responsive-md>.table-bordered{ + border:0 + } +} +@media(max-width: 991.98px){ + .table-responsive-lg{ + display:block; + width:100%; + overflow-x:auto; + -webkit-overflow-scrolling:touch + } + .table-responsive-lg>.table-bordered{ + border:0 + } +} +@media(max-width: 1199.98px){ + .table-responsive-xl{ + display:block; + width:100%; + overflow-x:auto; + -webkit-overflow-scrolling:touch + } + .table-responsive-xl>.table-bordered{ + border:0 + } +} +.table-responsive{ + display:block; + width:100%; + overflow-x:auto; + -webkit-overflow-scrolling:touch +} +.table-responsive>.table-bordered{ + border:0 +} +.form-control{ + display:block; + width:100%; + height:calc(1.5em + .75rem + 2px); + padding:.375rem .75rem; + font-size:1rem; + font-weight:400; + line-height:1.5; + color:#495057; + background-color:#fff; + background-clip:padding-box; + border:1px solid #ced4da; + border-radius:.25rem; + transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .form-control{ + transition:none + } +} +.form-control::-ms-expand{ + background-color:transparent; + border:0 +} +.form-control:-moz-focusring{ + color:transparent; + text-shadow:0 0 0 #495057 +} +.form-control:focus{ + color:#495057; + background-color:#fff; + border-color:#80bdff; + outline:0; + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.form-control::-webkit-input-placeholder{ + color:#6c757d; + opacity:1 +} +.form-control:-ms-input-placeholder{ + color:#6c757d; + opacity:1 +} +.form-control::placeholder{ + color:#6c757d; + opacity:1 +} +.form-control:disabled,.form-control[readonly]{ + background-color:#e9ecef; + opacity:1 +} +input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{ + -webkit-appearance:none; + appearance:none +} +select.form-control:focus::-ms-value{ + color:#495057; + background-color:#fff +} +.form-control-file,.form-control-range{ + display:block; + width:100% +} +.col-form-label{ + padding-top:calc(.375rem + 1px); + padding-bottom:calc(.375rem + 1px); + margin-bottom:0; + font-size:inherit; + line-height:1.5 +} +.col-form-label-lg{ + padding-top:calc(.5rem + 1px); + padding-bottom:calc(.5rem + 1px); + font-size:1.25rem; + line-height:1.5 +} +.col-form-label-sm{ + padding-top:calc(.25rem + 1px); + padding-bottom:calc(.25rem + 1px); + font-size:.875rem; + line-height:1.5 +} +.form-control-plaintext{ + display:block; + width:100%; + padding:.375rem 0; + margin-bottom:0; + font-size:1rem; + line-height:1.5; + color:#212529; + background-color:transparent; + border:solid transparent; + border-width:1px 0 +} +.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{ + padding-right:0; + padding-left:0 +} +.form-control-sm{ + height:calc(1.5em + .5rem + 2px); + padding:.25rem .5rem; + font-size:.875rem; + line-height:1.5; + border-radius:.2rem +} +.form-control-lg{ + height:calc(1.5em + 1rem + 2px); + padding:.5rem 1rem; + font-size:1.25rem; + line-height:1.5; + border-radius:.3rem +} +select.form-control[multiple],select.form-control[size]{ + height:auto +} +textarea.form-control{ + height:auto +} +.form-group{ + margin-bottom:1rem +} +.form-text{ + display:block; + margin-top:.25rem +} +.form-row{ + display:flex; + flex-wrap:wrap; + margin-right:-5px; + margin-left:-5px +} +.form-row>.col,.form-row>[class*=col-]{ + padding-right:5px; + padding-left:5px +} +.form-check{ + position:relative; + display:block; + padding-left:1.25rem +} +.form-check-input{ + position:absolute; + margin-top:.3rem; + margin-left:-1.25rem +} +.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{ + color:#6c757d +} +.form-check-label{ + margin-bottom:0 +} +.form-check-inline{ + display:inline-flex; + align-items:center; + padding-left:0; + margin-right:.75rem +} +.form-check-inline .form-check-input{ + position:static; + margin-top:0; + margin-right:.3125rem; + margin-left:0 +} +.valid-feedback{ + display:none; + width:100%; + margin-top:.25rem; + font-size:80%; + color:#28a745 +} +.valid-tooltip{ + position:absolute; + top:100%; + left:0; + z-index:5; + display:none; + max-width:100%; + padding:.25rem .5rem; + margin-top:.1rem; + font-size:.875rem; + line-height:1.5; + color:#fff; + background-color:rgba(40,167,69,.9); + border-radius:.25rem +} +.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{ + left:5px +} +.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{ + display:block +} +.form-control.is-valid,.was-validated .form-control:valid{ + border-color:#28a745; + padding-right:calc(1.5em + .75rem); + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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"); + background-repeat:no-repeat; + background-position:right calc(.375em + .1875rem) center; + background-size:calc(.75em + .375rem) calc(.75em + .375rem) +} +.form-control.is-valid:focus,.was-validated .form-control:valid:focus{ + border-color:#28a745; + box-shadow:0 0 0 .2rem rgba(40,167,69,.25) +} +.was-validated textarea.form-control:valid,textarea.form-control.is-valid{ + padding-right:calc(1.5em + .75rem); + background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} +.custom-select.is-valid,.was-validated .custom-select:valid{ + border-color:#28a745; + padding-right:calc(.75em + 2.3125rem); + background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} +.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{ + border-color:#28a745; + box-shadow:0 0 0 .2rem rgba(40,167,69,.25) +} +.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{ + color:#28a745 +} +.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{ + display:block +} +.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{ + color:#28a745 +} +.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{ + border-color:#28a745 +} +.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{ + border-color:#34ce57; + background-color:#34ce57 +} +.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{ + box-shadow:0 0 0 .2rem rgba(40,167,69,.25) +} +.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{ + border-color:#28a745 +} +.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{ + border-color:#28a745 +} +.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{ + border-color:#28a745; + box-shadow:0 0 0 .2rem rgba(40,167,69,.25) +} +.invalid-feedback{ + display:none; + width:100%; + margin-top:.25rem; + font-size:80%; + color:#dc3545 +} +.invalid-tooltip{ + position:absolute; + top:100%; + left:0; + z-index:5; + display:none; + max-width:100%; + padding:.25rem .5rem; + margin-top:.1rem; + font-size:.875rem; + line-height:1.5; + color:#fff; + background-color:rgba(220,53,69,.9); + border-radius:.25rem +} +.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{ + left:5px +} +.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{ + display:block +} +.form-control.is-invalid,.was-validated .form-control:invalid{ + border-color:#dc3545; + padding-right:calc(1.5em + .75rem); + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat:no-repeat; + background-position:right calc(.375em + .1875rem) center; + background-size:calc(.75em + .375rem) calc(.75em + .375rem) +} +.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{ + border-color:#dc3545; + box-shadow:0 0 0 .2rem rgba(220,53,69,.25) +} +.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{ + padding-right:calc(1.5em + .75rem); + background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} +.custom-select.is-invalid,.was-validated .custom-select:invalid{ + border-color:#dc3545; + padding-right:calc(.75em + 2.3125rem); + background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} +.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{ + border-color:#dc3545; + box-shadow:0 0 0 .2rem rgba(220,53,69,.25) +} +.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{ + color:#dc3545 +} +.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{ + display:block +} +.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{ + color:#dc3545 +} +.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{ + border-color:#dc3545 +} +.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{ + border-color:#e4606d; + background-color:#e4606d +} +.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{ + box-shadow:0 0 0 .2rem rgba(220,53,69,.25) +} +.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{ + border-color:#dc3545 +} +.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{ + border-color:#dc3545 +} +.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{ + border-color:#dc3545; + box-shadow:0 0 0 .2rem rgba(220,53,69,.25) +} +.form-inline{ + display:flex; + flex-flow:row wrap; + align-items:center +} +.form-inline .form-check{ + width:100% +} +@media(min-width: 576px){ + .form-inline label{ + display:flex; + align-items:center; + justify-content:center; + margin-bottom:0 + } + .form-inline .form-group{ + display:flex; + flex:0 0 auto; + flex-flow:row wrap; + align-items:center; + margin-bottom:0 + } + .form-inline .form-control{ + display:inline-block; + width:auto; + vertical-align:middle + } + .form-inline .form-control-plaintext{ + display:inline-block + } + .form-inline .custom-select,.form-inline .input-group{ + width:auto + } + .form-inline .form-check{ + display:flex; + align-items:center; + justify-content:center; + width:auto; + padding-left:0 + } + .form-inline .form-check-input{ + position:relative; + flex-shrink:0; + margin-top:0; + margin-right:.25rem; + margin-left:0 + } + .form-inline .custom-control{ + align-items:center; + justify-content:center + } + .form-inline .custom-control-label{ + margin-bottom:0 + } +} +.btn{ + display:inline-block; + font-weight:400; + color:#212529; + text-align:center; + vertical-align:middle; + -webkit-user-select:none; + -ms-user-select:none; + user-select:none; + background-color:transparent; + border:1px solid transparent; + padding:.375rem .75rem; + font-size:1rem; + line-height:1.5; + border-radius:.25rem; + transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .btn{ + transition:none + } +} +.btn:hover{ + color:#212529; + text-decoration:none +} +.btn.focus,.btn:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.btn.disabled,.btn:disabled{ + opacity:.65 +} +.btn:not(:disabled):not(.disabled){ + cursor:pointer +} +a.btn.disabled,fieldset:disabled a.btn{ + pointer-events:none +} +.btn-primary{ + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.btn-primary:hover{ + color:#fff; + background-color:#0069d9; + border-color:#0062cc +} +.btn-primary.focus,.btn-primary:focus{ + color:#fff; + background-color:#0069d9; + border-color:#0062cc; + box-shadow:0 0 0 .2rem rgba(38,143,255,.5) +} +.btn-primary.disabled,.btn-primary:disabled{ + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{ + color:#fff; + background-color:#0062cc; + border-color:#005cbf +} +.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(38,143,255,.5) +} +.btn-secondary{ + color:#fff; + background-color:#6c757d; + border-color:#6c757d +} +.btn-secondary:hover{ + color:#fff; + background-color:#5a6268; + border-color:#545b62 +} +.btn-secondary.focus,.btn-secondary:focus{ + color:#fff; + background-color:#5a6268; + border-color:#545b62; + box-shadow:0 0 0 .2rem rgba(130,138,145,.5) +} +.btn-secondary.disabled,.btn-secondary:disabled{ + color:#fff; + background-color:#6c757d; + border-color:#6c757d +} +.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{ + color:#fff; + background-color:#545b62; + border-color:#4e555b +} +.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(130,138,145,.5) +} +.btn-success{ + color:#fff; + background-color:#28a745; + border-color:#28a745 +} +.btn-success:hover{ + color:#fff; + background-color:#218838; + border-color:#1e7e34 +} +.btn-success.focus,.btn-success:focus{ + color:#fff; + background-color:#218838; + border-color:#1e7e34; + box-shadow:0 0 0 .2rem rgba(72,180,97,.5) +} +.btn-success.disabled,.btn-success:disabled{ + color:#fff; + background-color:#28a745; + border-color:#28a745 +} +.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{ + color:#fff; + background-color:#1e7e34; + border-color:#1c7430 +} +.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(72,180,97,.5) +} +.btn-info{ + color:#fff; + background-color:#17a2b8; + border-color:#17a2b8 +} +.btn-info:hover{ + color:#fff; + background-color:#138496; + border-color:#117a8b +} +.btn-info.focus,.btn-info:focus{ + color:#fff; + background-color:#138496; + border-color:#117a8b; + box-shadow:0 0 0 .2rem rgba(58,176,195,.5) +} +.btn-info.disabled,.btn-info:disabled{ + color:#fff; + background-color:#17a2b8; + border-color:#17a2b8 +} +.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{ + color:#fff; + background-color:#117a8b; + border-color:#10707f +} +.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(58,176,195,.5) +} +.btn-warning{ + color:#212529; + background-color:#ffc107; + border-color:#ffc107 +} +.btn-warning:hover{ + color:#212529; + background-color:#e0a800; + border-color:#d39e00 +} +.btn-warning.focus,.btn-warning:focus{ + color:#212529; + background-color:#e0a800; + border-color:#d39e00; + box-shadow:0 0 0 .2rem rgba(222,170,12,.5) +} +.btn-warning.disabled,.btn-warning:disabled{ + color:#212529; + background-color:#ffc107; + border-color:#ffc107 +} +.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{ + color:#212529; + background-color:#d39e00; + border-color:#c69500 +} +.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(222,170,12,.5) +} +.btn-danger{ + color:#fff; + background-color:#dc3545; + border-color:#dc3545 +} +.btn-danger:hover{ + color:#fff; + background-color:#c82333; + border-color:#bd2130 +} +.btn-danger.focus,.btn-danger:focus{ + color:#fff; + background-color:#c82333; + border-color:#bd2130; + box-shadow:0 0 0 .2rem rgba(225,83,97,.5) +} +.btn-danger.disabled,.btn-danger:disabled{ + color:#fff; + background-color:#dc3545; + border-color:#dc3545 +} +.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{ + color:#fff; + background-color:#bd2130; + border-color:#b21f2d +} +.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(225,83,97,.5) +} +.btn-light{ + color:#212529; + background-color:#f8f9fa; + border-color:#f8f9fa +} +.btn-light:hover{ + color:#212529; + background-color:#e2e6ea; + border-color:#dae0e5 +} +.btn-light.focus,.btn-light:focus{ + color:#212529; + background-color:#e2e6ea; + border-color:#dae0e5; + box-shadow:0 0 0 .2rem rgba(216,217,219,.5) +} +.btn-light.disabled,.btn-light:disabled{ + color:#212529; + background-color:#f8f9fa; + border-color:#f8f9fa +} +.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{ + color:#212529; + background-color:#dae0e5; + border-color:#d3d9df +} +.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(216,217,219,.5) +} +.btn-dark{ + color:#fff; + background-color:#343a40; + border-color:#343a40 +} +.btn-dark:hover{ + color:#fff; + background-color:#23272b; + border-color:#1d2124 +} +.btn-dark.focus,.btn-dark:focus{ + color:#fff; + background-color:#23272b; + border-color:#1d2124; + box-shadow:0 0 0 .2rem rgba(82,88,93,.5) +} +.btn-dark.disabled,.btn-dark:disabled{ + color:#fff; + background-color:#343a40; + border-color:#343a40 +} +.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{ + color:#fff; + background-color:#1d2124; + border-color:#171a1d +} +.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(82,88,93,.5) +} +.btn-outline-primary{ + color:#007bff; + border-color:#007bff +} +.btn-outline-primary:hover{ + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.btn-outline-primary.focus,.btn-outline-primary:focus{ + box-shadow:0 0 0 .2rem rgba(0,123,255,.5) +} +.btn-outline-primary.disabled,.btn-outline-primary:disabled{ + color:#007bff; + background-color:transparent +} +.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{ + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(0,123,255,.5) +} +.btn-outline-secondary{ + color:#6c757d; + border-color:#6c757d +} +.btn-outline-secondary:hover{ + color:#fff; + background-color:#6c757d; + border-color:#6c757d +} +.btn-outline-secondary.focus,.btn-outline-secondary:focus{ + box-shadow:0 0 0 .2rem rgba(108,117,125,.5) +} +.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{ + color:#6c757d; + background-color:transparent +} +.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{ + color:#fff; + background-color:#6c757d; + border-color:#6c757d +} +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(108,117,125,.5) +} +.btn-outline-success{ + color:#28a745; + border-color:#28a745 +} +.btn-outline-success:hover{ + color:#fff; + background-color:#28a745; + border-color:#28a745 +} +.btn-outline-success.focus,.btn-outline-success:focus{ + box-shadow:0 0 0 .2rem rgba(40,167,69,.5) +} +.btn-outline-success.disabled,.btn-outline-success:disabled{ + color:#28a745; + background-color:transparent +} +.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{ + color:#fff; + background-color:#28a745; + border-color:#28a745 +} +.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(40,167,69,.5) +} +.btn-outline-info{ + color:#17a2b8; + border-color:#17a2b8 +} +.btn-outline-info:hover{ + color:#fff; + background-color:#17a2b8; + border-color:#17a2b8 +} +.btn-outline-info.focus,.btn-outline-info:focus{ + box-shadow:0 0 0 .2rem rgba(23,162,184,.5) +} +.btn-outline-info.disabled,.btn-outline-info:disabled{ + color:#17a2b8; + background-color:transparent +} +.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{ + color:#fff; + background-color:#17a2b8; + border-color:#17a2b8 +} +.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(23,162,184,.5) +} +.btn-outline-warning{ + color:#ffc107; + border-color:#ffc107 +} +.btn-outline-warning:hover{ + color:#212529; + background-color:#ffc107; + border-color:#ffc107 +} +.btn-outline-warning.focus,.btn-outline-warning:focus{ + box-shadow:0 0 0 .2rem rgba(255,193,7,.5) +} +.btn-outline-warning.disabled,.btn-outline-warning:disabled{ + color:#ffc107; + background-color:transparent +} +.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{ + color:#212529; + background-color:#ffc107; + border-color:#ffc107 +} +.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(255,193,7,.5) +} +.btn-outline-danger{ + color:#dc3545; + border-color:#dc3545 +} +.btn-outline-danger:hover{ + color:#fff; + background-color:#dc3545; + border-color:#dc3545 +} +.btn-outline-danger.focus,.btn-outline-danger:focus{ + box-shadow:0 0 0 .2rem rgba(220,53,69,.5) +} +.btn-outline-danger.disabled,.btn-outline-danger:disabled{ + color:#dc3545; + background-color:transparent +} +.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{ + color:#fff; + background-color:#dc3545; + border-color:#dc3545 +} +.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(220,53,69,.5) +} +.btn-outline-light{ + color:#f8f9fa; + border-color:#f8f9fa +} +.btn-outline-light:hover{ + color:#212529; + background-color:#f8f9fa; + border-color:#f8f9fa +} +.btn-outline-light.focus,.btn-outline-light:focus{ + box-shadow:0 0 0 .2rem rgba(248,249,250,.5) +} +.btn-outline-light.disabled,.btn-outline-light:disabled{ + color:#f8f9fa; + background-color:transparent +} +.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{ + color:#212529; + background-color:#f8f9fa; + border-color:#f8f9fa +} +.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(248,249,250,.5) +} +.btn-outline-dark{ + color:#343a40; + border-color:#343a40 +} +.btn-outline-dark:hover{ + color:#fff; + background-color:#343a40; + border-color:#343a40 +} +.btn-outline-dark.focus,.btn-outline-dark:focus{ + box-shadow:0 0 0 .2rem rgba(52,58,64,.5) +} +.btn-outline-dark.disabled,.btn-outline-dark:disabled{ + color:#343a40; + background-color:transparent +} +.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{ + color:#fff; + background-color:#343a40; + border-color:#343a40 +} +.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{ + box-shadow:0 0 0 .2rem rgba(52,58,64,.5) +} +.btn-link{ + font-weight:400; + color:#007bff; + text-decoration:none +} +.btn-link:hover{ + color:#0056b3; + text-decoration:underline +} +.btn-link.focus,.btn-link:focus{ + text-decoration:underline +} +.btn-link.disabled,.btn-link:disabled{ + color:#6c757d; + pointer-events:none +} +.btn-group-lg>.btn,.btn-lg{ + padding:.5rem 1rem; + font-size:1.25rem; + line-height:1.5; + border-radius:.3rem +} +.btn-group-sm>.btn,.btn-sm{ + padding:.25rem .5rem; + font-size:.875rem; + line-height:1.5; + border-radius:.2rem +} +.btn-block{ + display:block; + width:100% +} +.btn-block+.btn-block{ + margin-top:.5rem +} +input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{ + width:100% +} +.fade{ + transition:opacity .15s linear +} +@media(prefers-reduced-motion: reduce){ + .fade{ + transition:none + } +} +.fade:not(.show){ + opacity:0 +} +.collapse:not(.show){ + display:none +} +.collapsing{ + position:relative; + height:0; + overflow:hidden; + transition:height .35s ease +} +@media(prefers-reduced-motion: reduce){ + .collapsing{ + transition:none + } +} +.dropdown,.dropleft,.dropright,.dropup{ + position:relative +} +.dropdown-toggle{ + white-space:nowrap +} +.dropdown-toggle::after{ + display:inline-block; + margin-left:.255em; + vertical-align:.255em; + content:""; + border-top:.3em solid; + border-right:.3em solid transparent; + border-bottom:0; + border-left:.3em solid transparent +} +.dropdown-toggle:empty::after{ + margin-left:0 +} +.dropdown-menu{ + position:absolute; + top:100%; + left:0; + z-index:1000; + display:none; + float:left; + min-width:10rem; + padding:.5rem 0; + margin:.125rem 0 0; + font-size:1rem; + color:#212529; + text-align:left; + list-style:none; + background-color:#fff; + background-clip:padding-box; + border:1px solid rgba(0,0,0,.15); + border-radius:.25rem +} +.dropdown-menu-left{ + right:auto; + left:0 +} +.dropdown-menu-right{ + right:0; + left:auto +} +@media(min-width: 576px){ + .dropdown-menu-sm-left{ + right:auto; + left:0 + } + .dropdown-menu-sm-right{ + right:0; + left:auto + } +} +@media(min-width: 768px){ + .dropdown-menu-md-left{ + right:auto; + left:0 + } + .dropdown-menu-md-right{ + right:0; + left:auto + } +} +@media(min-width: 992px){ + .dropdown-menu-lg-left{ + right:auto; + left:0 + } + .dropdown-menu-lg-right{ + right:0; + left:auto + } +} +@media(min-width: 1200px){ + .dropdown-menu-xl-left{ + right:auto; + left:0 + } + .dropdown-menu-xl-right{ + right:0; + left:auto + } +} +.dropup .dropdown-menu{ + top:auto; + bottom:100%; + margin-top:0; + margin-bottom:.125rem +} +.dropup .dropdown-toggle::after{ + display:inline-block; + margin-left:.255em; + vertical-align:.255em; + content:""; + border-top:0; + border-right:.3em solid transparent; + border-bottom:.3em solid; + border-left:.3em solid transparent +} +.dropup .dropdown-toggle:empty::after{ + margin-left:0 +} +.dropright .dropdown-menu{ + top:0; + right:auto; + left:100%; + margin-top:0; + margin-left:.125rem +} +.dropright .dropdown-toggle::after{ + display:inline-block; + margin-left:.255em; + vertical-align:.255em; + content:""; + border-top:.3em solid transparent; + border-right:0; + border-bottom:.3em solid transparent; + border-left:.3em solid +} +.dropright .dropdown-toggle:empty::after{ + margin-left:0 +} +.dropright .dropdown-toggle::after{ + vertical-align:0 +} +.dropleft .dropdown-menu{ + top:0; + right:100%; + left:auto; + margin-top:0; + margin-right:.125rem +} +.dropleft .dropdown-toggle::after{ + display:inline-block; + margin-left:.255em; + vertical-align:.255em; + content:"" +} +.dropleft .dropdown-toggle::after{ + display:none +} +.dropleft .dropdown-toggle::before{ + display:inline-block; + margin-right:.255em; + vertical-align:.255em; + content:""; + border-top:.3em solid transparent; + border-right:.3em solid; + border-bottom:.3em solid transparent +} +.dropleft .dropdown-toggle:empty::after{ + margin-left:0 +} +.dropleft .dropdown-toggle::before{ + vertical-align:0 +} +.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{ + right:auto; + bottom:auto +} +.dropdown-divider{ + height:0; + margin:.5rem 0; + overflow:hidden; + border-top:1px solid #e9ecef +} +.dropdown-item{ + display:block; + width:100%; + padding:.25rem 1.5rem; + clear:both; + font-weight:400; + color:#212529; + text-align:inherit; + white-space:nowrap; + background-color:transparent; + border:0 +} +.dropdown-item:focus,.dropdown-item:hover{ + color:#16181b; + text-decoration:none; + background-color:#e9ecef +} +.dropdown-item.active,.dropdown-item:active{ + color:#fff; + text-decoration:none; + background-color:#007bff +} +.dropdown-item.disabled,.dropdown-item:disabled{ + color:#adb5bd; + pointer-events:none; + background-color:transparent +} +.dropdown-menu.show{ + display:block +} +.dropdown-header{ + display:block; + padding:.5rem 1.5rem; + margin-bottom:0; + font-size:.875rem; + color:#6c757d; + white-space:nowrap +} +.dropdown-item-text{ + display:block; + padding:.25rem 1.5rem; + color:#212529 +} +.btn-group,.btn-group-vertical{ + position:relative; + display:inline-flex; + vertical-align:middle +} +.btn-group-vertical>.btn,.btn-group>.btn{ + position:relative; + flex:1 1 auto +} +.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{ + z-index:1 +} +.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{ + z-index:1 +} +.btn-toolbar{ + display:flex; + flex-wrap:wrap; + justify-content:flex-start +} +.btn-toolbar .input-group{ + width:auto +} +.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){ + margin-left:-1px +} +.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){ + border-top-right-radius:0; + border-bottom-right-radius:0 +} +.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){ + border-top-left-radius:0; + border-bottom-left-radius:0 +} +.dropdown-toggle-split{ + padding-right:.5625rem; + padding-left:.5625rem +} +.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{ + margin-left:0 +} +.dropleft .dropdown-toggle-split::before{ + margin-right:0 +} +.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{ + padding-right:.375rem; + padding-left:.375rem +} +.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{ + padding-right:.75rem; + padding-left:.75rem +} +.btn-group-vertical{ + flex-direction:column; + align-items:flex-start; + justify-content:center +} +.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{ + width:100% +} +.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){ + margin-top:-1px +} +.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){ + border-bottom-right-radius:0; + border-bottom-left-radius:0 +} +.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){ + border-top-left-radius:0; + border-top-right-radius:0 +} +.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{ + margin-bottom:0 +} +.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{ + position:absolute; + clip:rect(0, 0, 0, 0); + pointer-events:none +} +.input-group{ + position:relative; + display:flex; + flex-wrap:wrap; + align-items:stretch; + width:100% +} +.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{ + position:relative; + flex:1 1 auto; + width:1%; + min-width:0; + margin-bottom:0 +} +.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{ + margin-left:-1px +} +.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{ + z-index:3 +} +.input-group>.custom-file .custom-file-input:focus{ + z-index:4 +} +.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){ + border-top-left-radius:0; + border-bottom-left-radius:0 +} +.input-group>.custom-file{ + display:flex; + align-items:center +} +.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{ + border-top-left-radius:0; + border-bottom-left-radius:0 +} +.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){ + border-top-right-radius:0; + border-bottom-right-radius:0 +} +.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){ + border-top-right-radius:0; + border-bottom-right-radius:0 +} +.input-group-append,.input-group-prepend{ + display:flex +} +.input-group-append .btn,.input-group-prepend .btn{ + position:relative; + z-index:2 +} +.input-group-append .btn:focus,.input-group-prepend .btn:focus{ + z-index:3 +} +.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{ + margin-left:-1px +} +.input-group-prepend{ + margin-right:-1px +} +.input-group-append{ + margin-left:-1px +} +.input-group-text{ + display:flex; + align-items:center; + padding:.375rem .75rem; + margin-bottom:0; + font-size:1rem; + font-weight:400; + line-height:1.5; + color:#495057; + text-align:center; + white-space:nowrap; + background-color:#e9ecef; + border:1px solid #ced4da; + border-radius:.25rem +} +.input-group-text input[type=checkbox],.input-group-text input[type=radio]{ + margin-top:0 +} +.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){ + height:calc(1.5em + 1rem + 2px) +} +.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{ + padding:.5rem 1rem; + font-size:1.25rem; + line-height:1.5; + border-radius:.3rem +} +.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){ + height:calc(1.5em + .5rem + 2px) +} +.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{ + padding:.25rem .5rem; + font-size:.875rem; + line-height:1.5; + border-radius:.2rem +} +.input-group-lg>.custom-select,.input-group-sm>.custom-select{ + padding-right:1.75rem +} +.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{ + border-top-right-radius:0; + border-bottom-right-radius:0 +} +.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{ + border-top-left-radius:0; + border-bottom-left-radius:0 +} +.custom-control{ + position:relative; + z-index:1; + display:block; + min-height:1.5rem; + padding-left:1.5rem; + -webkit-print-color-adjust:exact; + color-adjust:exact +} +.custom-control-inline{ + display:inline-flex; + margin-right:1rem +} +.custom-control-input{ + position:absolute; + left:0; + z-index:-1; + width:1rem; + height:1.25rem; + opacity:0 +} +.custom-control-input:checked~.custom-control-label::before{ + color:#fff; + border-color:#007bff; + background-color:#007bff +} +.custom-control-input:focus~.custom-control-label::before{ + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-control-input:focus:not(:checked)~.custom-control-label::before{ + border-color:#80bdff +} +.custom-control-input:not(:disabled):active~.custom-control-label::before{ + color:#fff; + background-color:#b3d7ff; + border-color:#b3d7ff +} +.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{ + color:#6c757d +} +.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{ + background-color:#e9ecef +} +.custom-control-label{ + position:relative; + margin-bottom:0; + vertical-align:top +} +.custom-control-label::before{ + position:absolute; + top:.25rem; + left:-1.5rem; + display:block; + width:1rem; + height:1rem; + pointer-events:none; + content:""; + background-color:#fff; + border:#adb5bd solid 1px +} +.custom-control-label::after{ + position:absolute; + top:.25rem; + left:-1.5rem; + display:block; + width:1rem; + height:1rem; + content:""; + background:50%/50% 50% no-repeat +} +.custom-checkbox .custom-control-label::before{ + border-radius:.25rem +} +.custom-checkbox .custom-control-input:checked~.custom-control-label::after{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") +} +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{ + border-color:#007bff; + background-color:#007bff +} +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") +} +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{ + background-color:rgba(0,123,255,.5) +} +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{ + background-color:rgba(0,123,255,.5) +} +.custom-radio .custom-control-label::before{ + border-radius:50% +} +.custom-radio .custom-control-input:checked~.custom-control-label::after{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") +} +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{ + background-color:rgba(0,123,255,.5) +} +.custom-switch{ + padding-left:2.25rem +} +.custom-switch .custom-control-label::before{ + left:-2.25rem; + width:1.75rem; + pointer-events:all; + border-radius:.5rem +} +.custom-switch .custom-control-label::after{ + top:calc(.25rem + 2px); + left:calc(-2.25rem + 2px); + width:calc(1rem - 4px); + height:calc(1rem - 4px); + background-color:#adb5bd; + border-radius:.5rem; + transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; + transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .custom-switch .custom-control-label::after{ + transition:none + } +} +.custom-switch .custom-control-input:checked~.custom-control-label::after{ + background-color:#fff; + -webkit-transform:translateX(0.75rem); + transform:translateX(0.75rem) +} +.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{ + background-color:rgba(0,123,255,.5) +} +.custom-select{ + display:inline-block; + width:100%; + height:calc(1.5em + .75rem + 2px); + padding:.375rem 1.75rem .375rem .75rem; + font-size:1rem; + font-weight:400; + line-height:1.5; + color:#495057; + vertical-align:middle; + background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat; + border:1px solid #ced4da; + border-radius:.25rem; + -webkit-appearance:none; + appearance:none +} +.custom-select:focus{ + border-color:#80bdff; + outline:0; + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-select:focus::-ms-value{ + color:#495057; + background-color:#fff +} +.custom-select[multiple],.custom-select[size]:not([size="1"]){ + height:auto; + padding-right:.75rem; + background-image:none +} +.custom-select:disabled{ + color:#6c757d; + background-color:#e9ecef +} +.custom-select::-ms-expand{ + display:none +} +.custom-select:-moz-focusring{ + color:transparent; + text-shadow:0 0 0 #495057 +} +.custom-select-sm{ + height:calc(1.5em + .5rem + 2px); + padding-top:.25rem; + padding-bottom:.25rem; + padding-left:.5rem; + font-size:.875rem +} +.custom-select-lg{ + height:calc(1.5em + 1rem + 2px); + padding-top:.5rem; + padding-bottom:.5rem; + padding-left:1rem; + font-size:1.25rem +} +.custom-file{ + position:relative; + display:inline-block; + width:100%; + height:calc(1.5em + .75rem + 2px); + margin-bottom:0 +} +.custom-file-input{ + position:relative; + z-index:2; + width:100%; + height:calc(1.5em + .75rem + 2px); + margin:0; + overflow:hidden; + opacity:0 +} +.custom-file-input:focus~.custom-file-label{ + border-color:#80bdff; + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{ + background-color:#e9ecef +} +.custom-file-input:lang(en)~.custom-file-label::after{ + content:"Browse" +} +.custom-file-input~.custom-file-label[data-browse]::after{ + content:attr(data-browse) +} +.custom-file-label{ + position:absolute; + top:0; + right:0; + left:0; + z-index:1; + height:calc(1.5em + .75rem + 2px); + padding:.375rem .75rem; + overflow:hidden; + font-weight:400; + line-height:1.5; + color:#495057; + background-color:#fff; + border:1px solid #ced4da; + border-radius:.25rem +} +.custom-file-label::after{ + position:absolute; + top:0; + right:0; + bottom:0; + z-index:3; + display:block; + height:calc(1.5em + .75rem); + padding:.375rem .75rem; + line-height:1.5; + color:#495057; + content:"Browse"; + background-color:#e9ecef; + border-left:inherit; + border-radius:0 .25rem .25rem 0 +} +.custom-range{ + width:100%; + height:1.4rem; + padding:0; + background-color:transparent; + -webkit-appearance:none; + appearance:none +} +.custom-range:focus{ + outline:0 +} +.custom-range:focus::-webkit-slider-thumb{ + box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-range:focus::-moz-range-thumb{ + box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-range:focus::-ms-thumb{ + box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) +} +.custom-range::-moz-focus-outer{ + border:0 +} +.custom-range::-webkit-slider-thumb{ + width:1rem; + height:1rem; + margin-top:-0.25rem; + background-color:#007bff; + border:0; + border-radius:1rem; + -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + -webkit-appearance:none; + appearance:none +} +@media(prefers-reduced-motion: reduce){ + .custom-range::-webkit-slider-thumb{ + -webkit-transition:none; + transition:none + } +} +.custom-range::-webkit-slider-thumb:active{ + background-color:#b3d7ff +} +.custom-range::-webkit-slider-runnable-track{ + width:100%; + height:.5rem; + color:transparent; + cursor:pointer; + background-color:#dee2e6; + border-color:transparent; + border-radius:1rem +} +.custom-range::-moz-range-thumb{ + width:1rem; + height:1rem; + background-color:#007bff; + border:0; + border-radius:1rem; + -moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + appearance:none +} +@media(prefers-reduced-motion: reduce){ + .custom-range::-moz-range-thumb{ + -moz-transition:none; + transition:none + } +} +.custom-range::-moz-range-thumb:active{ + background-color:#b3d7ff +} +.custom-range::-moz-range-track{ + width:100%; + height:.5rem; + color:transparent; + cursor:pointer; + background-color:#dee2e6; + border-color:transparent; + border-radius:1rem +} +.custom-range::-ms-thumb{ + width:1rem; + height:1rem; + margin-top:0; + margin-right:.2rem; + margin-left:.2rem; + background-color:#007bff; + border:0; + border-radius:1rem; + -ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + appearance:none +} +@media(prefers-reduced-motion: reduce){ + .custom-range::-ms-thumb{ + -ms-transition:none; + transition:none + } +} +.custom-range::-ms-thumb:active{ + background-color:#b3d7ff +} +.custom-range::-ms-track{ + width:100%; + height:.5rem; + color:transparent; + cursor:pointer; + background-color:transparent; + border-color:transparent; + border-width:.5rem +} +.custom-range::-ms-fill-lower{ + background-color:#dee2e6; + border-radius:1rem +} +.custom-range::-ms-fill-upper{ + margin-right:15px; + background-color:#dee2e6; + border-radius:1rem +} +.custom-range:disabled::-webkit-slider-thumb{ + background-color:#adb5bd +} +.custom-range:disabled::-webkit-slider-runnable-track{ + cursor:default +} +.custom-range:disabled::-moz-range-thumb{ + background-color:#adb5bd +} +.custom-range:disabled::-moz-range-track{ + cursor:default +} +.custom-range:disabled::-ms-thumb{ + background-color:#adb5bd +} +.custom-control-label::before,.custom-file-label,.custom-select{ + transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .custom-control-label::before,.custom-file-label,.custom-select{ + transition:none + } +} +.nav{ + display:flex; + flex-wrap:wrap; + padding-left:0; + margin-bottom:0; + list-style:none +} +.nav-link{ + display:block; + padding:.5rem 1rem +} +.nav-link:focus,.nav-link:hover{ + text-decoration:none +} +.nav-link.disabled{ + color:#6c757d; + pointer-events:none; + cursor:default +} +.nav-tabs{ + border-bottom:1px solid #dee2e6 +} +.nav-tabs .nav-link{ + margin-bottom:-1px; + border:1px solid transparent; + border-top-left-radius:.25rem; + border-top-right-radius:.25rem +} +.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{ + border-color:#e9ecef #e9ecef #dee2e6 +} +.nav-tabs .nav-link.disabled{ + color:#6c757d; + background-color:transparent; + border-color:transparent +} +.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{ + color:#495057; + background-color:#fff; + border-color:#dee2e6 #dee2e6 #fff +} +.nav-tabs .dropdown-menu{ + margin-top:-1px; + border-top-left-radius:0; + border-top-right-radius:0 +} +.nav-pills .nav-link{ + border-radius:.25rem +} +.nav-pills .nav-link.active,.nav-pills .show>.nav-link{ + color:#fff; + background-color:#007bff +} +.nav-fill .nav-item,.nav-fill>.nav-link{ + flex:1 1 auto; + text-align:center +} +.nav-justified .nav-item,.nav-justified>.nav-link{ + flex-basis:0; + flex-grow:1; + text-align:center +} +.tab-content>.tab-pane{ + display:none +} +.tab-content>.active{ + display:block +} +.navbar{ + position:relative; + display:flex; + flex-wrap:wrap; + align-items:center; + justify-content:space-between; + padding:.5rem 1rem +} +.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{ + display:flex; + flex-wrap:wrap; + align-items:center; + justify-content:space-between +} +.navbar-brand{ + display:inline-block; + padding-top:.3125rem; + padding-bottom:.3125rem; + margin-right:1rem; + font-size:1.25rem; + line-height:inherit; + white-space:nowrap +} +.navbar-brand:focus,.navbar-brand:hover{ + text-decoration:none +} +.navbar-nav{ + display:flex; + flex-direction:column; + padding-left:0; + margin-bottom:0; + list-style:none +} +.navbar-nav .nav-link{ + padding-right:0; + padding-left:0 +} +.navbar-nav .dropdown-menu{ + position:static; + float:none +} +.navbar-text{ + display:inline-block; + padding-top:.5rem; + padding-bottom:.5rem +} +.navbar-collapse{ + flex-basis:100%; + flex-grow:1; + align-items:center +} +.navbar-toggler{ + padding:.25rem .75rem; + font-size:1.25rem; + line-height:1; + background-color:transparent; + border:1px solid transparent; + border-radius:.25rem +} +.navbar-toggler:focus,.navbar-toggler:hover{ + text-decoration:none +} +.navbar-toggler-icon{ + display:inline-block; + width:1.5em; + height:1.5em; + vertical-align:middle; + content:""; + background:50%/100% 100% no-repeat +} +.navbar-nav-scroll{ + max-height:75vh; + overflow-y:auto +} +@media(max-width: 575.98px){ + .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{ + padding-right:0; + padding-left:0 + } +} +@media(min-width: 576px){ + .navbar-expand-sm{ + flex-flow:row nowrap; + justify-content:flex-start + } + .navbar-expand-sm .navbar-nav{ + flex-direction:row + } + .navbar-expand-sm .navbar-nav .dropdown-menu{ + position:absolute + } + .navbar-expand-sm .navbar-nav .nav-link{ + padding-right:.5rem; + padding-left:.5rem + } + .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{ + flex-wrap:nowrap + } + .navbar-expand-sm .navbar-nav-scroll{ + overflow:visible + } + .navbar-expand-sm .navbar-collapse{ + display:flex !important; + flex-basis:auto + } + .navbar-expand-sm .navbar-toggler{ + display:none + } +} +@media(max-width: 767.98px){ + .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{ + padding-right:0; + padding-left:0 + } +} +@media(min-width: 768px){ + .navbar-expand-md{ + flex-flow:row nowrap; + justify-content:flex-start + } + .navbar-expand-md .navbar-nav{ + flex-direction:row + } + .navbar-expand-md .navbar-nav .dropdown-menu{ + position:absolute + } + .navbar-expand-md .navbar-nav .nav-link{ + padding-right:.5rem; + padding-left:.5rem + } + .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{ + flex-wrap:nowrap + } + .navbar-expand-md .navbar-nav-scroll{ + overflow:visible + } + .navbar-expand-md .navbar-collapse{ + display:flex !important; + flex-basis:auto + } + .navbar-expand-md .navbar-toggler{ + display:none + } +} +@media(max-width: 991.98px){ + .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{ + padding-right:0; + padding-left:0 + } +} +@media(min-width: 992px){ + .navbar-expand-lg{ + flex-flow:row nowrap; + justify-content:flex-start + } + .navbar-expand-lg .navbar-nav{ + flex-direction:row + } + .navbar-expand-lg .navbar-nav .dropdown-menu{ + position:absolute + } + .navbar-expand-lg .navbar-nav .nav-link{ + padding-right:.5rem; + padding-left:.5rem + } + .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{ + flex-wrap:nowrap + } + .navbar-expand-lg .navbar-nav-scroll{ + overflow:visible + } + .navbar-expand-lg .navbar-collapse{ + display:flex !important; + flex-basis:auto + } + .navbar-expand-lg .navbar-toggler{ + display:none + } +} +@media(max-width: 1199.98px){ + .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{ + padding-right:0; + padding-left:0 + } +} +@media(min-width: 1200px){ + .navbar-expand-xl{ + flex-flow:row nowrap; + justify-content:flex-start + } + .navbar-expand-xl .navbar-nav{ + flex-direction:row + } + .navbar-expand-xl .navbar-nav .dropdown-menu{ + position:absolute + } + .navbar-expand-xl .navbar-nav .nav-link{ + padding-right:.5rem; + padding-left:.5rem + } + .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{ + flex-wrap:nowrap + } + .navbar-expand-xl .navbar-nav-scroll{ + overflow:visible + } + .navbar-expand-xl .navbar-collapse{ + display:flex !important; + flex-basis:auto + } + .navbar-expand-xl .navbar-toggler{ + display:none + } +} +.navbar-expand{ + flex-flow:row nowrap; + justify-content:flex-start +} +.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{ + padding-right:0; + padding-left:0 +} +.navbar-expand .navbar-nav{ + flex-direction:row +} +.navbar-expand .navbar-nav .dropdown-menu{ + position:absolute +} +.navbar-expand .navbar-nav .nav-link{ + padding-right:.5rem; + padding-left:.5rem +} +.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{ + flex-wrap:nowrap +} +.navbar-expand .navbar-nav-scroll{ + overflow:visible +} +.navbar-expand .navbar-collapse{ + display:flex !important; + flex-basis:auto +} +.navbar-expand .navbar-toggler{ + display:none +} +.navbar-light .navbar-brand{ + color:rgba(0,0,0,.9) +} +.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{ + color:rgba(0,0,0,.9) +} +.navbar-light .navbar-nav .nav-link{ + color:rgba(0,0,0,.5) +} +.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{ + color:rgba(0,0,0,.7) +} +.navbar-light .navbar-nav .nav-link.disabled{ + color:rgba(0,0,0,.3) +} +.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{ + color:rgba(0,0,0,.9) +} +.navbar-light .navbar-toggler{ + color:rgba(0,0,0,.5); + border-color:rgba(0,0,0,.1) +} +.navbar-light .navbar-toggler-icon{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") +} +.navbar-light .navbar-text{ + color:rgba(0,0,0,.5) +} +.navbar-light .navbar-text a{ + color:rgba(0,0,0,.9) +} +.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{ + color:rgba(0,0,0,.9) +} +.navbar-dark .navbar-brand{ + color:#fff +} +.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{ + color:#fff +} +.navbar-dark .navbar-nav .nav-link{ + color:rgba(255,255,255,.5) +} +.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{ + color:rgba(255,255,255,.75) +} +.navbar-dark .navbar-nav .nav-link.disabled{ + color:rgba(255,255,255,.25) +} +.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{ + color:#fff +} +.navbar-dark .navbar-toggler{ + color:rgba(255,255,255,.5); + border-color:rgba(255,255,255,.1) +} +.navbar-dark .navbar-toggler-icon{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") +} +.navbar-dark .navbar-text{ + color:rgba(255,255,255,.5) +} +.navbar-dark .navbar-text a{ + color:#fff +} +.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{ + color:#fff +} +.card{ + position:relative; + display:flex; + flex-direction:column; + min-width:0; + word-wrap:break-word; + background-color:#fff; + background-clip:border-box; + border:1px solid rgba(0,0,0,.125); + border-radius:.25rem +} +.card>hr{ + margin-right:0; + margin-left:0 +} +.card>.list-group{ + border-top:inherit; + border-bottom:inherit +} +.card>.list-group:first-child{ + border-top-width:0; + border-top-left-radius:calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} +.card>.list-group:last-child{ + border-bottom-width:0; + border-bottom-right-radius:calc(.25rem - 1px); + border-bottom-left-radius:calc(.25rem - 1px) +} +.card>.card-header+.list-group,.card>.list-group+.card-footer{ + border-top:0 +} +.card-body{ + flex:1 1 auto; + min-height:1px; + padding:1.25rem +} +.card-title{ + margin-bottom:.75rem +} +.card-subtitle{ + margin-top:-0.375rem; + margin-bottom:0 +} +.card-text:last-child{ + margin-bottom:0 +} +.card-link:hover{ + text-decoration:none +} +.card-link+.card-link{ + margin-left:1.25rem +} +.card-header{ + padding:.75rem 1.25rem; + margin-bottom:0; + background-color:rgba(0,0,0,.03); + border-bottom:1px solid rgba(0,0,0,.125) +} +.card-header:first-child{ + border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0 +} +.card-footer{ + padding:.75rem 1.25rem; + background-color:rgba(0,0,0,.03); + border-top:1px solid rgba(0,0,0,.125) +} +.card-footer:last-child{ + border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px) +} +.card-header-tabs{ + margin-right:-0.625rem; + margin-bottom:-0.75rem; + margin-left:-0.625rem; + border-bottom:0 +} +.card-header-pills{ + margin-right:-0.625rem; + margin-left:-0.625rem +} +.card-img-overlay{ + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + padding:1.25rem; + border-radius:calc(.25rem - 1px) +} +.card-img,.card-img-bottom,.card-img-top{ + flex-shrink:0; + width:100% +} +.card-img,.card-img-top{ + border-top-left-radius:calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} +.card-img,.card-img-bottom{ + border-bottom-right-radius:calc(.25rem - 1px); + border-bottom-left-radius:calc(.25rem - 1px) +} +.card-deck .card{ + margin-bottom:15px +} +@media(min-width: 576px){ + .card-deck{ + display:flex; + flex-flow:row wrap; + margin-right:-15px; + margin-left:-15px + } + .card-deck .card{ + flex:1 0 0%; + margin-right:15px; + margin-bottom:0; + margin-left:15px + } +} +.card-group>.card{ + margin-bottom:15px +} +@media(min-width: 576px){ + .card-group{ + display:flex; + flex-flow:row wrap + } + .card-group>.card{ + flex:1 0 0%; + margin-bottom:0 + } + .card-group>.card+.card{ + margin-left:0; + border-left:0 + } + .card-group>.card:not(:last-child){ + border-top-right-radius:0; + border-bottom-right-radius:0 + } + .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{ + border-top-right-radius:0 + } + .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{ + border-bottom-right-radius:0 + } + .card-group>.card:not(:first-child){ + border-top-left-radius:0; + border-bottom-left-radius:0 + } + .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{ + border-top-left-radius:0 + } + .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{ + border-bottom-left-radius:0 + } +} +.card-columns .card{ + margin-bottom:.75rem +} +@media(min-width: 576px){ + .card-columns{ + -webkit-column-count:3; + column-count:3; + -webkit-column-gap:1.25rem; + column-gap:1.25rem; + orphans:1; + widows:1 + } + .card-columns .card{ + display:inline-block; + width:100% + } +} +.accordion{ + overflow-anchor:none +} +.accordion>.card{ + overflow:hidden +} +.accordion>.card:not(:last-of-type){ + border-bottom:0; + border-bottom-right-radius:0; + border-bottom-left-radius:0 +} +.accordion>.card:not(:first-of-type){ + border-top-left-radius:0; + border-top-right-radius:0 +} +.accordion>.card>.card-header{ + border-radius:0; + margin-bottom:-1px +} +.breadcrumb{ + display:flex; + flex-wrap:wrap; + padding:.75rem 1rem; + margin-bottom:1rem; + list-style:none; + background-color:#e9ecef; + border-radius:.25rem +} +.breadcrumb-item+.breadcrumb-item{ + padding-left:.5rem +} +.breadcrumb-item+.breadcrumb-item::before{ + float:left; + padding-right:.5rem; + color:#6c757d; + content:"/" +} +.breadcrumb-item+.breadcrumb-item:hover::before{ + text-decoration:underline +} +.breadcrumb-item+.breadcrumb-item:hover::before{ + text-decoration:none +} +.breadcrumb-item.active{ + color:#6c757d +} +.pagination{ + display:flex; + padding-left:0; + list-style:none; + border-radius:.25rem +} +.page-link{ + position:relative; + display:block; + padding:.5rem .75rem; + margin-left:-1px; + line-height:1.25; + color:#007bff; + background-color:#fff; + border:1px solid #dee2e6 +} +.page-link:hover{ + z-index:2; + color:#0056b3; + text-decoration:none; + background-color:#e9ecef; + border-color:#dee2e6 +} +.page-link:focus{ + z-index:3; + outline:0; + box-shadow:0 0 0 .2rem rgba(0,123,255,.25) +} +.page-item:first-child .page-link{ + margin-left:0; + border-top-left-radius:.25rem; + border-bottom-left-radius:.25rem +} +.page-item:last-child .page-link{ + border-top-right-radius:.25rem; + border-bottom-right-radius:.25rem +} +.page-item.active .page-link{ + z-index:3; + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.page-item.disabled .page-link{ + color:#6c757d; + pointer-events:none; + cursor:auto; + background-color:#fff; + border-color:#dee2e6 +} +.pagination-lg .page-link{ + padding:.75rem 1.5rem; + font-size:1.25rem; + line-height:1.5 +} +.pagination-lg .page-item:first-child .page-link{ + border-top-left-radius:.3rem; + border-bottom-left-radius:.3rem +} +.pagination-lg .page-item:last-child .page-link{ + border-top-right-radius:.3rem; + border-bottom-right-radius:.3rem +} +.pagination-sm .page-link{ + padding:.25rem .5rem; + font-size:.875rem; + line-height:1.5 +} +.pagination-sm .page-item:first-child .page-link{ + border-top-left-radius:.2rem; + border-bottom-left-radius:.2rem +} +.pagination-sm .page-item:last-child .page-link{ + border-top-right-radius:.2rem; + border-bottom-right-radius:.2rem +} +.badge{ + display:inline-block; + padding:.25em .4em; + font-size:75%; + font-weight:700; + line-height:1; + text-align:center; + white-space:nowrap; + vertical-align:baseline; + border-radius:.25rem; + transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .badge{ + transition:none + } +} +a.badge:focus,a.badge:hover{ + text-decoration:none +} +.badge:empty{ + display:none +} +.btn .badge{ + position:relative; + top:-1px +} +.badge-pill{ + padding-right:.6em; + padding-left:.6em; + border-radius:10rem +} +.badge-primary{ + color:#fff; + background-color:#007bff +} +a.badge-primary:focus,a.badge-primary:hover{ + color:#fff; + background-color:#0062cc +} +a.badge-primary.focus,a.badge-primary:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(0,123,255,.5) +} +.badge-secondary{ + color:#fff; + background-color:#6c757d +} +a.badge-secondary:focus,a.badge-secondary:hover{ + color:#fff; + background-color:#545b62 +} +a.badge-secondary.focus,a.badge-secondary:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(108,117,125,.5) +} +.badge-success{ + color:#fff; + background-color:#28a745 +} +a.badge-success:focus,a.badge-success:hover{ + color:#fff; + background-color:#1e7e34 +} +a.badge-success.focus,a.badge-success:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(40,167,69,.5) +} +.badge-info{ + color:#fff; + background-color:#17a2b8 +} +a.badge-info:focus,a.badge-info:hover{ + color:#fff; + background-color:#117a8b +} +a.badge-info.focus,a.badge-info:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(23,162,184,.5) +} +.badge-warning{ + color:#212529; + background-color:#ffc107 +} +a.badge-warning:focus,a.badge-warning:hover{ + color:#212529; + background-color:#d39e00 +} +a.badge-warning.focus,a.badge-warning:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(255,193,7,.5) +} +.badge-danger{ + color:#fff; + background-color:#dc3545 +} +a.badge-danger:focus,a.badge-danger:hover{ + color:#fff; + background-color:#bd2130 +} +a.badge-danger.focus,a.badge-danger:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(220,53,69,.5) +} +.badge-light{ + color:#212529; + background-color:#f8f9fa +} +a.badge-light:focus,a.badge-light:hover{ + color:#212529; + background-color:#dae0e5 +} +a.badge-light.focus,a.badge-light:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(248,249,250,.5) +} +.badge-dark{ + color:#fff; + background-color:#343a40 +} +a.badge-dark:focus,a.badge-dark:hover{ + color:#fff; + background-color:#1d2124 +} +a.badge-dark.focus,a.badge-dark:focus{ + outline:0; + box-shadow:0 0 0 .2rem rgba(52,58,64,.5) +} +.jumbotron{ + padding:2rem 1rem; + margin-bottom:2rem; + background-color:#e9ecef; + border-radius:.3rem +} +@media(min-width: 576px){ + .jumbotron{ + padding:4rem 2rem + } +} +.jumbotron-fluid{ + padding-right:0; + padding-left:0; + border-radius:0 +} +.alert{ + position:relative; + padding:.75rem 1.25rem; + margin-bottom:1rem; + border:1px solid transparent; + border-radius:.25rem +} +.alert-heading{ + color:inherit +} +.alert-link{ + font-weight:700 +} +.alert-dismissible{ + padding-right:4rem +} +.alert-dismissible .close{ + position:absolute; + top:0; + right:0; + z-index:2; + padding:.75rem 1.25rem; + color:inherit +} +.alert-primary{ + color:#004085; + background-color:#cce5ff; + border-color:#b8daff +} +.alert-primary hr{ + border-top-color:#9fcdff +} +.alert-primary .alert-link{ + color:#002752 +} +.alert-secondary{ + color:#383d41; + background-color:#e2e3e5; + border-color:#d6d8db +} +.alert-secondary hr{ + border-top-color:#c8cbcf +} +.alert-secondary .alert-link{ + color:#202326 +} +.alert-success{ + color:#155724; + background-color:#d4edda; + border-color:#c3e6cb +} +.alert-success hr{ + border-top-color:#b1dfbb +} +.alert-success .alert-link{ + color:#0b2e13 +} +.alert-info{ + color:#0c5460; + background-color:#d1ecf1; + border-color:#bee5eb +} +.alert-info hr{ + border-top-color:#abdde5 +} +.alert-info .alert-link{ + color:#062c33 +} +.alert-warning{ + color:#856404; + background-color:#fff3cd; + border-color:#ffeeba +} +.alert-warning hr{ + border-top-color:#ffe8a1 +} +.alert-warning .alert-link{ + color:#533f03 +} +.alert-danger{ + color:#721c24; + background-color:#f8d7da; + border-color:#f5c6cb +} +.alert-danger hr{ + border-top-color:#f1b0b7 +} +.alert-danger .alert-link{ + color:#491217 +} +.alert-light{ + color:#818182; + background-color:#fefefe; + border-color:#fdfdfe +} +.alert-light hr{ + border-top-color:#ececf6 +} +.alert-light .alert-link{ + color:#686868 +} +.alert-dark{ + color:#1b1e21; + background-color:#d6d8d9; + border-color:#c6c8ca +} +.alert-dark hr{ + border-top-color:#b9bbbe +} +.alert-dark .alert-link{ + color:#040505 +} +@-webkit-keyframes progress-bar-stripes{ + from{ + background-position:1rem 0 + } + to{ + background-position:0 0 + } +} +@keyframes progress-bar-stripes{ + from{ + background-position:1rem 0 + } + to{ + background-position:0 0 + } +} +.progress{ + display:flex; + height:1rem; + overflow:hidden; + line-height:0; + font-size:.75rem; + background-color:#e9ecef; + border-radius:.25rem +} +.progress-bar{ + display:flex; + flex-direction:column; + justify-content:center; + overflow:hidden; + color:#fff; + text-align:center; + white-space:nowrap; + background-color:#007bff; + transition:width .6s ease +} +@media(prefers-reduced-motion: reduce){ + .progress-bar{ + transition:none + } +} +.progress-bar-striped{ + background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size:1rem 1rem +} +.progress-bar-animated{ + -webkit-animation:1s linear infinite progress-bar-stripes; + animation:1s linear infinite progress-bar-stripes +} +@media(prefers-reduced-motion: reduce){ + .progress-bar-animated{ + -webkit-animation:none; + animation:none + } +} +.media{ + display:flex; + align-items:flex-start +} +.media-body{ + flex:1 +} +.list-group{ + display:flex; + flex-direction:column; + padding-left:0; + margin-bottom:0; + border-radius:.25rem +} +.list-group-item-action{ + width:100%; + color:#495057; + text-align:inherit +} +.list-group-item-action:focus,.list-group-item-action:hover{ + z-index:1; + color:#495057; + text-decoration:none; + background-color:#f8f9fa +} +.list-group-item-action:active{ + color:#212529; + background-color:#e9ecef +} +.list-group-item{ + position:relative; + display:block; + padding:.75rem 1.25rem; + background-color:#fff; + border:1px solid rgba(0,0,0,.125) +} +.list-group-item:first-child{ + border-top-left-radius:inherit; + border-top-right-radius:inherit +} +.list-group-item:last-child{ + border-bottom-right-radius:inherit; + border-bottom-left-radius:inherit +} +.list-group-item.disabled,.list-group-item:disabled{ + color:#6c757d; + pointer-events:none; + background-color:#fff +} +.list-group-item.active{ + z-index:2; + color:#fff; + background-color:#007bff; + border-color:#007bff +} +.list-group-item+.list-group-item{ + border-top-width:0 +} +.list-group-item+.list-group-item.active{ + margin-top:-1px; + border-top-width:1px +} +.list-group-horizontal{ + flex-direction:row +} +.list-group-horizontal>.list-group-item:first-child{ + border-bottom-left-radius:.25rem; + border-top-right-radius:0 +} +.list-group-horizontal>.list-group-item:last-child{ + border-top-right-radius:.25rem; + border-bottom-left-radius:0 +} +.list-group-horizontal>.list-group-item.active{ + margin-top:0 +} +.list-group-horizontal>.list-group-item+.list-group-item{ + border-top-width:1px; + border-left-width:0 +} +.list-group-horizontal>.list-group-item+.list-group-item.active{ + margin-left:-1px; + border-left-width:1px +} +@media(min-width: 576px){ + .list-group-horizontal-sm{ + flex-direction:row + } + .list-group-horizontal-sm>.list-group-item:first-child{ + border-bottom-left-radius:.25rem; + border-top-right-radius:0 + } + .list-group-horizontal-sm>.list-group-item:last-child{ + border-top-right-radius:.25rem; + border-bottom-left-radius:0 + } + .list-group-horizontal-sm>.list-group-item.active{ + margin-top:0 + } + .list-group-horizontal-sm>.list-group-item+.list-group-item{ + border-top-width:1px; + border-left-width:0 + } + .list-group-horizontal-sm>.list-group-item+.list-group-item.active{ + margin-left:-1px; + border-left-width:1px + } +} +@media(min-width: 768px){ + .list-group-horizontal-md{ + flex-direction:row + } + .list-group-horizontal-md>.list-group-item:first-child{ + border-bottom-left-radius:.25rem; + border-top-right-radius:0 + } + .list-group-horizontal-md>.list-group-item:last-child{ + border-top-right-radius:.25rem; + border-bottom-left-radius:0 + } + .list-group-horizontal-md>.list-group-item.active{ + margin-top:0 + } + .list-group-horizontal-md>.list-group-item+.list-group-item{ + border-top-width:1px; + border-left-width:0 + } + .list-group-horizontal-md>.list-group-item+.list-group-item.active{ + margin-left:-1px; + border-left-width:1px + } +} +@media(min-width: 992px){ + .list-group-horizontal-lg{ + flex-direction:row + } + .list-group-horizontal-lg>.list-group-item:first-child{ + border-bottom-left-radius:.25rem; + border-top-right-radius:0 + } + .list-group-horizontal-lg>.list-group-item:last-child{ + border-top-right-radius:.25rem; + border-bottom-left-radius:0 + } + .list-group-horizontal-lg>.list-group-item.active{ + margin-top:0 + } + .list-group-horizontal-lg>.list-group-item+.list-group-item{ + border-top-width:1px; + border-left-width:0 + } + .list-group-horizontal-lg>.list-group-item+.list-group-item.active{ + margin-left:-1px; + border-left-width:1px + } +} +@media(min-width: 1200px){ + .list-group-horizontal-xl{ + flex-direction:row + } + .list-group-horizontal-xl>.list-group-item:first-child{ + border-bottom-left-radius:.25rem; + border-top-right-radius:0 + } + .list-group-horizontal-xl>.list-group-item:last-child{ + border-top-right-radius:.25rem; + border-bottom-left-radius:0 + } + .list-group-horizontal-xl>.list-group-item.active{ + margin-top:0 + } + .list-group-horizontal-xl>.list-group-item+.list-group-item{ + border-top-width:1px; + border-left-width:0 + } + .list-group-horizontal-xl>.list-group-item+.list-group-item.active{ + margin-left:-1px; + border-left-width:1px + } +} +.list-group-flush{ + border-radius:0 +} +.list-group-flush>.list-group-item{ + border-width:0 0 1px +} +.list-group-flush>.list-group-item:last-child{ + border-bottom-width:0 +} +.list-group-item-primary{ + color:#004085; + background-color:#b8daff +} +.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{ + color:#004085; + background-color:#9fcdff +} +.list-group-item-primary.list-group-item-action.active{ + color:#fff; + background-color:#004085; + border-color:#004085 +} +.list-group-item-secondary{ + color:#383d41; + background-color:#d6d8db +} +.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{ + color:#383d41; + background-color:#c8cbcf +} +.list-group-item-secondary.list-group-item-action.active{ + color:#fff; + background-color:#383d41; + border-color:#383d41 +} +.list-group-item-success{ + color:#155724; + background-color:#c3e6cb +} +.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{ + color:#155724; + background-color:#b1dfbb +} +.list-group-item-success.list-group-item-action.active{ + color:#fff; + background-color:#155724; + border-color:#155724 +} +.list-group-item-info{ + color:#0c5460; + background-color:#bee5eb +} +.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{ + color:#0c5460; + background-color:#abdde5 +} +.list-group-item-info.list-group-item-action.active{ + color:#fff; + background-color:#0c5460; + border-color:#0c5460 +} +.list-group-item-warning{ + color:#856404; + background-color:#ffeeba +} +.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{ + color:#856404; + background-color:#ffe8a1 +} +.list-group-item-warning.list-group-item-action.active{ + color:#fff; + background-color:#856404; + border-color:#856404 +} +.list-group-item-danger{ + color:#721c24; + background-color:#f5c6cb +} +.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{ + color:#721c24; + background-color:#f1b0b7 +} +.list-group-item-danger.list-group-item-action.active{ + color:#fff; + background-color:#721c24; + border-color:#721c24 +} +.list-group-item-light{ + color:#818182; + background-color:#fdfdfe +} +.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{ + color:#818182; + background-color:#ececf6 +} +.list-group-item-light.list-group-item-action.active{ + color:#fff; + background-color:#818182; + border-color:#818182 +} +.list-group-item-dark{ + color:#1b1e21; + background-color:#c6c8ca +} +.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{ + color:#1b1e21; + background-color:#b9bbbe +} +.list-group-item-dark.list-group-item-action.active{ + color:#fff; + background-color:#1b1e21; + border-color:#1b1e21 +} +.close{ + float:right; + font-size:1.5rem; + font-weight:700; + line-height:1; + color:#000; + text-shadow:0 1px 0 #fff; + opacity:.5 +} +.close:hover{ + color:#000; + text-decoration:none +} +.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{ + opacity:.75 +} +button.close{ + padding:0; + background-color:transparent; + border:0 +} +a.close.disabled{ + pointer-events:none +} +.toast{ + flex-basis:350px; + max-width:350px; + font-size:.875rem; + background-color:rgba(255,255,255,.85); + background-clip:padding-box; + border:1px solid rgba(0,0,0,.1); + box-shadow:0 .25rem .75rem rgba(0,0,0,.1); + opacity:0; + border-radius:.25rem +} +.toast:not(:last-child){ + margin-bottom:.75rem +} +.toast.showing{ + opacity:1 +} +.toast.show{ + display:block; + opacity:1 +} +.toast.hide{ + display:none +} +.toast-header{ + display:flex; + align-items:center; + padding:.25rem .75rem; + color:#6c757d; + background-color:rgba(255,255,255,.85); + background-clip:padding-box; + border-bottom:1px solid rgba(0,0,0,.05); + border-top-left-radius:calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} +.toast-body{ + padding:.75rem +} +.modal-open{ + overflow:hidden +} +.modal-open .modal{ + overflow-x:hidden; + overflow-y:auto +} +.modal{ + position:fixed; + top:0; + left:0; + z-index:1050; + display:none; + width:100%; + height:100%; + overflow:hidden; + outline:0 +} +.modal-dialog{ + position:relative; + width:auto; + margin:.5rem; + pointer-events:none +} +.modal.fade .modal-dialog{ + transition:-webkit-transform .3s ease-out; + transition:transform .3s ease-out; + transition:transform .3s ease-out,-webkit-transform .3s ease-out; + transition:transform .3s ease-out,-webkit-transform .3s ease-out; + -webkit-transform:translate(0, -50px); + transform:translate(0, -50px) +} +@media(prefers-reduced-motion: reduce){ + .modal.fade .modal-dialog{ + transition:none + } +} +.modal.show .modal-dialog{ + -webkit-transform:none; + transform:none +} +.modal.modal-static .modal-dialog{ + -webkit-transform:scale(1.02); + transform:scale(1.02) +} +.modal-dialog-scrollable{ + display:flex; + max-height:calc(100% - 1rem) +} +.modal-dialog-scrollable .modal-content{ + max-height:calc(100vh - 1rem); + overflow:hidden +} +.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{ + flex-shrink:0 +} +.modal-dialog-scrollable .modal-body{ + overflow-y:auto +} +.modal-dialog-centered{ + display:flex; + align-items:center; + min-height:calc(100% - 1rem) +} +.modal-dialog-centered::before{ + display:block; + height:calc(100vh - 1rem); + height:-webkit-min-content; + height:min-content; + content:"" +} +.modal-dialog-centered.modal-dialog-scrollable{ + flex-direction:column; + justify-content:center; + height:100% +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content{ + max-height:none +} +.modal-dialog-centered.modal-dialog-scrollable::before{ + content:none +} +.modal-content{ + position:relative; + display:flex; + flex-direction:column; + width:100%; + pointer-events:auto; + background-color:#fff; + background-clip:padding-box; + border:1px solid rgba(0,0,0,.2); + border-radius:.3rem; + outline:0 +} +.modal-backdrop{ + position:fixed; + top:0; + left:0; + z-index:1040; + width:100vw; + height:100vh; + background-color:#000 +} +.modal-backdrop.fade{ + opacity:0 +} +.modal-backdrop.show{ + opacity:.5 +} +.modal-header{ + display:flex; + align-items:flex-start; + justify-content:space-between; + padding:1rem 1rem; + border-bottom:1px solid #dee2e6; + border-top-left-radius:calc(.3rem - 1px); + border-top-right-radius:calc(.3rem - 1px) +} +.modal-header .close{ + padding:1rem 1rem; + margin:-1rem -1rem -1rem auto +} +.modal-title{ + margin-bottom:0; + line-height:1.5 +} +.modal-body{ + position:relative; + flex:1 1 auto; + padding:1rem +} +.modal-footer{ + display:flex; + flex-wrap:wrap; + align-items:center; + justify-content:flex-end; + padding:.75rem; + border-top:1px solid #dee2e6; + border-bottom-right-radius:calc(.3rem - 1px); + border-bottom-left-radius:calc(.3rem - 1px) +} +.modal-footer>*{ + margin:.25rem +} +.modal-scrollbar-measure{ + position:absolute; + top:-9999px; + width:50px; + height:50px; + overflow:scroll +} +@media(min-width: 576px){ + .modal-dialog{ + max-width:500px; + margin:1.75rem auto + } + .modal-dialog-scrollable{ + max-height:calc(100% - 3.5rem) + } + .modal-dialog-scrollable .modal-content{ + max-height:calc(100vh - 3.5rem) + } + .modal-dialog-centered{ + min-height:calc(100% - 3.5rem) + } + .modal-dialog-centered::before{ + height:calc(100vh - 3.5rem); + height:-webkit-min-content; + height:min-content + } + .modal-sm{ + max-width:300px + } +} +@media(min-width: 992px){ + .modal-lg,.modal-xl{ + max-width:800px + } +} +@media(min-width: 1200px){ + .modal-xl{ + max-width:1140px + } +} +.tooltip{ + position:absolute; + z-index:1070; + display:block; + margin:0; + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + font-style:normal; + font-weight:400; + line-height:1.5; + text-align:left; + text-align:start; + text-decoration:none; + text-shadow:none; + text-transform:none; + letter-spacing:normal; + word-break:normal; + word-spacing:normal; + white-space:normal; + line-break:auto; + font-size:.875rem; + word-wrap:break-word; + opacity:0 +} +.tooltip.show{ + opacity:.9 +} +.tooltip .arrow{ + position:absolute; + display:block; + width:.8rem; + height:.4rem +} +.tooltip .arrow::before{ + position:absolute; + content:""; + border-color:transparent; + border-style:solid +} +.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{ + padding:.4rem 0 +} +.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{ + bottom:0 +} +.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{ + top:0; + border-width:.4rem .4rem 0; + border-top-color:#000 +} +.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{ + padding:0 .4rem +} +.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{ + left:0; + width:.4rem; + height:.8rem +} +.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{ + right:0; + border-width:.4rem .4rem .4rem 0; + border-right-color:#000 +} +.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{ + padding:.4rem 0 +} +.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{ + top:0 +} +.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{ + bottom:0; + border-width:0 .4rem .4rem; + border-bottom-color:#000 +} +.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{ + padding:0 .4rem +} +.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{ + right:0; + width:.4rem; + height:.8rem +} +.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{ + left:0; + border-width:.4rem 0 .4rem .4rem; + border-left-color:#000 +} +.tooltip-inner{ + max-width:200px; + padding:.25rem .5rem; + color:#fff; + text-align:center; + background-color:#000; + border-radius:.25rem +} +.popover{ + position:absolute; + top:0; + left:0; + z-index:1060; + display:block; + max-width:276px; + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + font-style:normal; + font-weight:400; + line-height:1.5; + text-align:left; + text-align:start; + text-decoration:none; + text-shadow:none; + text-transform:none; + letter-spacing:normal; + word-break:normal; + word-spacing:normal; + white-space:normal; + line-break:auto; + font-size:.875rem; + word-wrap:break-word; + background-color:#fff; + background-clip:padding-box; + border:1px solid rgba(0,0,0,.2); + border-radius:.3rem +} +.popover .arrow{ + position:absolute; + display:block; + width:1rem; + height:.5rem; + margin:0 .3rem +} +.popover .arrow::after,.popover .arrow::before{ + position:absolute; + display:block; + content:""; + border-color:transparent; + border-style:solid +} +.bs-popover-auto[x-placement^=top],.bs-popover-top{ + margin-bottom:.5rem +} +.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{ + bottom:calc(-.5rem - 1px) +} +.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{ + bottom:0; + border-width:.5rem .5rem 0; + border-top-color:rgba(0,0,0,.25) +} +.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{ + bottom:1px; + border-width:.5rem .5rem 0; + border-top-color:#fff +} +.bs-popover-auto[x-placement^=right],.bs-popover-right{ + margin-left:.5rem +} +.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{ + left:calc(-.5rem - 1px); + width:.5rem; + height:1rem; + margin:.3rem 0 +} +.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{ + left:0; + border-width:.5rem .5rem .5rem 0; + border-right-color:rgba(0,0,0,.25) +} +.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{ + left:1px; + border-width:.5rem .5rem .5rem 0; + border-right-color:#fff +} +.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{ + margin-top:.5rem +} +.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{ + top:calc(-.5rem - 1px) +} +.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{ + top:0; + border-width:0 .5rem .5rem .5rem; + border-bottom-color:rgba(0,0,0,.25) +} +.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{ + top:1px; + border-width:0 .5rem .5rem .5rem; + border-bottom-color:#fff +} +.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{ + position:absolute; + top:0; + left:50%; + display:block; + width:1rem; + margin-left:-0.5rem; + content:""; + border-bottom:1px solid #f7f7f7 +} +.bs-popover-auto[x-placement^=left],.bs-popover-left{ + margin-right:.5rem +} +.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{ + right:calc(-.5rem - 1px); + width:.5rem; + height:1rem; + margin:.3rem 0 +} +.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{ + right:0; + border-width:.5rem 0 .5rem .5rem; + border-left-color:rgba(0,0,0,.25) +} +.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{ + right:1px; + border-width:.5rem 0 .5rem .5rem; + border-left-color:#fff +} +.popover-header{ + padding:.5rem .75rem; + margin-bottom:0; + font-size:1rem; + background-color:#f7f7f7; + border-bottom:1px solid #ebebeb; + border-top-left-radius:calc(.3rem - 1px); + border-top-right-radius:calc(.3rem - 1px) +} +.popover-header:empty{ + display:none +} +.popover-body{ + padding:.5rem .75rem; + color:#212529 +} +.carousel{ + position:relative +} +.carousel.pointer-event{ + touch-action:pan-y +} +.carousel-inner{ + position:relative; + width:100%; + overflow:hidden +} +.carousel-inner::after{ + display:block; + clear:both; + content:"" +} +.carousel-item{ + position:relative; + display:none; + float:left; + width:100%; + margin-right:-100%; + -webkit-backface-visibility:hidden; + backface-visibility:hidden; + transition:-webkit-transform .6s ease-in-out; + transition:transform .6s ease-in-out; + transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out; + transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out +} +@media(prefers-reduced-motion: reduce){ + .carousel-item{ + transition:none + } +} +.carousel-item-next,.carousel-item-prev,.carousel-item.active{ + display:block +} +.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){ + -webkit-transform:translateX(100%); + transform:translateX(100%) +} +.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){ + -webkit-transform:translateX(-100%); + transform:translateX(-100%) +} +.carousel-fade .carousel-item{ + opacity:0; + transition-property:opacity; + -webkit-transform:none; + transform:none +} +.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{ + z-index:1; + opacity:1 +} +.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{ + z-index:0; + opacity:0; + transition:opacity 0s .6s +} +@media(prefers-reduced-motion: reduce){ + .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{ + transition:none + } +} +.carousel-control-next,.carousel-control-prev{ + position:absolute; + top:0; + bottom:0; + z-index:1; + display:flex; + align-items:center; + justify-content:center; + width:15%; + color:#fff; + text-align:center; + opacity:.5; + transition:opacity .15s ease +} +@media(prefers-reduced-motion: reduce){ + .carousel-control-next,.carousel-control-prev{ + transition:none + } +} +.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{ + color:#fff; + text-decoration:none; + outline:0; + opacity:.9 +} +.carousel-control-prev{ + left:0 +} +.carousel-control-next{ + right:0 +} +.carousel-control-next-icon,.carousel-control-prev-icon{ + display:inline-block; + width:20px; + height:20px; + background:50%/100% 100% no-repeat +} +.carousel-control-prev-icon{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") +} +.carousel-control-next-icon{ + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") +} +.carousel-indicators{ + position:absolute; + right:0; + bottom:0; + left:0; + z-index:15; + display:flex; + justify-content:center; + padding-left:0; + margin-right:15%; + margin-left:15%; + list-style:none +} +.carousel-indicators li{ + box-sizing:content-box; + flex:0 1 auto; + width:30px; + height:3px; + margin-right:3px; + margin-left:3px; + text-indent:-999px; + cursor:pointer; + background-color:#fff; + background-clip:padding-box; + border-top:10px solid transparent; + border-bottom:10px solid transparent; + opacity:.5; + transition:opacity .6s ease +} +@media(prefers-reduced-motion: reduce){ + .carousel-indicators li{ + transition:none + } +} +.carousel-indicators .active{ + opacity:1 +} +.carousel-caption{ + position:absolute; + right:15%; + bottom:20px; + left:15%; + z-index:10; + padding-top:20px; + padding-bottom:20px; + color:#fff; + text-align:center +} +@-webkit-keyframes spinner-border{ + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +@keyframes spinner-border{ + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +.spinner-border{ + display:inline-block; + width:2rem; + height:2rem; + vertical-align:text-bottom; + border:.25em solid currentColor; + border-right-color:transparent; + border-radius:50%; + -webkit-animation:.75s linear infinite spinner-border; + animation:.75s linear infinite spinner-border +} +.spinner-border-sm{ + width:1rem; + height:1rem; + border-width:.2em +} +@-webkit-keyframes spinner-grow{ + 0%{ + -webkit-transform:scale(0); + transform:scale(0) + } + 50%{ + opacity:1; + -webkit-transform:none; + transform:none + } +} +@keyframes spinner-grow{ + 0%{ + -webkit-transform:scale(0); + transform:scale(0) + } + 50%{ + opacity:1; + -webkit-transform:none; + transform:none + } +} +.spinner-grow{ + display:inline-block; + width:2rem; + height:2rem; + vertical-align:text-bottom; + background-color:currentColor; + border-radius:50%; + opacity:0; + -webkit-animation:.75s linear infinite spinner-grow; + animation:.75s linear infinite spinner-grow +} +.spinner-grow-sm{ + width:1rem; + height:1rem +} +@media(prefers-reduced-motion: reduce){ + .spinner-border,.spinner-grow{ + -webkit-animation-duration:1.5s; + animation-duration:1.5s + } +} +.align-baseline{ + vertical-align:baseline !important +} +.align-top{ + vertical-align:top !important +} +.align-middle{ + vertical-align:middle !important +} +.align-bottom{ + vertical-align:bottom !important +} +.align-text-bottom{ + vertical-align:text-bottom !important +} +.align-text-top{ + vertical-align:text-top !important +} +.bg-primary{ + background-color:#007bff !important +} +a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{ + background-color:#0062cc !important +} +.bg-secondary{ + background-color:#6c757d !important +} +a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{ + background-color:#545b62 !important +} +.bg-success{ + background-color:#28a745 !important +} +a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{ + background-color:#1e7e34 !important +} +.bg-info{ + background-color:#17a2b8 !important +} +a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{ + background-color:#117a8b !important +} +.bg-warning{ + background-color:#ffc107 !important +} +a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{ + background-color:#d39e00 !important +} +.bg-danger{ + background-color:#dc3545 !important +} +a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{ + background-color:#bd2130 !important +} +.bg-light{ + background-color:#f8f9fa !important +} +a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{ + background-color:#dae0e5 !important +} +.bg-dark{ + background-color:#343a40 !important +} +a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{ + background-color:#1d2124 !important +} +.bg-white{ + background-color:#fff !important +} +.bg-transparent{ + background-color:transparent !important +} +.border{ + border:1px solid #dee2e6 !important +} +.border-top{ + border-top:1px solid #dee2e6 !important +} +.border-right{ + border-right:1px solid #dee2e6 !important +} +.border-bottom{ + border-bottom:1px solid #dee2e6 !important +} +.border-left{ + border-left:1px solid #dee2e6 !important +} +.border-0{ + border:0 !important +} +.border-top-0{ + border-top:0 !important +} +.border-right-0{ + border-right:0 !important +} +.border-bottom-0{ + border-bottom:0 !important +} +.border-left-0{ + border-left:0 !important +} +.border-primary{ + border-color:#007bff !important +} +.border-secondary{ + border-color:#6c757d !important +} +.border-success{ + border-color:#28a745 !important +} +.border-info{ + border-color:#17a2b8 !important +} +.border-warning{ + border-color:#ffc107 !important +} +.border-danger{ + border-color:#dc3545 !important +} +.border-light{ + border-color:#f8f9fa !important +} +.border-dark{ + border-color:#343a40 !important +} +.border-white{ + border-color:#fff !important +} +.rounded-sm{ + border-radius:.2rem !important +} +.rounded{ + border-radius:.25rem !important +} +.rounded-top{ + border-top-left-radius:.25rem !important; + border-top-right-radius:.25rem !important +} +.rounded-right{ + border-top-right-radius:.25rem !important; + border-bottom-right-radius:.25rem !important +} +.rounded-bottom{ + border-bottom-right-radius:.25rem !important; + border-bottom-left-radius:.25rem !important +} +.rounded-left{ + border-top-left-radius:.25rem !important; + border-bottom-left-radius:.25rem !important +} +.rounded-lg{ + border-radius:.3rem !important +} +.rounded-circle{ + border-radius:50% !important +} +.rounded-pill{ + border-radius:50rem !important +} +.rounded-0{ + border-radius:0 !important +} +.clearfix::after{ + display:block; + clear:both; + content:"" +} +.d-none{ + display:none !important +} +.d-inline{ + display:inline !important +} +.d-inline-block{ + display:inline-block !important +} +.d-block{ + display:block !important +} +.d-table{ + display:table !important +} +.d-table-row{ + display:table-row !important +} +.d-table-cell{ + display:table-cell !important +} +.d-flex{ + display:flex !important +} +.d-inline-flex{ + display:inline-flex !important +} +@media(min-width: 576px){ + .d-sm-none{ + display:none !important + } + .d-sm-inline{ + display:inline !important + } + .d-sm-inline-block{ + display:inline-block !important + } + .d-sm-block{ + display:block !important + } + .d-sm-table{ + display:table !important + } + .d-sm-table-row{ + display:table-row !important + } + .d-sm-table-cell{ + display:table-cell !important + } + .d-sm-flex{ + display:flex !important + } + .d-sm-inline-flex{ + display:inline-flex !important + } +} +@media(min-width: 768px){ + .d-md-none{ + display:none !important + } + .d-md-inline{ + display:inline !important + } + .d-md-inline-block{ + display:inline-block !important + } + .d-md-block{ + display:block !important + } + .d-md-table{ + display:table !important + } + .d-md-table-row{ + display:table-row !important + } + .d-md-table-cell{ + display:table-cell !important + } + .d-md-flex{ + display:flex !important + } + .d-md-inline-flex{ + display:inline-flex !important + } +} +@media(min-width: 992px){ + .d-lg-none{ + display:none !important + } + .d-lg-inline{ + display:inline !important + } + .d-lg-inline-block{ + display:inline-block !important + } + .d-lg-block{ + display:block !important + } + .d-lg-table{ + display:table !important + } + .d-lg-table-row{ + display:table-row !important + } + .d-lg-table-cell{ + display:table-cell !important + } + .d-lg-flex{ + display:flex !important + } + .d-lg-inline-flex{ + display:inline-flex !important + } +} +@media(min-width: 1200px){ + .d-xl-none{ + display:none !important + } + .d-xl-inline{ + display:inline !important + } + .d-xl-inline-block{ + display:inline-block !important + } + .d-xl-block{ + display:block !important + } + .d-xl-table{ + display:table !important + } + .d-xl-table-row{ + display:table-row !important + } + .d-xl-table-cell{ + display:table-cell !important + } + .d-xl-flex{ + display:flex !important + } + .d-xl-inline-flex{ + display:inline-flex !important + } +} +@media print{ + .d-print-none{ + display:none !important + } + .d-print-inline{ + display:inline !important + } + .d-print-inline-block{ + display:inline-block !important + } + .d-print-block{ + display:block !important + } + .d-print-table{ + display:table !important + } + .d-print-table-row{ + display:table-row !important + } + .d-print-table-cell{ + display:table-cell !important + } + .d-print-flex{ + display:flex !important + } + .d-print-inline-flex{ + display:inline-flex !important + } +} +.embed-responsive{ + position:relative; + display:block; + width:100%; + padding:0; + overflow:hidden +} +.embed-responsive::before{ + display:block; + content:"" +} +.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{ + position:absolute; + top:0; + bottom:0; + left:0; + width:100%; + height:100%; + border:0 +} +.embed-responsive-21by9::before{ + padding-top:42.857143% +} +.embed-responsive-16by9::before{ + padding-top:56.25% +} +.embed-responsive-4by3::before{ + padding-top:75% +} +.embed-responsive-1by1::before{ + padding-top:100% +} +.flex-row{ + flex-direction:row !important +} +.flex-column{ + flex-direction:column !important +} +.flex-row-reverse{ + flex-direction:row-reverse !important +} +.flex-column-reverse{ + flex-direction:column-reverse !important +} +.flex-wrap{ + flex-wrap:wrap !important +} +.flex-nowrap{ + flex-wrap:nowrap !important +} +.flex-wrap-reverse{ + flex-wrap:wrap-reverse !important +} +.flex-fill{ + flex:1 1 auto !important +} +.flex-grow-0{ + flex-grow:0 !important +} +.flex-grow-1{ + flex-grow:1 !important +} +.flex-shrink-0{ + flex-shrink:0 !important +} +.flex-shrink-1{ + flex-shrink:1 !important +} +.justify-content-start{ + justify-content:flex-start !important +} +.justify-content-end{ + justify-content:flex-end !important +} +.justify-content-center{ + justify-content:center !important +} +.justify-content-between{ + justify-content:space-between !important +} +.justify-content-around{ + justify-content:space-around !important +} +.align-items-start{ + align-items:flex-start !important +} +.align-items-end{ + align-items:flex-end !important +} +.align-items-center{ + align-items:center !important +} +.align-items-baseline{ + align-items:baseline !important +} +.align-items-stretch{ + align-items:stretch !important +} +.align-content-start{ + align-content:flex-start !important +} +.align-content-end{ + align-content:flex-end !important +} +.align-content-center{ + align-content:center !important +} +.align-content-between{ + align-content:space-between !important +} +.align-content-around{ + align-content:space-around !important +} +.align-content-stretch{ + align-content:stretch !important +} +.align-self-auto{ + align-self:auto !important +} +.align-self-start{ + align-self:flex-start !important +} +.align-self-end{ + align-self:flex-end !important +} +.align-self-center{ + align-self:center !important +} +.align-self-baseline{ + align-self:baseline !important +} +.align-self-stretch{ + align-self:stretch !important +} +@media(min-width: 576px){ + .flex-sm-row{ + flex-direction:row !important + } + .flex-sm-column{ + flex-direction:column !important + } + .flex-sm-row-reverse{ + flex-direction:row-reverse !important + } + .flex-sm-column-reverse{ + flex-direction:column-reverse !important + } + .flex-sm-wrap{ + flex-wrap:wrap !important + } + .flex-sm-nowrap{ + flex-wrap:nowrap !important + } + .flex-sm-wrap-reverse{ + flex-wrap:wrap-reverse !important + } + .flex-sm-fill{ + flex:1 1 auto !important + } + .flex-sm-grow-0{ + flex-grow:0 !important + } + .flex-sm-grow-1{ + flex-grow:1 !important + } + .flex-sm-shrink-0{ + flex-shrink:0 !important + } + .flex-sm-shrink-1{ + flex-shrink:1 !important + } + .justify-content-sm-start{ + justify-content:flex-start !important + } + .justify-content-sm-end{ + justify-content:flex-end !important + } + .justify-content-sm-center{ + justify-content:center !important + } + .justify-content-sm-between{ + justify-content:space-between !important + } + .justify-content-sm-around{ + justify-content:space-around !important + } + .align-items-sm-start{ + align-items:flex-start !important + } + .align-items-sm-end{ + align-items:flex-end !important + } + .align-items-sm-center{ + align-items:center !important + } + .align-items-sm-baseline{ + align-items:baseline !important + } + .align-items-sm-stretch{ + align-items:stretch !important + } + .align-content-sm-start{ + align-content:flex-start !important + } + .align-content-sm-end{ + align-content:flex-end !important + } + .align-content-sm-center{ + align-content:center !important + } + .align-content-sm-between{ + align-content:space-between !important + } + .align-content-sm-around{ + align-content:space-around !important + } + .align-content-sm-stretch{ + align-content:stretch !important + } + .align-self-sm-auto{ + align-self:auto !important + } + .align-self-sm-start{ + align-self:flex-start !important + } + .align-self-sm-end{ + align-self:flex-end !important + } + .align-self-sm-center{ + align-self:center !important + } + .align-self-sm-baseline{ + align-self:baseline !important + } + .align-self-sm-stretch{ + align-self:stretch !important + } +} +@media(min-width: 768px){ + .flex-md-row{ + flex-direction:row !important + } + .flex-md-column{ + flex-direction:column !important + } + .flex-md-row-reverse{ + flex-direction:row-reverse !important + } + .flex-md-column-reverse{ + flex-direction:column-reverse !important + } + .flex-md-wrap{ + flex-wrap:wrap !important + } + .flex-md-nowrap{ + flex-wrap:nowrap !important + } + .flex-md-wrap-reverse{ + flex-wrap:wrap-reverse !important + } + .flex-md-fill{ + flex:1 1 auto !important + } + .flex-md-grow-0{ + flex-grow:0 !important + } + .flex-md-grow-1{ + flex-grow:1 !important + } + .flex-md-shrink-0{ + flex-shrink:0 !important + } + .flex-md-shrink-1{ + flex-shrink:1 !important + } + .justify-content-md-start{ + justify-content:flex-start !important + } + .justify-content-md-end{ + justify-content:flex-end !important + } + .justify-content-md-center{ + justify-content:center !important + } + .justify-content-md-between{ + justify-content:space-between !important + } + .justify-content-md-around{ + justify-content:space-around !important + } + .align-items-md-start{ + align-items:flex-start !important + } + .align-items-md-end{ + align-items:flex-end !important + } + .align-items-md-center{ + align-items:center !important + } + .align-items-md-baseline{ + align-items:baseline !important + } + .align-items-md-stretch{ + align-items:stretch !important + } + .align-content-md-start{ + align-content:flex-start !important + } + .align-content-md-end{ + align-content:flex-end !important + } + .align-content-md-center{ + align-content:center !important + } + .align-content-md-between{ + align-content:space-between !important + } + .align-content-md-around{ + align-content:space-around !important + } + .align-content-md-stretch{ + align-content:stretch !important + } + .align-self-md-auto{ + align-self:auto !important + } + .align-self-md-start{ + align-self:flex-start !important + } + .align-self-md-end{ + align-self:flex-end !important + } + .align-self-md-center{ + align-self:center !important + } + .align-self-md-baseline{ + align-self:baseline !important + } + .align-self-md-stretch{ + align-self:stretch !important + } +} +@media(min-width: 992px){ + .flex-lg-row{ + flex-direction:row !important + } + .flex-lg-column{ + flex-direction:column !important + } + .flex-lg-row-reverse{ + flex-direction:row-reverse !important + } + .flex-lg-column-reverse{ + flex-direction:column-reverse !important + } + .flex-lg-wrap{ + flex-wrap:wrap !important + } + .flex-lg-nowrap{ + flex-wrap:nowrap !important + } + .flex-lg-wrap-reverse{ + flex-wrap:wrap-reverse !important + } + .flex-lg-fill{ + flex:1 1 auto !important + } + .flex-lg-grow-0{ + flex-grow:0 !important + } + .flex-lg-grow-1{ + flex-grow:1 !important + } + .flex-lg-shrink-0{ + flex-shrink:0 !important + } + .flex-lg-shrink-1{ + flex-shrink:1 !important + } + .justify-content-lg-start{ + justify-content:flex-start !important + } + .justify-content-lg-end{ + justify-content:flex-end !important + } + .justify-content-lg-center{ + justify-content:center !important + } + .justify-content-lg-between{ + justify-content:space-between !important + } + .justify-content-lg-around{ + justify-content:space-around !important + } + .align-items-lg-start{ + align-items:flex-start !important + } + .align-items-lg-end{ + align-items:flex-end !important + } + .align-items-lg-center{ + align-items:center !important + } + .align-items-lg-baseline{ + align-items:baseline !important + } + .align-items-lg-stretch{ + align-items:stretch !important + } + .align-content-lg-start{ + align-content:flex-start !important + } + .align-content-lg-end{ + align-content:flex-end !important + } + .align-content-lg-center{ + align-content:center !important + } + .align-content-lg-between{ + align-content:space-between !important + } + .align-content-lg-around{ + align-content:space-around !important + } + .align-content-lg-stretch{ + align-content:stretch !important + } + .align-self-lg-auto{ + align-self:auto !important + } + .align-self-lg-start{ + align-self:flex-start !important + } + .align-self-lg-end{ + align-self:flex-end !important + } + .align-self-lg-center{ + align-self:center !important + } + .align-self-lg-baseline{ + align-self:baseline !important + } + .align-self-lg-stretch{ + align-self:stretch !important + } +} +@media(min-width: 1200px){ + .flex-xl-row{ + flex-direction:row !important + } + .flex-xl-column{ + flex-direction:column !important + } + .flex-xl-row-reverse{ + flex-direction:row-reverse !important + } + .flex-xl-column-reverse{ + flex-direction:column-reverse !important + } + .flex-xl-wrap{ + flex-wrap:wrap !important + } + .flex-xl-nowrap{ + flex-wrap:nowrap !important + } + .flex-xl-wrap-reverse{ + flex-wrap:wrap-reverse !important + } + .flex-xl-fill{ + flex:1 1 auto !important + } + .flex-xl-grow-0{ + flex-grow:0 !important + } + .flex-xl-grow-1{ + flex-grow:1 !important + } + .flex-xl-shrink-0{ + flex-shrink:0 !important + } + .flex-xl-shrink-1{ + flex-shrink:1 !important + } + .justify-content-xl-start{ + justify-content:flex-start !important + } + .justify-content-xl-end{ + justify-content:flex-end !important + } + .justify-content-xl-center{ + justify-content:center !important + } + .justify-content-xl-between{ + justify-content:space-between !important + } + .justify-content-xl-around{ + justify-content:space-around !important + } + .align-items-xl-start{ + align-items:flex-start !important + } + .align-items-xl-end{ + align-items:flex-end !important + } + .align-items-xl-center{ + align-items:center !important + } + .align-items-xl-baseline{ + align-items:baseline !important + } + .align-items-xl-stretch{ + align-items:stretch !important + } + .align-content-xl-start{ + align-content:flex-start !important + } + .align-content-xl-end{ + align-content:flex-end !important + } + .align-content-xl-center{ + align-content:center !important + } + .align-content-xl-between{ + align-content:space-between !important + } + .align-content-xl-around{ + align-content:space-around !important + } + .align-content-xl-stretch{ + align-content:stretch !important + } + .align-self-xl-auto{ + align-self:auto !important + } + .align-self-xl-start{ + align-self:flex-start !important + } + .align-self-xl-end{ + align-self:flex-end !important + } + .align-self-xl-center{ + align-self:center !important + } + .align-self-xl-baseline{ + align-self:baseline !important + } + .align-self-xl-stretch{ + align-self:stretch !important + } +} +.float-left{ + float:left !important +} +.float-right{ + float:right !important +} +.float-none{ + float:none !important +} +@media(min-width: 576px){ + .float-sm-left{ + float:left !important + } + .float-sm-right{ + float:right !important + } + .float-sm-none{ + float:none !important + } +} +@media(min-width: 768px){ + .float-md-left{ + float:left !important + } + .float-md-right{ + float:right !important + } + .float-md-none{ + float:none !important + } +} +@media(min-width: 992px){ + .float-lg-left{ + float:left !important + } + .float-lg-right{ + float:right !important + } + .float-lg-none{ + float:none !important + } +} +@media(min-width: 1200px){ + .float-xl-left{ + float:left !important + } + .float-xl-right{ + float:right !important + } + .float-xl-none{ + float:none !important + } +} +.user-select-all{ + -webkit-user-select:all !important; + -ms-user-select:all !important; + user-select:all !important +} +.user-select-auto{ + -webkit-user-select:auto !important; + -ms-user-select:auto !important; + user-select:auto !important +} +.user-select-none{ + -webkit-user-select:none !important; + -ms-user-select:none !important; + user-select:none !important +} +.overflow-auto{ + overflow:auto !important +} +.overflow-hidden{ + overflow:hidden !important +} +.position-static{ + position:static !important +} +.position-relative{ + position:relative !important +} +.position-absolute{ + position:absolute !important +} +.position-fixed{ + position:fixed !important +} +.position-sticky{ + position:sticky !important +} +.fixed-top{ + position:fixed; + top:0; + right:0; + left:0; + z-index:1030 +} +.fixed-bottom{ + position:fixed; + right:0; + bottom:0; + left:0; + z-index:1030 +} +@supports(position: sticky){ + .sticky-top{ + position:sticky; + top:0; + z-index:1020 + } +} +.sr-only{ + position:absolute; + width:1px; + height:1px; + padding:0; + margin:-1px; + overflow:hidden; + clip:rect(0, 0, 0, 0); + white-space:nowrap; + border:0 +} +.sr-only-focusable:active,.sr-only-focusable:focus{ + position:static; + width:auto; + height:auto; + overflow:visible; + clip:auto; + white-space:normal +} +.shadow-sm{ + box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important +} +.shadow{ + box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important +} +.shadow-lg{ + box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important +} +.shadow-none{ + box-shadow:none !important +} +.w-25{ + width:25% !important +} +.w-50{ + width:50% !important +} +.w-75{ + width:75% !important +} +.w-100{ + width:100% !important +} +.w-auto{ + width:auto !important +} +.h-25{ + height:25% !important +} +.h-50{ + height:50% !important +} +.h-75{ + height:75% !important +} +.h-100{ + height:100% !important +} +.h-auto{ + height:auto !important +} +.mw-100{ + max-width:100% !important +} +.mh-100{ + max-height:100% !important +} +.min-vw-100{ + min-width:100vw !important +} +.min-vh-100{ + min-height:100vh !important +} +.vw-100{ + width:100vw !important +} +.vh-100{ + height:100vh !important +} +.m-0{ + margin:0 !important +} +.mt-0,.my-0{ + margin-top:0 !important +} +.mr-0,.mx-0{ + margin-right:0 !important +} +.mb-0,.my-0{ + margin-bottom:0 !important +} +.ml-0,.mx-0{ + margin-left:0 !important +} +.m-1{ + margin:.25rem !important +} +.mt-1,.my-1{ + margin-top:.25rem !important +} +.mr-1,.mx-1{ + margin-right:.25rem !important +} +.mb-1,.my-1{ + margin-bottom:.25rem !important +} +.ml-1,.mx-1{ + margin-left:.25rem !important +} +.m-2{ + margin:.5rem !important +} +.mt-2,.my-2{ + margin-top:.5rem !important +} +.mr-2,.mx-2{ + margin-right:.5rem !important +} +.mb-2,.my-2{ + margin-bottom:.5rem !important +} +.ml-2,.mx-2{ + margin-left:.5rem !important +} +.m-3{ + margin:1rem !important +} +.mt-3,.my-3{ + margin-top:1rem !important +} +.mr-3,.mx-3{ + margin-right:1rem !important +} +.mb-3,.my-3{ + margin-bottom:1rem !important +} +.ml-3,.mx-3{ + margin-left:1rem !important +} +.m-4{ + margin:1.5rem !important +} +.mt-4,.my-4{ + margin-top:1.5rem !important +} +.mr-4,.mx-4{ + margin-right:1.5rem !important +} +.mb-4,.my-4{ + margin-bottom:1.5rem !important +} +.ml-4,.mx-4{ + margin-left:1.5rem !important +} +.m-5{ + margin:3rem !important +} +.mt-5,.my-5{ + margin-top:3rem !important +} +.mr-5,.mx-5{ + margin-right:3rem !important +} +.mb-5,.my-5{ + margin-bottom:3rem !important +} +.ml-5,.mx-5{ + margin-left:3rem !important +} +.p-0{ + padding:0 !important +} +.pt-0,.py-0{ + padding-top:0 !important +} +.pr-0,.px-0{ + padding-right:0 !important +} +.pb-0,.py-0{ + padding-bottom:0 !important +} +.pl-0,.px-0{ + padding-left:0 !important +} +.p-1{ + padding:.25rem !important +} +.pt-1,.py-1{ + padding-top:.25rem !important +} +.pr-1,.px-1{ + padding-right:.25rem !important +} +.pb-1,.py-1{ + padding-bottom:.25rem !important +} +.pl-1,.px-1{ + padding-left:.25rem !important +} +.p-2{ + padding:.5rem !important +} +.pt-2,.py-2{ + padding-top:.5rem !important +} +.pr-2,.px-2{ + padding-right:.5rem !important +} +.pb-2,.py-2{ + padding-bottom:.5rem !important +} +.pl-2,.px-2{ + padding-left:.5rem !important +} +.p-3{ + padding:1rem !important +} +.pt-3,.py-3{ + padding-top:1rem !important +} +.pr-3,.px-3{ + padding-right:1rem !important +} +.pb-3,.py-3{ + padding-bottom:1rem !important +} +.pl-3,.px-3{ + padding-left:1rem !important +} +.p-4{ + padding:1.5rem !important +} +.pt-4,.py-4{ + padding-top:1.5rem !important +} +.pr-4,.px-4{ + padding-right:1.5rem !important +} +.pb-4,.py-4{ + padding-bottom:1.5rem !important +} +.pl-4,.px-4{ + padding-left:1.5rem !important +} +.p-5{ + padding:3rem !important +} +.pt-5,.py-5{ + padding-top:3rem !important +} +.pr-5,.px-5{ + padding-right:3rem !important +} +.pb-5,.py-5{ + padding-bottom:3rem !important +} +.pl-5,.px-5{ + padding-left:3rem !important +} +.m-n1{ + margin:-0.25rem !important +} +.mt-n1,.my-n1{ + margin-top:-0.25rem !important +} +.mr-n1,.mx-n1{ + margin-right:-0.25rem !important +} +.mb-n1,.my-n1{ + margin-bottom:-0.25rem !important +} +.ml-n1,.mx-n1{ + margin-left:-0.25rem !important +} +.m-n2{ + margin:-0.5rem !important +} +.mt-n2,.my-n2{ + margin-top:-0.5rem !important +} +.mr-n2,.mx-n2{ + margin-right:-0.5rem !important +} +.mb-n2,.my-n2{ + margin-bottom:-0.5rem !important +} +.ml-n2,.mx-n2{ + margin-left:-0.5rem !important +} +.m-n3{ + margin:-1rem !important +} +.mt-n3,.my-n3{ + margin-top:-1rem !important +} +.mr-n3,.mx-n3{ + margin-right:-1rem !important +} +.mb-n3,.my-n3{ + margin-bottom:-1rem !important +} +.ml-n3,.mx-n3{ + margin-left:-1rem !important +} +.m-n4{ + margin:-1.5rem !important +} +.mt-n4,.my-n4{ + margin-top:-1.5rem !important +} +.mr-n4,.mx-n4{ + margin-right:-1.5rem !important +} +.mb-n4,.my-n4{ + margin-bottom:-1.5rem !important +} +.ml-n4,.mx-n4{ + margin-left:-1.5rem !important +} +.m-n5{ + margin:-3rem !important +} +.mt-n5,.my-n5{ + margin-top:-3rem !important +} +.mr-n5,.mx-n5{ + margin-right:-3rem !important +} +.mb-n5,.my-n5{ + margin-bottom:-3rem !important +} +.ml-n5,.mx-n5{ + margin-left:-3rem !important +} +.m-auto{ + margin:auto !important +} +.mt-auto,.my-auto{ + margin-top:auto !important +} +.mr-auto,.mx-auto{ + margin-right:auto !important +} +.mb-auto,.my-auto{ + margin-bottom:auto !important +} +.ml-auto,.mx-auto{ + margin-left:auto !important +} +@media(min-width: 576px){ + .m-sm-0{ + margin:0 !important + } + .mt-sm-0,.my-sm-0{ + margin-top:0 !important + } + .mr-sm-0,.mx-sm-0{ + margin-right:0 !important + } + .mb-sm-0,.my-sm-0{ + margin-bottom:0 !important + } + .ml-sm-0,.mx-sm-0{ + margin-left:0 !important + } + .m-sm-1{ + margin:.25rem !important + } + .mt-sm-1,.my-sm-1{ + margin-top:.25rem !important + } + .mr-sm-1,.mx-sm-1{ + margin-right:.25rem !important + } + .mb-sm-1,.my-sm-1{ + margin-bottom:.25rem !important + } + .ml-sm-1,.mx-sm-1{ + margin-left:.25rem !important + } + .m-sm-2{ + margin:.5rem !important + } + .mt-sm-2,.my-sm-2{ + margin-top:.5rem !important + } + .mr-sm-2,.mx-sm-2{ + margin-right:.5rem !important + } + .mb-sm-2,.my-sm-2{ + margin-bottom:.5rem !important + } + .ml-sm-2,.mx-sm-2{ + margin-left:.5rem !important + } + .m-sm-3{ + margin:1rem !important + } + .mt-sm-3,.my-sm-3{ + margin-top:1rem !important + } + .mr-sm-3,.mx-sm-3{ + margin-right:1rem !important + } + .mb-sm-3,.my-sm-3{ + margin-bottom:1rem !important + } + .ml-sm-3,.mx-sm-3{ + margin-left:1rem !important + } + .m-sm-4{ + margin:1.5rem !important + } + .mt-sm-4,.my-sm-4{ + margin-top:1.5rem !important + } + .mr-sm-4,.mx-sm-4{ + margin-right:1.5rem !important + } + .mb-sm-4,.my-sm-4{ + margin-bottom:1.5rem !important + } + .ml-sm-4,.mx-sm-4{ + margin-left:1.5rem !important + } + .m-sm-5{ + margin:3rem !important + } + .mt-sm-5,.my-sm-5{ + margin-top:3rem !important + } + .mr-sm-5,.mx-sm-5{ + margin-right:3rem !important + } + .mb-sm-5,.my-sm-5{ + margin-bottom:3rem !important + } + .ml-sm-5,.mx-sm-5{ + margin-left:3rem !important + } + .p-sm-0{ + padding:0 !important + } + .pt-sm-0,.py-sm-0{ + padding-top:0 !important + } + .pr-sm-0,.px-sm-0{ + padding-right:0 !important + } + .pb-sm-0,.py-sm-0{ + padding-bottom:0 !important + } + .pl-sm-0,.px-sm-0{ + padding-left:0 !important + } + .p-sm-1{ + padding:.25rem !important + } + .pt-sm-1,.py-sm-1{ + padding-top:.25rem !important + } + .pr-sm-1,.px-sm-1{ + padding-right:.25rem !important + } + .pb-sm-1,.py-sm-1{ + padding-bottom:.25rem !important + } + .pl-sm-1,.px-sm-1{ + padding-left:.25rem !important + } + .p-sm-2{ + padding:.5rem !important + } + .pt-sm-2,.py-sm-2{ + padding-top:.5rem !important + } + .pr-sm-2,.px-sm-2{ + padding-right:.5rem !important + } + .pb-sm-2,.py-sm-2{ + padding-bottom:.5rem !important + } + .pl-sm-2,.px-sm-2{ + padding-left:.5rem !important + } + .p-sm-3{ + padding:1rem !important + } + .pt-sm-3,.py-sm-3{ + padding-top:1rem !important + } + .pr-sm-3,.px-sm-3{ + padding-right:1rem !important + } + .pb-sm-3,.py-sm-3{ + padding-bottom:1rem !important + } + .pl-sm-3,.px-sm-3{ + padding-left:1rem !important + } + .p-sm-4{ + padding:1.5rem !important + } + .pt-sm-4,.py-sm-4{ + padding-top:1.5rem !important + } + .pr-sm-4,.px-sm-4{ + padding-right:1.5rem !important + } + .pb-sm-4,.py-sm-4{ + padding-bottom:1.5rem !important + } + .pl-sm-4,.px-sm-4{ + padding-left:1.5rem !important + } + .p-sm-5{ + padding:3rem !important + } + .pt-sm-5,.py-sm-5{ + padding-top:3rem !important + } + .pr-sm-5,.px-sm-5{ + padding-right:3rem !important + } + .pb-sm-5,.py-sm-5{ + padding-bottom:3rem !important + } + .pl-sm-5,.px-sm-5{ + padding-left:3rem !important + } + .m-sm-n1{ + margin:-0.25rem !important + } + .mt-sm-n1,.my-sm-n1{ + margin-top:-0.25rem !important + } + .mr-sm-n1,.mx-sm-n1{ + margin-right:-0.25rem !important + } + .mb-sm-n1,.my-sm-n1{ + margin-bottom:-0.25rem !important + } + .ml-sm-n1,.mx-sm-n1{ + margin-left:-0.25rem !important + } + .m-sm-n2{ + margin:-0.5rem !important + } + .mt-sm-n2,.my-sm-n2{ + margin-top:-0.5rem !important + } + .mr-sm-n2,.mx-sm-n2{ + margin-right:-0.5rem !important + } + .mb-sm-n2,.my-sm-n2{ + margin-bottom:-0.5rem !important + } + .ml-sm-n2,.mx-sm-n2{ + margin-left:-0.5rem !important + } + .m-sm-n3{ + margin:-1rem !important + } + .mt-sm-n3,.my-sm-n3{ + margin-top:-1rem !important + } + .mr-sm-n3,.mx-sm-n3{ + margin-right:-1rem !important + } + .mb-sm-n3,.my-sm-n3{ + margin-bottom:-1rem !important + } + .ml-sm-n3,.mx-sm-n3{ + margin-left:-1rem !important + } + .m-sm-n4{ + margin:-1.5rem !important + } + .mt-sm-n4,.my-sm-n4{ + margin-top:-1.5rem !important + } + .mr-sm-n4,.mx-sm-n4{ + margin-right:-1.5rem !important + } + .mb-sm-n4,.my-sm-n4{ + margin-bottom:-1.5rem !important + } + .ml-sm-n4,.mx-sm-n4{ + margin-left:-1.5rem !important + } + .m-sm-n5{ + margin:-3rem !important + } + .mt-sm-n5,.my-sm-n5{ + margin-top:-3rem !important + } + .mr-sm-n5,.mx-sm-n5{ + margin-right:-3rem !important + } + .mb-sm-n5,.my-sm-n5{ + margin-bottom:-3rem !important + } + .ml-sm-n5,.mx-sm-n5{ + margin-left:-3rem !important + } + .m-sm-auto{ + margin:auto !important + } + .mt-sm-auto,.my-sm-auto{ + margin-top:auto !important + } + .mr-sm-auto,.mx-sm-auto{ + margin-right:auto !important + } + .mb-sm-auto,.my-sm-auto{ + margin-bottom:auto !important + } + .ml-sm-auto,.mx-sm-auto{ + margin-left:auto !important + } +} +@media(min-width: 768px){ + .m-md-0{ + margin:0 !important + } + .mt-md-0,.my-md-0{ + margin-top:0 !important + } + .mr-md-0,.mx-md-0{ + margin-right:0 !important + } + .mb-md-0,.my-md-0{ + margin-bottom:0 !important + } + .ml-md-0,.mx-md-0{ + margin-left:0 !important + } + .m-md-1{ + margin:.25rem !important + } + .mt-md-1,.my-md-1{ + margin-top:.25rem !important + } + .mr-md-1,.mx-md-1{ + margin-right:.25rem !important + } + .mb-md-1,.my-md-1{ + margin-bottom:.25rem !important + } + .ml-md-1,.mx-md-1{ + margin-left:.25rem !important + } + .m-md-2{ + margin:.5rem !important + } + .mt-md-2,.my-md-2{ + margin-top:.5rem !important + } + .mr-md-2,.mx-md-2{ + margin-right:.5rem !important + } + .mb-md-2,.my-md-2{ + margin-bottom:.5rem !important + } + .ml-md-2,.mx-md-2{ + margin-left:.5rem !important + } + .m-md-3{ + margin:1rem !important + } + .mt-md-3,.my-md-3{ + margin-top:1rem !important + } + .mr-md-3,.mx-md-3{ + margin-right:1rem !important + } + .mb-md-3,.my-md-3{ + margin-bottom:1rem !important + } + .ml-md-3,.mx-md-3{ + margin-left:1rem !important + } + .m-md-4{ + margin:1.5rem !important + } + .mt-md-4,.my-md-4{ + margin-top:1.5rem !important + } + .mr-md-4,.mx-md-4{ + margin-right:1.5rem !important + } + .mb-md-4,.my-md-4{ + margin-bottom:1.5rem !important + } + .ml-md-4,.mx-md-4{ + margin-left:1.5rem !important + } + .m-md-5{ + margin:3rem !important + } + .mt-md-5,.my-md-5{ + margin-top:3rem !important + } + .mr-md-5,.mx-md-5{ + margin-right:3rem !important + } + .mb-md-5,.my-md-5{ + margin-bottom:3rem !important + } + .ml-md-5,.mx-md-5{ + margin-left:3rem !important + } + .p-md-0{ + padding:0 !important + } + .pt-md-0,.py-md-0{ + padding-top:0 !important + } + .pr-md-0,.px-md-0{ + padding-right:0 !important + } + .pb-md-0,.py-md-0{ + padding-bottom:0 !important + } + .pl-md-0,.px-md-0{ + padding-left:0 !important + } + .p-md-1{ + padding:.25rem !important + } + .pt-md-1,.py-md-1{ + padding-top:.25rem !important + } + .pr-md-1,.px-md-1{ + padding-right:.25rem !important + } + .pb-md-1,.py-md-1{ + padding-bottom:.25rem !important + } + .pl-md-1,.px-md-1{ + padding-left:.25rem !important + } + .p-md-2{ + padding:.5rem !important + } + .pt-md-2,.py-md-2{ + padding-top:.5rem !important + } + .pr-md-2,.px-md-2{ + padding-right:.5rem !important + } + .pb-md-2,.py-md-2{ + padding-bottom:.5rem !important + } + .pl-md-2,.px-md-2{ + padding-left:.5rem !important + } + .p-md-3{ + padding:1rem !important + } + .pt-md-3,.py-md-3{ + padding-top:1rem !important + } + .pr-md-3,.px-md-3{ + padding-right:1rem !important + } + .pb-md-3,.py-md-3{ + padding-bottom:1rem !important + } + .pl-md-3,.px-md-3{ + padding-left:1rem !important + } + .p-md-4{ + padding:1.5rem !important + } + .pt-md-4,.py-md-4{ + padding-top:1.5rem !important + } + .pr-md-4,.px-md-4{ + padding-right:1.5rem !important + } + .pb-md-4,.py-md-4{ + padding-bottom:1.5rem !important + } + .pl-md-4,.px-md-4{ + padding-left:1.5rem !important + } + .p-md-5{ + padding:3rem !important + } + .pt-md-5,.py-md-5{ + padding-top:3rem !important + } + .pr-md-5,.px-md-5{ + padding-right:3rem !important + } + .pb-md-5,.py-md-5{ + padding-bottom:3rem !important + } + .pl-md-5,.px-md-5{ + padding-left:3rem !important + } + .m-md-n1{ + margin:-0.25rem !important + } + .mt-md-n1,.my-md-n1{ + margin-top:-0.25rem !important + } + .mr-md-n1,.mx-md-n1{ + margin-right:-0.25rem !important + } + .mb-md-n1,.my-md-n1{ + margin-bottom:-0.25rem !important + } + .ml-md-n1,.mx-md-n1{ + margin-left:-0.25rem !important + } + .m-md-n2{ + margin:-0.5rem !important + } + .mt-md-n2,.my-md-n2{ + margin-top:-0.5rem !important + } + .mr-md-n2,.mx-md-n2{ + margin-right:-0.5rem !important + } + .mb-md-n2,.my-md-n2{ + margin-bottom:-0.5rem !important + } + .ml-md-n2,.mx-md-n2{ + margin-left:-0.5rem !important + } + .m-md-n3{ + margin:-1rem !important + } + .mt-md-n3,.my-md-n3{ + margin-top:-1rem !important + } + .mr-md-n3,.mx-md-n3{ + margin-right:-1rem !important + } + .mb-md-n3,.my-md-n3{ + margin-bottom:-1rem !important + } + .ml-md-n3,.mx-md-n3{ + margin-left:-1rem !important + } + .m-md-n4{ + margin:-1.5rem !important + } + .mt-md-n4,.my-md-n4{ + margin-top:-1.5rem !important + } + .mr-md-n4,.mx-md-n4{ + margin-right:-1.5rem !important + } + .mb-md-n4,.my-md-n4{ + margin-bottom:-1.5rem !important + } + .ml-md-n4,.mx-md-n4{ + margin-left:-1.5rem !important + } + .m-md-n5{ + margin:-3rem !important + } + .mt-md-n5,.my-md-n5{ + margin-top:-3rem !important + } + .mr-md-n5,.mx-md-n5{ + margin-right:-3rem !important + } + .mb-md-n5,.my-md-n5{ + margin-bottom:-3rem !important + } + .ml-md-n5,.mx-md-n5{ + margin-left:-3rem !important + } + .m-md-auto{ + margin:auto !important + } + .mt-md-auto,.my-md-auto{ + margin-top:auto !important + } + .mr-md-auto,.mx-md-auto{ + margin-right:auto !important + } + .mb-md-auto,.my-md-auto{ + margin-bottom:auto !important + } + .ml-md-auto,.mx-md-auto{ + margin-left:auto !important + } +} +@media(min-width: 992px){ + .m-lg-0{ + margin:0 !important + } + .mt-lg-0,.my-lg-0{ + margin-top:0 !important + } + .mr-lg-0,.mx-lg-0{ + margin-right:0 !important + } + .mb-lg-0,.my-lg-0{ + margin-bottom:0 !important + } + .ml-lg-0,.mx-lg-0{ + margin-left:0 !important + } + .m-lg-1{ + margin:.25rem !important + } + .mt-lg-1,.my-lg-1{ + margin-top:.25rem !important + } + .mr-lg-1,.mx-lg-1{ + margin-right:.25rem !important + } + .mb-lg-1,.my-lg-1{ + margin-bottom:.25rem !important + } + .ml-lg-1,.mx-lg-1{ + margin-left:.25rem !important + } + .m-lg-2{ + margin:.5rem !important + } + .mt-lg-2,.my-lg-2{ + margin-top:.5rem !important + } + .mr-lg-2,.mx-lg-2{ + margin-right:.5rem !important + } + .mb-lg-2,.my-lg-2{ + margin-bottom:.5rem !important + } + .ml-lg-2,.mx-lg-2{ + margin-left:.5rem !important + } + .m-lg-3{ + margin:1rem !important + } + .mt-lg-3,.my-lg-3{ + margin-top:1rem !important + } + .mr-lg-3,.mx-lg-3{ + margin-right:1rem !important + } + .mb-lg-3,.my-lg-3{ + margin-bottom:1rem !important + } + .ml-lg-3,.mx-lg-3{ + margin-left:1rem !important + } + .m-lg-4{ + margin:1.5rem !important + } + .mt-lg-4,.my-lg-4{ + margin-top:1.5rem !important + } + .mr-lg-4,.mx-lg-4{ + margin-right:1.5rem !important + } + .mb-lg-4,.my-lg-4{ + margin-bottom:1.5rem !important + } + .ml-lg-4,.mx-lg-4{ + margin-left:1.5rem !important + } + .m-lg-5{ + margin:3rem !important + } + .mt-lg-5,.my-lg-5{ + margin-top:3rem !important + } + .mr-lg-5,.mx-lg-5{ + margin-right:3rem !important + } + .mb-lg-5,.my-lg-5{ + margin-bottom:3rem !important + } + .ml-lg-5,.mx-lg-5{ + margin-left:3rem !important + } + .p-lg-0{ + padding:0 !important + } + .pt-lg-0,.py-lg-0{ + padding-top:0 !important + } + .pr-lg-0,.px-lg-0{ + padding-right:0 !important + } + .pb-lg-0,.py-lg-0{ + padding-bottom:0 !important + } + .pl-lg-0,.px-lg-0{ + padding-left:0 !important + } + .p-lg-1{ + padding:.25rem !important + } + .pt-lg-1,.py-lg-1{ + padding-top:.25rem !important + } + .pr-lg-1,.px-lg-1{ + padding-right:.25rem !important + } + .pb-lg-1,.py-lg-1{ + padding-bottom:.25rem !important + } + .pl-lg-1,.px-lg-1{ + padding-left:.25rem !important + } + .p-lg-2{ + padding:.5rem !important + } + .pt-lg-2,.py-lg-2{ + padding-top:.5rem !important + } + .pr-lg-2,.px-lg-2{ + padding-right:.5rem !important + } + .pb-lg-2,.py-lg-2{ + padding-bottom:.5rem !important + } + .pl-lg-2,.px-lg-2{ + padding-left:.5rem !important + } + .p-lg-3{ + padding:1rem !important + } + .pt-lg-3,.py-lg-3{ + padding-top:1rem !important + } + .pr-lg-3,.px-lg-3{ + padding-right:1rem !important + } + .pb-lg-3,.py-lg-3{ + padding-bottom:1rem !important + } + .pl-lg-3,.px-lg-3{ + padding-left:1rem !important + } + .p-lg-4{ + padding:1.5rem !important + } + .pt-lg-4,.py-lg-4{ + padding-top:1.5rem !important + } + .pr-lg-4,.px-lg-4{ + padding-right:1.5rem !important + } + .pb-lg-4,.py-lg-4{ + padding-bottom:1.5rem !important + } + .pl-lg-4,.px-lg-4{ + padding-left:1.5rem !important + } + .p-lg-5{ + padding:3rem !important + } + .pt-lg-5,.py-lg-5{ + padding-top:3rem !important + } + .pr-lg-5,.px-lg-5{ + padding-right:3rem !important + } + .pb-lg-5,.py-lg-5{ + padding-bottom:3rem !important + } + .pl-lg-5,.px-lg-5{ + padding-left:3rem !important + } + .m-lg-n1{ + margin:-0.25rem !important + } + .mt-lg-n1,.my-lg-n1{ + margin-top:-0.25rem !important + } + .mr-lg-n1,.mx-lg-n1{ + margin-right:-0.25rem !important + } + .mb-lg-n1,.my-lg-n1{ + margin-bottom:-0.25rem !important + } + .ml-lg-n1,.mx-lg-n1{ + margin-left:-0.25rem !important + } + .m-lg-n2{ + margin:-0.5rem !important + } + .mt-lg-n2,.my-lg-n2{ + margin-top:-0.5rem !important + } + .mr-lg-n2,.mx-lg-n2{ + margin-right:-0.5rem !important + } + .mb-lg-n2,.my-lg-n2{ + margin-bottom:-0.5rem !important + } + .ml-lg-n2,.mx-lg-n2{ + margin-left:-0.5rem !important + } + .m-lg-n3{ + margin:-1rem !important + } + .mt-lg-n3,.my-lg-n3{ + margin-top:-1rem !important + } + .mr-lg-n3,.mx-lg-n3{ + margin-right:-1rem !important + } + .mb-lg-n3,.my-lg-n3{ + margin-bottom:-1rem !important + } + .ml-lg-n3,.mx-lg-n3{ + margin-left:-1rem !important + } + .m-lg-n4{ + margin:-1.5rem !important + } + .mt-lg-n4,.my-lg-n4{ + margin-top:-1.5rem !important + } + .mr-lg-n4,.mx-lg-n4{ + margin-right:-1.5rem !important + } + .mb-lg-n4,.my-lg-n4{ + margin-bottom:-1.5rem !important + } + .ml-lg-n4,.mx-lg-n4{ + margin-left:-1.5rem !important + } + .m-lg-n5{ + margin:-3rem !important + } + .mt-lg-n5,.my-lg-n5{ + margin-top:-3rem !important + } + .mr-lg-n5,.mx-lg-n5{ + margin-right:-3rem !important + } + .mb-lg-n5,.my-lg-n5{ + margin-bottom:-3rem !important + } + .ml-lg-n5,.mx-lg-n5{ + margin-left:-3rem !important + } + .m-lg-auto{ + margin:auto !important + } + .mt-lg-auto,.my-lg-auto{ + margin-top:auto !important + } + .mr-lg-auto,.mx-lg-auto{ + margin-right:auto !important + } + .mb-lg-auto,.my-lg-auto{ + margin-bottom:auto !important + } + .ml-lg-auto,.mx-lg-auto{ + margin-left:auto !important + } +} +@media(min-width: 1200px){ + .m-xl-0{ + margin:0 !important + } + .mt-xl-0,.my-xl-0{ + margin-top:0 !important + } + .mr-xl-0,.mx-xl-0{ + margin-right:0 !important + } + .mb-xl-0,.my-xl-0{ + margin-bottom:0 !important + } + .ml-xl-0,.mx-xl-0{ + margin-left:0 !important + } + .m-xl-1{ + margin:.25rem !important + } + .mt-xl-1,.my-xl-1{ + margin-top:.25rem !important + } + .mr-xl-1,.mx-xl-1{ + margin-right:.25rem !important + } + .mb-xl-1,.my-xl-1{ + margin-bottom:.25rem !important + } + .ml-xl-1,.mx-xl-1{ + margin-left:.25rem !important + } + .m-xl-2{ + margin:.5rem !important + } + .mt-xl-2,.my-xl-2{ + margin-top:.5rem !important + } + .mr-xl-2,.mx-xl-2{ + margin-right:.5rem !important + } + .mb-xl-2,.my-xl-2{ + margin-bottom:.5rem !important + } + .ml-xl-2,.mx-xl-2{ + margin-left:.5rem !important + } + .m-xl-3{ + margin:1rem !important + } + .mt-xl-3,.my-xl-3{ + margin-top:1rem !important + } + .mr-xl-3,.mx-xl-3{ + margin-right:1rem !important + } + .mb-xl-3,.my-xl-3{ + margin-bottom:1rem !important + } + .ml-xl-3,.mx-xl-3{ + margin-left:1rem !important + } + .m-xl-4{ + margin:1.5rem !important + } + .mt-xl-4,.my-xl-4{ + margin-top:1.5rem !important + } + .mr-xl-4,.mx-xl-4{ + margin-right:1.5rem !important + } + .mb-xl-4,.my-xl-4{ + margin-bottom:1.5rem !important + } + .ml-xl-4,.mx-xl-4{ + margin-left:1.5rem !important + } + .m-xl-5{ + margin:3rem !important + } + .mt-xl-5,.my-xl-5{ + margin-top:3rem !important + } + .mr-xl-5,.mx-xl-5{ + margin-right:3rem !important + } + .mb-xl-5,.my-xl-5{ + margin-bottom:3rem !important + } + .ml-xl-5,.mx-xl-5{ + margin-left:3rem !important + } + .p-xl-0{ + padding:0 !important + } + .pt-xl-0,.py-xl-0{ + padding-top:0 !important + } + .pr-xl-0,.px-xl-0{ + padding-right:0 !important + } + .pb-xl-0,.py-xl-0{ + padding-bottom:0 !important + } + .pl-xl-0,.px-xl-0{ + padding-left:0 !important + } + .p-xl-1{ + padding:.25rem !important + } + .pt-xl-1,.py-xl-1{ + padding-top:.25rem !important + } + .pr-xl-1,.px-xl-1{ + padding-right:.25rem !important + } + .pb-xl-1,.py-xl-1{ + padding-bottom:.25rem !important + } + .pl-xl-1,.px-xl-1{ + padding-left:.25rem !important + } + .p-xl-2{ + padding:.5rem !important + } + .pt-xl-2,.py-xl-2{ + padding-top:.5rem !important + } + .pr-xl-2,.px-xl-2{ + padding-right:.5rem !important + } + .pb-xl-2,.py-xl-2{ + padding-bottom:.5rem !important + } + .pl-xl-2,.px-xl-2{ + padding-left:.5rem !important + } + .p-xl-3{ + padding:1rem !important + } + .pt-xl-3,.py-xl-3{ + padding-top:1rem !important + } + .pr-xl-3,.px-xl-3{ + padding-right:1rem !important + } + .pb-xl-3,.py-xl-3{ + padding-bottom:1rem !important + } + .pl-xl-3,.px-xl-3{ + padding-left:1rem !important + } + .p-xl-4{ + padding:1.5rem !important + } + .pt-xl-4,.py-xl-4{ + padding-top:1.5rem !important + } + .pr-xl-4,.px-xl-4{ + padding-right:1.5rem !important + } + .pb-xl-4,.py-xl-4{ + padding-bottom:1.5rem !important + } + .pl-xl-4,.px-xl-4{ + padding-left:1.5rem !important + } + .p-xl-5{ + padding:3rem !important + } + .pt-xl-5,.py-xl-5{ + padding-top:3rem !important + } + .pr-xl-5,.px-xl-5{ + padding-right:3rem !important + } + .pb-xl-5,.py-xl-5{ + padding-bottom:3rem !important + } + .pl-xl-5,.px-xl-5{ + padding-left:3rem !important + } + .m-xl-n1{ + margin:-0.25rem !important + } + .mt-xl-n1,.my-xl-n1{ + margin-top:-0.25rem !important + } + .mr-xl-n1,.mx-xl-n1{ + margin-right:-0.25rem !important + } + .mb-xl-n1,.my-xl-n1{ + margin-bottom:-0.25rem !important + } + .ml-xl-n1,.mx-xl-n1{ + margin-left:-0.25rem !important + } + .m-xl-n2{ + margin:-0.5rem !important + } + .mt-xl-n2,.my-xl-n2{ + margin-top:-0.5rem !important + } + .mr-xl-n2,.mx-xl-n2{ + margin-right:-0.5rem !important + } + .mb-xl-n2,.my-xl-n2{ + margin-bottom:-0.5rem !important + } + .ml-xl-n2,.mx-xl-n2{ + margin-left:-0.5rem !important + } + .m-xl-n3{ + margin:-1rem !important + } + .mt-xl-n3,.my-xl-n3{ + margin-top:-1rem !important + } + .mr-xl-n3,.mx-xl-n3{ + margin-right:-1rem !important + } + .mb-xl-n3,.my-xl-n3{ + margin-bottom:-1rem !important + } + .ml-xl-n3,.mx-xl-n3{ + margin-left:-1rem !important + } + .m-xl-n4{ + margin:-1.5rem !important + } + .mt-xl-n4,.my-xl-n4{ + margin-top:-1.5rem !important + } + .mr-xl-n4,.mx-xl-n4{ + margin-right:-1.5rem !important + } + .mb-xl-n4,.my-xl-n4{ + margin-bottom:-1.5rem !important + } + .ml-xl-n4,.mx-xl-n4{ + margin-left:-1.5rem !important + } + .m-xl-n5{ + margin:-3rem !important + } + .mt-xl-n5,.my-xl-n5{ + margin-top:-3rem !important + } + .mr-xl-n5,.mx-xl-n5{ + margin-right:-3rem !important + } + .mb-xl-n5,.my-xl-n5{ + margin-bottom:-3rem !important + } + .ml-xl-n5,.mx-xl-n5{ + margin-left:-3rem !important + } + .m-xl-auto{ + margin:auto !important + } + .mt-xl-auto,.my-xl-auto{ + margin-top:auto !important + } + .mr-xl-auto,.mx-xl-auto{ + margin-right:auto !important + } + .mb-xl-auto,.my-xl-auto{ + margin-bottom:auto !important + } + .ml-xl-auto,.mx-xl-auto{ + margin-left:auto !important + } +} +.stretched-link::after{ + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + z-index:1; + pointer-events:auto; + content:""; + background-color:rgba(0,0,0,0) +} +.text-monospace{ + font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important +} +.text-justify{ + text-align:justify !important +} +.text-wrap{ + white-space:normal !important +} +.text-nowrap{ + white-space:nowrap !important +} +.text-truncate{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap +} +.text-left{ + text-align:left !important +} +.text-right{ + text-align:right !important +} +.text-center{ + text-align:center !important +} +@media(min-width: 576px){ + .text-sm-left{ + text-align:left !important + } + .text-sm-right{ + text-align:right !important + } + .text-sm-center{ + text-align:center !important + } +} +@media(min-width: 768px){ + .text-md-left{ + text-align:left !important + } + .text-md-right{ + text-align:right !important + } + .text-md-center{ + text-align:center !important + } +} +@media(min-width: 992px){ + .text-lg-left{ + text-align:left !important + } + .text-lg-right{ + text-align:right !important + } + .text-lg-center{ + text-align:center !important + } +} +@media(min-width: 1200px){ + .text-xl-left{ + text-align:left !important + } + .text-xl-right{ + text-align:right !important + } + .text-xl-center{ + text-align:center !important + } +} +.text-lowercase{ + text-transform:lowercase !important +} +.text-uppercase{ + text-transform:uppercase !important +} +.text-capitalize{ + text-transform:capitalize !important +} +.font-weight-light{ + font-weight:300 !important +} +.font-weight-lighter{ + font-weight:lighter !important +} +.font-weight-normal{ + font-weight:400 !important +} +.font-weight-bold{ + font-weight:700 !important +} +.font-weight-bolder{ + font-weight:bolder !important +} +.font-italic{ + font-style:italic !important +} +.text-white{ + color:#fff !important +} +.text-primary{ + color:#007bff !important +} +a.text-primary:focus,a.text-primary:hover{ + color:#0056b3 !important +} +.text-secondary{ + color:#6c757d !important +} +a.text-secondary:focus,a.text-secondary:hover{ + color:#494f54 !important +} +.text-success{ + color:#28a745 !important +} +a.text-success:focus,a.text-success:hover{ + color:#19692c !important +} +.text-info{ + color:#17a2b8 !important +} +a.text-info:focus,a.text-info:hover{ + color:#0f6674 !important +} +.text-warning{ + color:#ffc107 !important +} +a.text-warning:focus,a.text-warning:hover{ + color:#ba8b00 !important +} +.text-danger{ + color:#dc3545 !important +} +a.text-danger:focus,a.text-danger:hover{ + color:#a71d2a !important +} +.text-light{ + color:#f8f9fa !important +} +a.text-light:focus,a.text-light:hover{ + color:#cbd3da !important +} +.text-dark{ + color:#343a40 !important +} +a.text-dark:focus,a.text-dark:hover{ + color:#121416 !important +} +.text-body{ + color:#212529 !important +} +.text-muted{ + color:#6c757d !important +} +.text-black-50{ + color:rgba(0,0,0,.5) !important +} +.text-white-50{ + color:rgba(255,255,255,.5) !important +} +.text-hide{ + font:0/0 a; + color:transparent; + text-shadow:none; + background-color:transparent; + border:0 +} +.text-decoration-none{ + text-decoration:none !important +} +.text-break{ + word-break:break-word !important; + word-wrap:break-word !important +} +.text-reset{ + color:inherit !important +} +.visible{ + visibility:visible !important +} +.invisible{ + visibility:hidden !important +} +@media print{ + *,::after,::before{ + text-shadow:none !important; + box-shadow:none !important + } + a:not(.btn){ + text-decoration:underline + } + abbr[title]::after{ + content:" (" attr(title) ")" + } + pre{ + white-space:pre-wrap !important + } + blockquote,pre{ + border:1px solid #adb5bd; + page-break-inside:avoid + } + thead{ + display:table-header-group + } + img,tr{ + page-break-inside:avoid + } + h2,h3,p{ + orphans:3; + widows:3 + } + h2,h3{ + page-break-after:avoid + } + @page{ + size:a3 + } + body{ + min-width:992px !important + } + .container{ + min-width:992px !important + } + .navbar{ + display:none + } + .badge{ + border:1px solid #000 + } + .table{ + border-collapse:collapse !important + } + .table td,.table th{ + background-color:#fff !important + } + .table-bordered td,.table-bordered th{ + border:1px solid #dee2e6 !important + } + .table-dark{ + color:inherit + } + .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{ + border-color:#dee2e6 + } + .table .thead-dark th{ + color:inherit; + border-color:#dee2e6 + } +} + + +.cm-string{ + color:#a55100 !important +} +.cm-string.cm-property{ + color:#450de2 !important +} +@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap); +.run-status{ + height:20px; + margin:0px 2px; + display:inline-block +} +.run-status.icon{ + height:10px; + width:10px; + border-radius:50%; + background:#28a745; + margin-right:5px +} +.run-status.long{ + font-style:normal; + font-weight:normal; + font-size:14px; + line-height:16px; + color:#fff; + padding:1px 18px 3px +} +.run-status.short{ + width:10px +} +.last-run-status-container{ + display:inline-block +} +.run-status.success,.run-status.short.success{ + background:#28a745 +} +.run-status.failed,.run-status.short.failed{ + background:#cb2431 +} +.run-status.unknown,.run-status.short.unknown{ + background:#ccc +} +.quality-card-heading{ + font-style:normal; + font-weight:600; + font-size:18px; + line-height:25px; + color:#5e5c58; + margin-right:16px +} +.quality-card-header{ + margin-bottom:10px +} +.quality-card-bold-text,.quality-card-text{ + font-style:normal; + font-size:12px; + line-height:16px; + color:#5e5c58; + margin-right:4px +} +.quality-card-text{ + font-weight:400 +} +.quality-card-bold-text{ + font-weight:600 +} +.quality-card-container{ + background:#fff; + box-shadow:0px 0px 4px rgba(0,0,0,.2); + padding-top:10px; + padding-bottom:19px; + padding-left:16px; + width:300px +} +.btn-page-toggle{ + background:#fff; + border:1px solid #2eaadc; + box-sizing:border-box; + border-radius:4px; + font-style:normal; + font-weight:600; + font-size:14px; + line-height:19px; + color:#2eaadc; + padding-top:5px; + padding-bottom:6px +} +.btn-page-toggle:hover{ + color:#2eaadc +} +.btn-page-toggle.active:hover{ + color:#fff +} +.btn-page-toggle.active{ + background:#2eaadc; + border-radius:3px; + font-style:normal; + font-weight:600; + font-size:14px; + line-height:19px; + color:#fff +} +.page-toggle-container{ + width:300px +} +.breadcrumb-item+.breadcrumb-item::before{ + content:""; + font-family:"Font Awesome 5 Free"; + font-weight:900; + margin-top:2px +} +.sl-box .sl-box-header .sl-title a{ + color:inherit +} +.sl-box .sl-box-header .sl-title a:focus,.sl-box .sl-box-header .sl-title a:hover{ + color:inherit; + text-decoration:none +} +.bg-grey{ + color:#fff; + background-color:#888 !important +} +.text-grey{ + color:#888 +} +.flex-auto{ + flex:auto +} +.flex-1{ + flex:1 +} +.quality-status-icon{ + font-size:14px; + vertical-align:middle +} +.slick-slider{ + position:relative; + display:block; + box-sizing:border-box; + -webkit-touch-callout:none; + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + -ms-touch-action:pan-y; + touch-action:pan-y; + -webkit-tap-highlight-color:transparent +} +.slick-list{ + position:relative; + overflow:hidden; + display:block; + margin:0; + padding:0 +} +.slick-list:focus{ + outline:none +} +.slick-list.dragging{ + cursor:pointer; + cursor:hand +} +.slick-slider .slick-track,.slick-slider .slick-list{ + -webkit-transform:translate3d(0, 0, 0); + -moz-transform:translate3d(0, 0, 0); + -ms-transform:translate3d(0, 0, 0); + -o-transform:translate3d(0, 0, 0); + transform:translate3d(0, 0, 0) +} +.slick-track{ + position:relative; + left:0; + top:0; + display:block; + margin-left:auto; + margin-right:auto +} +.slick-track:before,.slick-track:after{ + content:""; + display:table +} +.slick-track:after{ + clear:both +} +.slick-loading .slick-track{ + visibility:hidden +} +.slick-slide{ + float:left; + height:100%; + min-height:1px; + display:none +} +[dir=rtl] .slick-slide{ + float:right +} +.slick-slide img{ + display:block +} +.slick-slide.slick-loading img{ + display:none +} +.slick-slide.dragging img{ + pointer-events:none +} +.slick-initialized .slick-slide{ + display:block +} +.slick-loading .slick-slide{ + visibility:hidden +} +.slick-vertical .slick-slide{ + display:block; + height:auto; + border:1px solid transparent +} +.slick-arrow.slick-hidden{ + display:none +} +.slick-prev,.slick-next{ + position:absolute; + display:block; + height:20px; + width:20px; + line-height:0px; + font-size:0px; + cursor:pointer; + background:transparent; + color:transparent; + top:50%; + -webkit-transform:translate(0, -50%); + -ms-transform:translate(0, -50%); + transform:translate(0, -50%); + padding:0; + border:none; + outline:none +} +.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ + outline:none; + background:transparent; + color:transparent +} +.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ + opacity:1 +} +.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ + opacity:.25 +} +.slick-prev:before,.slick-next:before{ + font-family:"slick"; + font-size:20px; + line-height:1; + color:#fff; + opacity:.75; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale +} +.slick-prev{ + left:-25px +} +[dir=rtl] .slick-prev{ + left:auto; + right:-25px +} +.slick-prev:before{ + content:"←" +} +[dir=rtl] .slick-prev:before{ + content:"→" +} +.slick-next{ + right:-25px +} +[dir=rtl] .slick-next{ + left:-25px; + right:auto +} +.slick-next:before{ + content:"→" +} +[dir=rtl] .slick-next:before{ + content:"←" +} +.slick-dotted.slick-slider{ + margin-bottom:30px +} +.slick-dots{ + position:absolute; + bottom:-25px; + list-style:none; + display:block; + text-align:center; + padding:0; + margin:0; + width:100% +} +.slick-dots li{ + position:relative; + display:inline-block; + height:20px; + width:20px; + margin:0 5px; + padding:0; + cursor:pointer +} +.slick-dots li button{ + border:0; + background:transparent; + display:block; + height:20px; + width:20px; + outline:none; + line-height:0px; + font-size:0px; + color:transparent; + padding:5px; + cursor:pointer +} +.slick-dots li button:hover,.slick-dots li button:focus{ + outline:none +} +.slick-dots li button:hover:before,.slick-dots li button:focus:before{ + opacity:1 +} +.slick-dots li button:before{ + position:absolute; + top:0; + left:0; + content:"•"; + width:20px; + height:20px; + font-family:"slick"; + font-size:6px; + line-height:20px; + text-align:center; + color:#000; + opacity:.25; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale +} +.slick-dots li.slick-active button:before{ + color:#000; + opacity:.75 +} +.stepper-list{ + display:flex; + padding:24px; + flex:0 0 100% +} +.stepper-list.stepper-horizontal{ + align-items:center; + flex-direction:row +} +.step{ + flex:1; + position:relative +} +.stepper-list.stepper-horizontal .step{ + padding-left:8px; + padding-right:8px +} +.step-pending .step-icon{ + opacity:.5 +} +.step-done .step-icon,.step-doing .step-icon{ + opacity:1 +} +.step-icon{ + display:inline-block; + height:24px; + width:24px; + border-radius:50%; + background:#8a2be2; + color:#fff; + text-align:center +} +.step-label{ + margin:10px 0 +} +.step-container{ + display:flex; + flex-direction:column; + align-items:center +} +.step-connector{ + top:12px; + left:calc(-50% + 20px); + right:calc(50% + 20px); + position:absolute; + flex:1 1 auto +} +.step-connector-line{ + display:block; + border-color:#bdbdbd +} +.line-horizontal{ + border-top-style:solid; + border-top-width:1px +} + +*,::before,::after{ + box-sizing:border-box +} +html{ + -moz-tab-size:4; + tab-size:4 +} +html{ + line-height:1.15; + -webkit-text-size-adjust:100% +} +body{ + margin:0 +} +body{ + font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji" +} +hr{ + height:0; + color:inherit +} +abbr[title]{ + -webkit-text-decoration:underline dotted; + text-decoration:underline dotted +} +b,strong{ + font-weight:bolder +} +code,kbd,samp,pre{ + font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace; + font-size:1em +} +small{ + font-size:80% +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline +} +sub{ + bottom:-0.25em +} +sup{ + top:-0.5em +} +table{ + text-indent:0; + border-color:inherit +} +button,input,optgroup,select,textarea{ + font-family:inherit; + font-size:100%; + line-height:1.15; + margin:0 +} +button,select{ + text-transform:none +} +button,[type=button],[type=reset],[type=submit]{ + -webkit-appearance:button +} +legend{ + padding:0 +} +progress{ + vertical-align:baseline +} +[type=search]{ + -webkit-appearance:textfield; + outline-offset:-2px +} +summary{ + display:list-item +} +blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{ + margin:0 +} +button{ + background-color:transparent; + background-image:none +} +fieldset{ + margin:0; + padding:0 +} +ol,ul{ + list-style:none; + margin:0; + padding:0 +} +html{ + font-family:Inter,ui-sans-serif,system-ui,-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"; + line-height:1.5 +} +body{ + font-family:inherit; + line-height:inherit +} +*,::before,::after{ + box-sizing:border-box; + border-width:0; + border-style:solid; + border-color:currentColor +} +hr{ + border-top-width:1px +} +img{ + border-style:solid +} +textarea{ + resize:vertical +} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ + opacity:1; + color:#9ca3af +} +input:-ms-input-placeholder,textarea:-ms-input-placeholder{ + opacity:1; + color:#9ca3af +} +input::placeholder,textarea::placeholder{ + opacity:1; + color:#9ca3af +} +button,[role=button]{ + cursor:pointer +} +table{ + border-collapse:collapse +} +h1,h2,h3,h4,h5,h6{ + font-size:inherit; + font-weight:inherit +} +a{ + color:inherit; + text-decoration:inherit +} +button,input,optgroup,select,textarea{ + padding:0; + line-height:inherit; + color:inherit +} +pre,code,kbd,samp{ + font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace +} +img,svg,video,canvas,audio,iframe,embed,object{ + display:block; + vertical-align: middle; +} +img,video{ + max-width:100%; + height:auto +} +*,::before,::after{ + --tw-border-opacity: 1; + border-color:rgba(229, 231, 235, var(--tw-border-opacity)) +} +h1{ + margin-bottom:.5rem; + font-size:2.5rem; + font-weight:500 +} +h2{ + margin-bottom:.5rem; + font-size:2rem; + font-weight:500 +} +h3{ + margin-bottom:.5rem; + font-size:1.75rem; + font-weight:500 +} +h4{ + margin-bottom:.5rem; + font-size:1.5rem; + font-weight:500 +} +h5{ + margin-bottom:.5rem; + font-size:1.25rem; + font-weight:500 +} +h6{ + margin-bottom:.5rem; + font-size:14px; + font-weight:500 +} +body{ + font-size:14px; + font-weight:300; + color:rgba(55, 53, 47) +} +.tw-table-responsive{ + display:block; + width:100%; + overflow-x:auto +} +.tableHead-row{ + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)); + line-height:1.5 +} +.tableHead-cell{ + white-space:nowrap; + padding-left:1.5rem; + padding-right:1.5rem; + padding-top:.75rem; + padding-bottom:.75rem; + text-align:left; + font-weight:400 +} +.tableBody{ + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tableBody-row{ + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)) +} +.tableBody-row:hover{ + --tw-bg-opacity: 1; + background-color:rgba(249, 248, 253, var(--tw-bg-opacity)) +} +.tableBody-row.odd-row{ + --tw-bg-opacity: 1; + background-color:rgba(252, 251, 254, var(--tw-bg-opacity)) +} +.tableBody-row.odd-row:hover{ + --tw-bg-opacity: 1; + background-color:rgba(249, 248, 253, var(--tw-bg-opacity)) +} +.tableBody-cell{ + padding-left:1.5rem; + padding-right:1.5rem; + padding-top:.75rem; + padding-bottom:.75rem; + text-align:left +} +.tw-text-primary{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)) +} +.tw-gh-tabs-container{ + border-bottom-width:1px; + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)) +} +.tw-gh-tabs{ + border-bottom-width:2px; + border-color:transparent +} +.tw-gh-tabs:hover{ + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)) +} +.tw-gh-tabs{ + padding-left:1.5rem; + padding-right:1.5rem; + padding-top:1rem; + padding-bottom:.5rem; + font-weight:400; + --tw-text-opacity: 1; + color:rgba(107, 114, 128, var(--tw-text-opacity)) +} +.tw-gh-tabs:focus{ + outline:2px solid transparent; + outline-offset:2px +} +.tw-gh-tabs.active{ + border-bottom-width:2px; + --tw-border-opacity: 1; + border-color:rgba(249, 130, 108, var(--tw-border-opacity)); + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tw-gh-tabs:disabled{ + pointer-events:none +} +.tw-gh-tabs:disabled:hover{ + border-style:none +} +.tw-gh-tabs:disabled{ + opacity:.5 +} +.tw-modal{ + position:fixed; + top:0px; + right:0px; + bottom:0px; + left:0px; + z-index:9999; + display:flex; + height:100vh; + width:100vw; + align-items:center; + justify-content:center; + background-color:transparent; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale +} +.tw-modal-confetti{ + background-size:cover; + background-position-y:-75px; + background-repeat:no-repeat; + background-position-x:center +} +.tw-modal-backdrop{ + position:absolute; + top:0px; + right:0px; + bottom:0px; + left:0px; + --tw-bg-opacity: 1; + background-color:rgba(48, 46, 54, var(--tw-bg-opacity)); + opacity:.6 +} +.tw-modal-container{ + position:absolute; + margin-left:auto; + margin-right:auto; + display:flex; + max-height:100vh; + width:91.666667%; + max-width:976px; + flex-direction:column; + border-radius:.5rem; + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + padding-top:1.25rem; + padding-bottom:1.25rem; + --tw-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.tw-modal-header{ + display:flex; + flex-direction:row; + justify-content:space-between; + border-bottom-width:1px; + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)); + background-color:transparent; + padding-left:1.5rem; + padding-right:1.5rem; + padding-bottom:1.25rem +} +.tw-modal-title{ + font-size:1rem; + line-height:1.5rem; + font-weight:500; + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tw-modal-body{ + display:flex; + flex-direction:column; + overflow:auto; + background-color:transparent; + padding-left:1.5rem; + padding-right:1.5rem; + padding-top:1.25rem; + padding-bottom:1.25rem +} +.tw-modal-footer{ + display:flex; + flex-direction:row; + align-items:center; + justify-content:flex-end; + border-top-width:1px; + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)); + background-color:transparent; + padding-left:1.25rem; + padding-right:1.25rem; + padding-top:1.25rem +} +.quatily-tile{ + --tw-bg-opacity: 1; + background-color:rgba(0, 131, 118, var(--tw-bg-opacity)); + padding-left:.5rem; + padding-right:.5rem; + padding-top:.125rem; + padding-bottom:.125rem +} +.link-title{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)); + cursor:pointer; + font-size:1rem; + line-height:1.5rem; + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.link-title:hover{ + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.link-title:focus{ + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.link-title:hover{ + text-decoration:underline +} +.link-title:focus{ + text-decoration:underline +} +.show-more,a[href],.link-text{ + cursor:pointer; + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.show-more:hover,a[href]:hover,.link-text:hover{ + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.show-more:focus,a[href]:focus,.link-text:focus{ + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.show-more:hover,a[href]:hover,.link-text:hover{ + text-decoration:underline +} +.show-more:focus,a[href]:focus,.link-text:focus{ + text-decoration:underline +} +.page-container{ + --tw-bg-opacity: 1; + background-color:rgba(252, 251, 254) +} +.tw-tooltip{ + visibility:hidden; + position:absolute +} +.tw-has-tooltip:hover .tw-tooltip{ + visibility:visible; + z-index:50 +} +.tw-tag{ + border-radius:1rem; + --tw-bg-opacity: 1; + background-color:rgba(238, 234, 248, var(--tw-bg-opacity)); + padding-left:.75rem; + padding-right:.75rem; + padding-top:.25rem; + padding-bottom:.25rem; + font-size:.75rem; + line-height:1rem; + font-weight:400 +} +.tw-signin-button{ + margin-top:.5rem; + height:2.25rem; + width:15rem; + border-radius:.375rem; + border-width:1px; + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + padding-left:1rem; + padding-right:1rem; + font-weight:500; + box-shadow:0px 0px 4px rgba(0,0,0,.2) +} +.tw-signin-button:hover{ + box-shadow:0px 0px 6px rgba(0,0,0,.2) +} +.tw-card{ + border-radius:.375rem; + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)) +} +.tw-form-label{ + margin-bottom:.25rem; + font-size:.875rem; + line-height:1.25rem; + --tw-text-opacity: 1; + color:rgba(55, 65, 81, var(--tw-text-opacity)) +} +.tw-form-inputs{ + width:100%; + border-radius:.25rem; + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)) +} +.tw-form-inputs:hover{ + --tw-border-opacity: 1; + border-color:rgba(55, 53, 47, var(--tw-border-opacity)) +} +.tw-form-inputs:focus{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)) +} +.tw-form-inputs{ + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tw-form-inputs:focus{ + outline:2px solid transparent; + outline-offset:2px +} +.dropdown-list{ + position:absolute; + z-index:9999; + margin-top:.5rem; + min-width:-webkit-max-content; + min-width:max-content; + -webkit-transform-origin:top right; + transform-origin:top right; + border-radius:.375rem; + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.dropdown-list:focus{ + outline:2px solid transparent; + outline-offset:2px +} +.dropdown-list{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); + --tw-ring-opacity: 1; + --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); + --tw-ring-opacity: 0.05 +} +.dropdown-list.dd-horz-left{ + left:0px +} +.dropdown-list.dd-horz-right{ + right:0px +} +.tw-notification-container{ + position:fixed; + top:.75rem; + right:.75rem; + z-index:9999; + box-sizing:border-box; + font-size:14px; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms; + transition-duration:300ms; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) +} +.tw-notification{ + pointer-events:auto; + position:relative; + margin-bottom:.875rem; + display:flex; + height:auto; + width:20rem; + justify-content:space-between; + border-radius:.25rem; + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + background-position:left top; + background-repeat:no-repeat; + padding:1rem; + --tw-text-opacity: 1; + color:rgba(255, 255, 255, var(--tw-text-opacity)); + --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms; + transition-duration:300ms; + transition-timing-function:linear +} +.tw-heading{ + margin-bottom:1rem; + font-weight:500; + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tw-nav{ + padding-left:.5rem; + padding-right:.5rem; + font-weight:400 +} +.tw-no-description{ + --tw-text-opacity: 1; + color:rgba(107, 114, 128, var(--tw-text-opacity)) +} +.tw-form-label{ + margin-bottom:.5rem; + display:block; + font-size:14px; + font-weight:400; + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.side-panel{ + border-right-width:1px; + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)) +} +.side-panel .seperator,.horz-separator{ + border-bottom-width:1px; + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)) +} +.side-panel .activeCategory{ + margin-left:-1rem; + margin-right:-1rem; + border-right-width:4px; + --tw-border-opacity: 1; + border-color:rgba(249, 130, 108, var(--tw-border-opacity)); + padding-top:.25rem; + padding-bottom:.25rem; + padding-right:.75rem; + padding-left:1rem +} +.side-panel .activeCategory .tag-category{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)); + font-weight:500; + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.custom-checkbox{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)) +} +.custom-checkbox:checked{ + background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); + border-color:transparent; + background-color:currentColor; + background-size:100% 100%; + background-position:center; + background-repeat:no-repeat +} +@media not print{ + .custom-checkbox::-ms-check{ + color:transparent; + background:inherit; + border-color:inherit; + border-radius:inherit + } +} +.custom-checkbox{ + -webkit-appearance:none; + appearance:none; + -webkit-print-color-adjust:exact; + color-adjust:exact; + display:inline-block; + vertical-align:middle; + background-origin:border-box; + -webkit-user-select:none; + -ms-user-select:none; + user-select:none; + flex-shrink:0; + height:1em; + width:1em; + color:#3b82f6; + background-color:#fff +} +.custom-checkbox:focus{ + outline:none; + border-color:#60a5fa +} +.custom-checkbox{ + border-radius:.125rem; + border-width:1px; + --tw-border-opacity: 1; + border-color:rgba(55, 53, 47, var(--tw-border-opacity)) +} +.custom-checkbox:hover{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)) +} +.custom-checkbox:focus{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)) +} +.custom-checkbox{ + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.custom-checkbox:not(:checked):not(:disabled):hover{ + background-color:#7147E840 +} +.custom-checkbox:disabled{ + opacity:.5 +} +.custom-checkbox:checked~.custom-checkbox-label{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)); + font-weight:400; + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.toggle-switch{ + margin-left:.5rem; + margin-right:.5rem; + display:flex; + height:1.25rem; + width:2.25rem; + cursor:pointer; + align-items:center; + border-radius:9999px; + border-width:2px; + --tw-border-opacity: 1; + border-color:rgba(107, 114, 128, var(--tw-border-opacity)); + background-color:#6B728026; + padding-left:.125rem; + padding-right:.125rem; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms; + transition-duration:500ms; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) +} +.toggle-switch.open{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)); + background-color:#7147E840 +} +.toggle-switch .switch{ + height:.75rem; + width:.75rem; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + border-radius:9999px; + --tw-bg-opacity: 1; + background-color:rgba(107, 114, 128, var(--tw-bg-opacity)); + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; + transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms; + transition-duration:500ms; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) +} +.toggle-switch.open .switch{ + --tw-translate-x: 1rem; + --tw-bg-opacity: 1; + background-color:rgba(113, 71, 232, var(--tw-bg-opacity)) +} +body .content-container h1,body .content-container h2{ + font-size:1.75rem +} +body .editor-wrapper ul,body #description ul,body .content-container ul{ + list-style-type:disc +} +.signin-box{ + margin:auto; + height:25rem; + width:30rem; + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + --tw-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.signup-box{ + margin:auto; + width:30rem; + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); + --tw-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.disable-cta *{ + cursor:not-allowed !important +} +.column-highlight{ + -webkit-animation:highlight 3000ms ease-out; + animation:highlight 3000ms ease-out +} +@-webkit-keyframes highlight{ + 0%{ + background-color:#FFC34E40 + } + 100%{ + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)) + } +} +@keyframes highlight{ + 0%{ + background-color:#FFC34E40 + } + 100%{ + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)) + } +} +.tw-pointer-events-none{ + pointer-events:none +} +.tw-invisible{ + visibility:hidden +} +.tw-fixed{ + position:fixed +} +.tw-absolute{ + position:absolute +} +.tw-relative{ + position:relative +} +.tw-inset-0{ + top:0px; + right:0px; + bottom:0px; + left:0px +} +.tw-top-0{ + top:0px +} +.tw-right-0{ + right:0px +} +.tw-left-2{ + left:.5rem +} +.tw-z-10{ + z-index:10 +} +.tw-order-4{ + order:4 +} +.tw-order-5{ + order:5 +} +.tw-col-span-1{ + grid-column:span 1/span 1 +} +.tw-col-span-2{ + grid-column:span 2/span 2 +} +.tw-col-span-3{ + grid-column:span 3/span 3 +} +.tw-col-span-full{ + grid-column:1/-1 +} +.tw-float-left{ + float:left +} +.tw-m-0{ + margin:0px +} +.tw-m-4{ + margin:1rem +} +.tw-m-auto{ + margin:auto +} +.tw-mx-1{ + margin-left:.25rem; + margin-right:.25rem +} +.tw-mx-2{ + margin-left:.5rem; + margin-right:.5rem +} +.tw-mx-3{ + margin-left:.75rem; + margin-right:.75rem +} +.tw-mx-7{ + margin-left:1.75rem; + margin-right:1.75rem +} +.tw-mx-auto{ + margin-left:auto; + margin-right:auto +} +.tw--mx-4{ + margin-left:-1rem; + margin-right:-1rem +} +.tw-my-0{ + margin-top:0px; + margin-bottom:0px +} +.tw-my-1{ + margin-top:.25rem; + margin-bottom:.25rem +} +.tw-my-4{ + margin-top:1rem; + margin-bottom:1rem +} +.tw-my-6{ + margin-top:1.5rem; + margin-bottom:1.5rem +} +.tw-my-7{ + margin-top:1.75rem; + margin-bottom:1.75rem +} +.tw-my-0\.5{ + margin-top:.125rem; + margin-bottom:.125rem +} +.tw-mt-0{ + margin-top:0px +} +.tw-mt-1{ + margin-top:.25rem +} +.tw-mt-2{ + margin-top:.5rem +} +.tw-mt-3{ + margin-top:.75rem +} +.tw-mt-4{ + margin-top:1rem +} +.tw-mt-5{ + margin-top:1.25rem +} +.tw-mt-6{ + margin-top:1.5rem +} +.tw-mt-10{ + margin-top:2.5rem +} +.tw-mt-11{ + margin-top:2.75rem +} +.tw-mt-12{ + margin-top:3rem +} +.tw-mt-20{ + margin-top:5rem +} +.tw-mt-24{ + margin-top:6rem +} +.tw-mt-40{ + margin-top:10rem +} +.tw-mt-0\.5{ + margin-top:.125rem +} +.tw--mt-0{ + margin-top:0px +} +.tw--mt-4{ + margin-top:-1rem +} +.tw--mt-0\.5{ + margin-top:-0.125rem +} +.tw-mr-0{ + margin-right:0px +} +.tw-mr-1{ + margin-right:.25rem +} +.tw-mr-2{ + margin-right:.5rem +} +.tw-mr-10{ + margin-right:2.5rem +} +.tw-mr-auto{ + margin-right:auto +} +.tw-mr-0\.5{ + margin-right:.125rem +} +.tw-mb-0{ + margin-bottom:0px +} +.tw-mb-1{ + margin-bottom:.25rem +} +.tw-mb-2{ + margin-bottom:.5rem +} +.tw-mb-3{ + margin-bottom:.75rem +} +.tw-mb-4{ + margin-bottom:1rem +} +.tw-mb-5{ + margin-bottom:1.25rem +} +.tw-mb-6{ + margin-bottom:1.5rem +} +.tw-mb-7{ + margin-bottom:1.75rem +} +.tw-mb-px{ + margin-bottom:1px +} +.tw-mb-2\.5{ + margin-bottom:.625rem +} +.tw-ml-1{ + margin-left:.25rem +} +.tw-ml-2{ + margin-left:.5rem +} +.tw-ml-3{ + margin-left:.75rem +} +.tw-ml-9{ + margin-left:2.25rem +} +.tw-ml-16{ + margin-left:4rem +} +.tw-ml-auto{ + margin-left:auto +} +.tw--ml-1{ + margin-left:-0.25rem +} +.tw-block{ + display:block +} +.tw-inline-block{ + display:inline-block +} +.tw-inline{ + display:inline +} +.tw-flex{ + display:flex +} +.tw-inline-flex{ + display:inline-flex +} +.tw-grid{ + display:grid +} +.tw-hidden{ + display:none +} +.tw-h-2{ + height:.5rem +} +.tw-h-3{ + height:.75rem +} +.tw-h-4{ + height:1rem +} +.tw-h-5{ + height:1.25rem +} +.tw-h-6{ + height:1.5rem +} +.tw-h-7{ + height:1.75rem +} +.tw-h-8{ + height:2rem +} +.tw-h-10{ + height:2.5rem +} +.tw-h-14{ + height:3.5rem +} +.tw-h-32{ + height:8rem +} +.tw-h-40{ + height:10rem +} +.tw-h-auto{ + height:auto +} +.tw-h-3\.5{ + height:.875rem +} +.tw-h-full{ + height:100% +} +.tw-h-screen{ + height:100vh +} +.tw-max-h-60{ + max-height:15rem +} +.tw-max-h-screen{ + max-height:100vh +} +.tw-max-h-90vh{ + max-height:90vh +} +.tw-min-h-32{ + min-height:8rem +} +.tw-min-h-168{ + min-height:10.5rem +} +.tw-min-h-tab{ + min-height:24rem +} +.tw-w-2{ + width:.5rem +} +.tw-w-3{ + width:.75rem +} +.tw-w-4{ + width:1rem +} +.tw-w-5{ + width:1.25rem +} +.tw-w-6{ + width:1.5rem +} +.tw-w-8{ + width:2rem +} +.tw-w-9{ + width:2.25rem +} +.tw-w-10{ + width:2.5rem +} +.tw-w-16{ + width:4rem +} +.tw-w-24{ + width:6rem +} +.tw-w-32{ + width:8rem +} +.tw-w-40{ + width:10rem +} +.tw-w-52{ + width:13rem +} +.tw-w-60{ + width:15rem +} +.tw-w-72{ + width:18rem +} +.tw-w-auto{ + width:auto +} +.tw-w-3\.5{ + width:.875rem +} +.tw-w-full{ + width:100% +} +.tw-w-screen{ + width:100vw +} +.tw-min-w-full{ + min-width:100% +} +.tw-min-w-max{ + min-width:-webkit-max-content; + min-width:max-content +} +.tw-max-w-none{ + max-width:none +} +.tw-max-w-sm{ + max-width:24rem +} +.tw-max-w-lg{ + max-width:32rem +} +.tw-max-w-xl{ + max-width:36rem +} +.tw-max-w-3xl{ + max-width:48rem +} +.tw-flex-1{ + flex:1 1 0% +} +.tw-flex-auto{ + flex:1 1 auto +} +.tw-flex-initial{ + flex:0 1 auto +} +.tw-flex-none{ + flex:none +} +.tw-flex-shrink-0{ + flex-shrink:0 +} +.tw-table-auto{ + table-layout:auto +} +.tw-border-separate{ + border-collapse:separate +} +.tw-origin-top-right{ + -webkit-transform-origin:top right; + transform-origin:top right +} +@-webkit-keyframes tw-spin{ + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +@keyframes tw-spin{ + to{ + -webkit-transform:rotate(360deg); + transform:rotate(360deg) + } +} +@-webkit-keyframes tw-ping{ + 75%,100%{ + -webkit-transform:scale(2); + transform:scale(2); + opacity:0 + } +} +@keyframes tw-ping{ + 75%,100%{ + -webkit-transform:scale(2); + transform:scale(2); + opacity:0 + } +} +@-webkit-keyframes tw-pulse{ + 50%{ + opacity:.5 + } +} +@keyframes tw-pulse{ + 50%{ + opacity:.5 + } +} +@-webkit-keyframes tw-bounce{ + 0%,100%{ + -webkit-transform:translateY(-25%); + transform:translateY(-25%); + -webkit-animation-timing-function:cubic-bezier(0.8, 0, 1, 1); + animation-timing-function:cubic-bezier(0.8, 0, 1, 1) + } + 50%{ + -webkit-transform:none; + transform:none; + -webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1); + animation-timing-function:cubic-bezier(0, 0, 0.2, 1) + } +} +@keyframes tw-bounce{ + 0%,100%{ + -webkit-transform:translateY(-25%); + transform:translateY(-25%); + -webkit-animation-timing-function:cubic-bezier(0.8, 0, 1, 1); + animation-timing-function:cubic-bezier(0.8, 0, 1, 1) + } + 50%{ + -webkit-transform:none; + transform:none; + -webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1); + animation-timing-function:cubic-bezier(0, 0, 0.2, 1) + } +} +.tw-cursor-default{ + cursor:default +} +.tw-cursor-pointer{ + cursor:pointer +} +.tw-cursor-text{ + cursor:text +} +.tw-cursor-not-allowed{ + cursor:not-allowed +} +.tw-appearance-none{ + -webkit-appearance:none; + appearance:none +} +.tw-grid-cols-1{ + grid-template-columns:repeat(1, minmax(0, 1fr)) +} +.tw-grid-cols-3{ + grid-template-columns:repeat(3, minmax(0, 1fr)) +} +.tw-grid-cols-4{ + grid-template-columns:repeat(4, minmax(0, 1fr)) +} +.tw-grid-rows-1{ + grid-template-rows:repeat(1, minmax(0, 1fr)) +} +.tw-flex-row{ + flex-direction:row +} +.tw-flex-col{ + flex-direction:column +} +.tw-flex-col-reverse{ + flex-direction:column-reverse +} +.tw-flex-wrap{ + flex-wrap:wrap +} +.tw-flex-nowrap{ + flex-wrap:nowrap +} +.tw-place-content-center{ + place-content:center +} +.tw-place-items-center{ + place-items:center +} +.tw-items-center{ + align-items:center +} +.tw-items-baseline{ + align-items:baseline +} +.tw-justify-start{ + justify-content:flex-start +} +.tw-justify-end{ + justify-content:flex-end +} +.tw-justify-center{ + justify-content:center +} +.tw-justify-between{ + justify-content:space-between +} +.tw-justify-around{ + justify-content:space-around +} +.tw-gap-1{ + gap:.25rem +} +.tw-gap-2{ + gap:.5rem +} +.tw-gap-3{ + gap:.75rem +} +.tw-gap-4{ + gap:1rem +} +.tw-gap-x-2{ + -webkit-column-gap:.5rem; + column-gap:.5rem +} +.tw-gap-x-4{ + -webkit-column-gap:1rem; + column-gap:1rem +} +.tw-gap-y-0{ + row-gap:0px +} +.tw-gap-y-2{ + row-gap:.5rem +} +.tw-self-start{ + align-self:flex-start +} +.tw-self-center{ + align-self:center +} +.tw-justify-self-end{ + justify-self:end +} +.tw-overflow-hidden{ + overflow:hidden +} +.tw-overflow-x-auto{ + overflow-x:auto +} +.tw-overflow-y-auto{ + overflow-y:auto +} +.tw-truncate{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap +} +.tw-whitespace-nowrap{ + white-space:nowrap +} +.tw-rounded{ + border-radius:.25rem +} +.tw-rounded-md{ + border-radius:.375rem +} +.tw-rounded-lg{ + border-radius:.5rem +} +.tw-rounded-full{ + border-radius:9999px +} +.tw-rounded-t-md{ + border-top-left-radius:.375rem; + border-top-right-radius:.375rem +} +.tw-rounded-r{ + border-top-right-radius:.25rem; + border-bottom-right-radius:.25rem +} +.tw-rounded-l{ + border-top-left-radius:.25rem; + border-bottom-left-radius:.25rem +} +.tw-border-0{ + border-width:0px +} +.tw-border-2{ + border-width:2px +} +.tw-border{ + border-width:1px +} +.tw-border-r-2{ + border-right-width:2px +} +.tw-border-r{ + border-right-width:1px +} +.tw-border-b-2{ + border-bottom-width:2px +} +.tw-border-b{ + border-bottom-width:1px +} +.tw-border-l-0{ + border-left-width:0px +} +.tw-border-none{ + border-style:none +} +.tw-border-transparent{ + border-color:transparent +} +.tw-border-white{ + --tw-border-opacity: 1; + border-color:rgba(255, 255, 255, var(--tw-border-opacity)) +} +.tw-border-gray-300{ + --tw-border-opacity: 1; + border-color:rgba(209, 213, 219, var(--tw-border-opacity)) +} +.tw-border-primary-lite{ + border-color:#7147E840 +} +.tw-border-primary{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)) +} +.tw-border-separator{ + --tw-border-opacity: 1; + border-color:rgba(217, 206, 238, var(--tw-border-opacity)) +} +.tw-border-main{ + --tw-border-opacity: 1; + border-color:rgba(226, 220, 228, var(--tw-border-opacity)) +} +.tw-border-text{ + --tw-border-opacity: 1; + border-color:rgba(55, 53, 47, var(--tw-border-opacity)) +} +.hover\:tw-border-gray-400:hover{ + --tw-border-opacity: 1; + border-color:rgba(156, 163, 175, var(--tw-border-opacity)) +} +.hover\:tw-border-gray-600:hover{ + --tw-border-opacity: 1; + border-color:rgba(75, 85, 99, var(--tw-border-opacity)) +} +.hover\:tw-border-hover:hover{ + --tw-border-opacity: 1; + border-color:rgba(55, 53, 47, var(--tw-border-opacity)) +} +.focus\:tw-border-gray-500:focus{ + --tw-border-opacity: 1; + border-color:rgba(107, 114, 128, var(--tw-border-opacity)) +} +.focus\:tw-border-gray-600:focus{ + --tw-border-opacity: 1; + border-color:rgba(75, 85, 99, var(--tw-border-opacity)) +} +.focus\:tw-border-focus:focus{ + --tw-border-opacity: 1; + border-color:rgba(113, 71, 232, var(--tw-border-opacity)) +} +.tw-bg-transparent{ + background-color:transparent +} +.tw-bg-black{ + --tw-bg-opacity: 1; + background-color:rgba(0, 0, 0, var(--tw-bg-opacity)) +} +.tw-bg-white{ + --tw-bg-opacity: 1; + background-color:rgba(255, 255, 255, var(--tw-bg-opacity)) +} +.tw-bg-gray-100{ + --tw-bg-opacity: 1; + background-color:rgba(243, 244, 246, var(--tw-bg-opacity)) +} +.tw-bg-gray-200{ + --tw-bg-opacity: 1; + background-color:rgba(229, 231, 235, var(--tw-bg-opacity)) +} +.tw-bg-gray-300{ + --tw-bg-opacity: 1; + background-color:rgba(209, 213, 219, var(--tw-bg-opacity)) +} +.tw-bg-primary-lite{ + background-color:#7147E840 +} +.tw-bg-primary{ + --tw-bg-opacity: 1; + background-color:rgba(113, 71, 232, var(--tw-bg-opacity)) +} +.tw-bg-primary-active{ + --tw-bg-opacity: 1; + background-color:rgba(69, 13, 226, var(--tw-bg-opacity)) +} +.tw-bg-primary-hover-lite{ + --tw-bg-opacity: 1; + background-color:rgba(219, 209, 249, var(--tw-bg-opacity)) +} +.tw-bg-body-main{ + --tw-bg-opacity: 1; + background-color:rgba(252, 251, 254, var(--tw-bg-opacity)) +} +.tw-bg-tag{ + --tw-bg-opacity: 1; + background-color:rgba(238, 234, 248, var(--tw-bg-opacity)) +} +.tw-bg-error{ + --tw-bg-opacity: 1; + background-color:rgba(255, 76, 59, var(--tw-bg-opacity)) +} +.tw-bg-warning{ + --tw-bg-opacity: 1; + background-color:rgba(255, 195, 78, var(--tw-bg-opacity)) +} +.tw-bg-info{ + --tw-bg-opacity: 1; + background-color:rgba(24, 144, 255, var(--tw-bg-opacity)) +} +.hover\:tw-bg-gray-400:hover{ + --tw-bg-opacity: 1; + background-color:rgba(156, 163, 175, var(--tw-bg-opacity)) +} +.hover\:tw-bg-primary-hover:hover{ + --tw-bg-opacity: 1; + background-color:rgba(85, 35, 224, var(--tw-bg-opacity)) +} +.hover\:tw-bg-primary-hover-lite:hover{ + --tw-bg-opacity: 1; + background-color:rgba(219, 209, 249, var(--tw-bg-opacity)) +} +.hover\:tw-bg-body-hover:hover{ + --tw-bg-opacity: 1; + background-color:rgba(249, 248, 253, var(--tw-bg-opacity)) +} +.focus\:tw-bg-primary:focus{ + --tw-bg-opacity: 1; + background-color:rgba(113, 71, 232, var(--tw-bg-opacity)) +} +.focus\:tw-bg-primary-active:focus{ + --tw-bg-opacity: 1; + background-color:rgba(69, 13, 226, var(--tw-bg-opacity)) +} +.tw-p-0{ + padding:0px +} +.tw-p-1{ + padding:.25rem +} +.tw-p-2{ + padding:.5rem +} +.tw-p-3{ + padding:.75rem +} +.tw-p-4{ + padding:1rem +} +.tw-p-5{ + padding:1.25rem +} +.tw-px-0{ + padding-left:0px; + padding-right:0px +} +.tw-px-1{ + padding-left:.25rem; + padding-right:.25rem +} +.tw-px-2{ + padding-left:.5rem; + padding-right:.5rem +} +.tw-px-3{ + padding-left:.75rem; + padding-right:.75rem +} +.tw-px-4{ + padding-left:1rem; + padding-right:1rem +} +.tw-px-5{ + padding-left:1.25rem; + padding-right:1.25rem +} +.tw-px-6{ + padding-left:1.5rem; + padding-right:1.5rem +} +.tw-px-8{ + padding-left:2rem; + padding-right:2rem +} +.tw-px-10{ + padding-left:2.5rem; + padding-right:2.5rem +} +.tw-px-0\.5{ + padding-left:.125rem; + padding-right:.125rem +} +.tw-py-0{ + padding-top:0px; + padding-bottom:0px +} +.tw-py-1{ + padding-top:.25rem; + padding-bottom:.25rem +} +.tw-py-2{ + padding-top:.5rem; + padding-bottom:.5rem +} +.tw-py-3{ + padding-top:.75rem; + padding-bottom:.75rem +} +.tw-py-4{ + padding-top:1rem; + padding-bottom:1rem +} +.tw-py-5{ + padding-top:1.25rem; + padding-bottom:1.25rem +} +.tw-py-6{ + padding-top:1.5rem; + padding-bottom:1.5rem +} +.tw-py-7{ + padding-top:1.75rem; + padding-bottom:1.75rem +} +.tw-py-px{ + padding-top:1px; + padding-bottom:1px +} +.tw-py-0\.5{ + padding-top:.125rem; + padding-bottom:.125rem +} +.tw-py-1\.5{ + padding-top:.375rem; + padding-bottom:.375rem +} +.tw-pt-0{ + padding-top:0px +} +.tw-pt-1{ + padding-top:.25rem +} +.tw-pt-2{ + padding-top:.5rem +} +.tw-pt-4{ + padding-top:1rem +} +.tw-pt-8{ + padding-top:2rem +} +.tw-pr-1{ + padding-right:.25rem +} +.tw-pr-2{ + padding-right:.5rem +} +.tw-pr-3{ + padding-right:.75rem +} +.tw-pr-7{ + padding-right:1.75rem +} +.tw-pr-1\.5{ + padding-right:.375rem +} +.tw-pb-0{ + padding-bottom:0px +} +.tw-pb-1{ + padding-bottom:.25rem +} +.tw-pb-2{ + padding-bottom:.5rem +} +.tw-pb-3{ + padding-bottom:.75rem +} +.tw-pb-4{ + padding-bottom:1rem +} +.tw-pl-1{ + padding-left:.25rem +} +.tw-pl-2{ + padding-left:.5rem +} +.tw-pl-3{ + padding-left:.75rem +} +.tw-pl-5{ + padding-left:1.25rem +} +.tw-pl-6{ + padding-left:1.5rem +} +.tw-pl-8{ + padding-left:2rem +} +.tw-pl-1\.5{ + padding-left:.375rem +} +.tw-text-left{ + text-align:left +} +.tw-text-center{ + text-align:center +} +.tw-text-right{ + text-align:right +} +.tw-align-middle{ + vertical-align:middle +} +.tw-align-bottom{ + vertical-align:bottom +} +.tw-text-xs{ + font-size:.75rem; + line-height:1rem +} +.tw-text-sm{ + font-size:.875rem; + line-height:1.25rem +} +.tw-text-base{ + font-size:1rem; + line-height:1.5rem +} +.tw-text-lg{ + font-size:1.125rem; + line-height:1.75rem +} +.tw-text-xl{ + font-size:1.25rem; + line-height:1.75rem +} +.tw-text-2xl{ + font-size:1.5rem; + line-height:2rem +} +.tw-text-h2{ + font-size:2rem +} +.tw-text-h4{ + font-size:1.5rem +} +.tw-text-body{ + font-size:14px +} +.tw-font-light{ + font-weight:300 +} +.tw-font-normal{ + font-weight:400 +} +.tw-font-medium{ + font-weight:500 +} +.tw-font-semibold{ + font-weight:600 +} +.tw-font-bold{ + font-weight:700 +} +.tw-italic{ + font-style:italic +} +.tw-leading-5{ + line-height:1.25rem +} +.tw-leading-6{ + line-height:1.5rem +} +.tw-leading-8{ + line-height:2rem +} +.tw-leading-tight{ + line-height:1.25 +} +.tw-text-white{ + --tw-text-opacity: 1; + color:rgba(255, 255, 255, var(--tw-text-opacity)) +} +.tw-text-gray-400{ + --tw-text-opacity: 1; + color:rgba(156, 163, 175, var(--tw-text-opacity)) +} +.tw-text-gray-500{ + --tw-text-opacity: 1; + color:rgba(107, 114, 128, var(--tw-text-opacity)) +} +.tw-text-gray-600{ + --tw-text-opacity: 1; + color:rgba(75, 85, 99, var(--tw-text-opacity)) +} +.tw-text-gray-700{ + --tw-text-opacity: 1; + color:rgba(55, 65, 81, var(--tw-text-opacity)) +} +.tw-text-gray-900{ + --tw-text-opacity: 1; + color:rgba(17, 24, 39, var(--tw-text-opacity)) +} +.tw-text-red-500{ + --tw-text-opacity: 1; + color:rgba(239, 68, 68, var(--tw-text-opacity)) +} +.tw-text-blue-500{ + --tw-text-opacity: 1; + color:rgba(59, 130, 246, var(--tw-text-opacity)) +} +.tw-text-grey-body{ + --tw-text-opacity: 1; + color:rgba(55, 53, 47, var(--tw-text-opacity)) +} +.tw-text-grey-muted{ + --tw-text-opacity: 1; + color:rgba(107, 114, 128, var(--tw-text-opacity)) +} +.tw-text-primary{ + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.tw-text-primary-II{ + --tw-text-opacity: 1; + color:rgba(141, 106, 241, var(--tw-text-opacity)) +} +.tw-text-primary-active{ + --tw-text-opacity: 1; + color:rgba(69, 13, 226, var(--tw-text-opacity)) +} +.hover\:tw-text-white:hover{ + --tw-text-opacity: 1; + color:rgba(255, 255, 255, var(--tw-text-opacity)) +} +.hover\:tw-text-gray-600:hover{ + --tw-text-opacity: 1; + color:rgba(75, 85, 99, var(--tw-text-opacity)) +} +.hover\:tw-text-gray-700:hover{ + --tw-text-opacity: 1; + color:rgba(55, 65, 81, var(--tw-text-opacity)) +} +.hover\:tw-text-gray-900:hover{ + --tw-text-opacity: 1; + color:rgba(17, 24, 39, var(--tw-text-opacity)) +} +.hover\:tw-text-primary:hover{ + --tw-text-opacity: 1; + color:rgba(113, 71, 232, var(--tw-text-opacity)) +} +.hover\:tw-text-primary-hover:hover{ + --tw-text-opacity: 1; + color:rgba(85, 35, 224, var(--tw-text-opacity)) +} +.tw-underline{ + text-decoration:underline +} +.tw-no-underline{ + text-decoration:none +} +.hover\:tw-underline:hover{ + text-decoration:underline +} +.hover\:tw-no-underline:hover{ + text-decoration:none +} +.focus\:tw-underline:focus{ + text-decoration:underline +} +.focus\:tw-no-underline:focus{ + text-decoration:none +} +.tw-opacity-0{ + opacity:0 +} +.tw-opacity-50{ + opacity:.5 +} +.tw-opacity-60{ + opacity:.6 +} +.tw-opacity-80{ + opacity:.8 +} +.tw-opacity-100{ + opacity:1 +} +.tw-group:hover .group-hover\:tw-opacity-100{ + opacity:1 +} +.disabled\:tw-opacity-100:disabled{ + opacity:1 +} +*,::before,::after{ + --tw-shadow: 0 0 #0000 +} +.tw-shadow-sm{ + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.tw-shadow-lg{ + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) +} +.focus\:tw-outline-none:focus{ + outline:2px solid transparent; + outline-offset:2px +} + +.tw-ring-1{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000) +} +.focus\:tw-ring:focus{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000) +} +.tw-ring-black{ + --tw-ring-opacity: 1; + --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) +} +.focus\:tw-ring-gray-300:focus{ + --tw-ring-opacity: 1; + --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)) +} +.focus\:tw-ring-purple-300:focus{ + --tw-ring-opacity: 1; + --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity)) +} +.tw-ring-opacity-0{ + --tw-ring-opacity: 0 +} +.tw-ring-opacity-5{ + --tw-ring-opacity: 0.05 +} +.tw-filter{ + --tw-blur: var(--tw-empty, + ); + --tw-brightness: var(--tw-empty, + + ); + --tw-contrast: var(--tw-empty, + + ); + --tw-grayscale: var(--tw-empty, + + ); + --tw-hue-rotate: var(--tw-empty, + + ); + --tw-invert: var(--tw-empty, + ); + --tw-saturate: var(--tw-empty, + ); + --tw-sepia: var(--tw-empty, + ); + --tw-drop-shadow: var(--tw-empty, + ); + -webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) +} +.tw-grayscale{ + --tw-grayscale: grayscale(100%) +} +.tw-transition-colors{ + transition-property:background-color,border-color,color,fill,stroke; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms +} +.tw-transition-opacity{ + transition-property:opacity; + transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); + transition-duration:150ms +} +.tw-delay-200{ + transition-delay:200ms +} +.tw-duration-150{ + transition-duration:150ms +} +@media(min-width: 768px){ + .md\:tw-grid-cols-2{ + grid-template-columns:repeat(2, minmax(0, 1fr)) + } +} +@media(min-width: 1440px){ + .xl\:tw-grid-cols-4{ + grid-template-columns:repeat(4, minmax(0, 1fr)) + } +} +.main-container{ + display:flex; + height:100vh +} +.profile-image{ + display:inline-block; + height:24px; + width:24px +} +.profile-image svg,.profile-image img{ + border-radius:50%; + display:inline-block +} +.teams-dropdown{ + height:36px; + background-color:transparent !important; + border:none; + border-radius:0; + color:#5e5c58 !important; + font-size:14px; + font-weight:600; + box-shadow:none !important +} +.teams-dropdown:hover,.teams-dropdown:focus,.teams-dropdown:active{ + text-decoration:underline +} +.show>.btn-primary.dropdown-toggle.teams-dropdown,.show>.btn-primary.dropdown-toggle.teams-dropdown:focus{ + text-decoration:underline +} +.teams-dropdown+.dropdown-menu{ + font-size:13px; + padding:0 +} +.teams-dropdown+.dropdown-menu .dropdown-divider{ + margin:0 +} +.header-actions{ + display:flex +} +.svg-icon{ + display:inline-block +} +.sidebar-item{ + display:flex; + align-items:center; + padding:.8rem 1rem +} +.sidebar-item .label{ + margin-left:10px +} +.collapsed-sidebar .sidebar-item{ + justify-content:center +} +.timebar{ + height:30px; + position:relative; + margin:10px 0; + width:100%; + text-align:center; + flex:0 0 100% +} +.timebar::before{ + position:absolute; + left:0; + content:" "; + width:100%; + top:15px; + height:1px; + background-color:#d1cfc7; + display:inline-block; + z-index:-1 +} +.timebar .label{ + display:inline-block; + width:120px; + height:30px; + border:1px solid #d1cfc7; + border-radius:20px; + line-height:30px; + background:#fff +} +.media,.thread-collapsed{ + display:flex; + margin:5px 0; + position:relative; + padding:6px 12px; + width:100%; + flex:0 0 100%; + font-size:1em +} +.thread-collapsed{ + align-items:center +} +.child.media,.child.thread-collapsed{ + padding-left:60px; + padding-top:0; + margin-bottom:0 +} +.child.alink{ + padding-left:60px; + font-size:12px +} +.thread-collapsed .alink{ + font-size:13px; + font-weight:600 +} +.thread-collapsed .last-reply-stamp{ + font-size:12px +} +.thread:hover{ + background:rgba(255,193,67,.15) +} +.thread .chat-details{ + text-align:left; + margin:0 10px +} +.thread .chat-details p{ + margin-bottom:6px +} +.media .media-body .chat-header{ + margin-bottom:3px +} +.media .media-body .chat-header h5{ + font-size:1.25em; + line-height:1em; + font-weight:600; + margin-bottom:6px +} +.media .media-body .chat-header .title{ + font-size:14px; + line-height:14px; + font-weight:600 +} +.media .time{ + margin-left:6px; + font-size:12px; + font-weight:500 +} +.media .chat-message{ + background:#fff; + border:1px solid #e1e4e8; + border-radius:5px; + padding:10px +} +.media .chat-message p:last-child{ + margin-bottom:0 +} +.thread.thread-1{ + padding-left:50px +} +.media .action-buttons{ + position:absolute; + right:12px; + display:none; + top:0; + transition:top .2s,-webkit-transform .2s linear; + transition:top .2s,transform .2s linear; + transition:top .2s,transform .2s linear,-webkit-transform .2s linear +} +.media:hover>.action-buttons{ + display:block +} +.action-buttons img{ + margin:0 4px; + cursor:pointer +} +.sidebar-my-data-holder .my-data-title a{ + color:inherit; + overflow:hidden; + text-overflow:ellipsis +} +.sidebar-my-data-holder .my-data-title a:focus,.sidebar-my-data-holder .my-data-title a:hover{ + color:inherit; + text-decoration:none +} +.sidebar-my-data-holder .sl-box-badge{ + width:52px; + font-size:.75em; + text-align:center; + text-transform:uppercase; + letter-spacing:1px; + padding:3px 8px; + border-radius:5px; + position:absolute; + right:0 +} +.sidebar-my-data-holder .my-data-row{ + display:flex; + margin-right:0 +} +.sidebar-my-data-holder .my-data-title{ + flex:1 1; + display:flex; + align-items:center; + padding-right:0; + line-height:19px +} +.sidebar-my-data-holder .my-data-row .my-data-title .status-icon{ + font-size:.8em +} +.dropdown-container{ + outline:none; + border:0; + font-weight:600 +} +.editor-wrapper:not(.tw-max-h-none){ + max-height:calc(100vh - 10rem) +} +.editor-wrapper code,.editor-code{ + background-color:#f6f6f6; + border:1px solid #dadada; + border-radius:2px; + padding:2px +} +.editor-wrapper blockquote,.editor-blockquote{ + border-left:4px solid #dadada; + padding-left:12px; + font-style:italic +} +.editor-list-container{ + top:-9999px; + left:-9999px; + position:absolute; + max-height:276px; + overflow-x:auto; + padding:3px; + background:#fff; + border-radius:4px; + box-shadow:0 1px 5px rgba(0,0,0,.2) +} +.editor-list-item{ + padding:4px; + border-radius:3px; + height:36px; + vertical-align:middle; + cursor:pointer +} +.editor-list-item:hover{ + background:#f5f8fa +} +.content-element{ + font-weight:600; + color:#2eaadc +} +.editor-actions{ + margin:0 -10px -10px; + padding:5px; + border-top:1px solid #ddd +} +.editor-actions .btn{ + height:25px; + line-height:10px; + margin-right:2px +} +.editor-actions .fa{ + font-size:11px +} +.editor-list-item.selected{ + background-color:#b4d5ff +} +.editor-list-item img{ + height:28px; + margin-right:10px +} +.editor-footer-actions{ + margin-top:3px +} +.editor-footer-actions .btn-sm{ + padding:.25rem .5rem; + font-size:.75rem; + line-height:1.25 +} +.toasts-wrapper{ + z-index:999; + right:10px; + top:10px; + width:auto; + position:absolute +} +.toast-header button{ + outline:none +} +.toast-success,.toast-success .toast-header{ + color:#155724; + background-color:#d4eddadd !important; + border-color:#c3e6cb +} +.toast-error,.toast-error .toast-header{ + color:#721c24; + background-color:#f8d7dadd !important; + border-color:#f5c6cb +} +.toast-warning,.toast-warning .toast-header{ + color:#856404; + background-color:#fff3cddd !important; + border-color:#ffeeba +} +.toast-info,.toast-info .toast-header{ + color:#0c5460; + background-color:#d1ecf1dd !important; + border-color:#bee5eb +} +.side-panel{ + position:fixed; + top:56px; + width:275px; + height:calc(100vh - 56px); + padding:15px; + background-color:#fff; + overflow-y:auto; + overflow-x:hidden +} +.side-panel .activeCategory{ + margin-right:-15px; + margin-left:-15px; + padding:0px 15px; + border-right:3px solid #f9826c; + font-weight:500 +} +.search-wrapper+.page-container .side-panel{ + top:102px; + height:calc(100vh - 102px) +} +.side-panel+.container-fluid{ + padding-left:290px; + min-height:100% +} +.side-panel-list{ + border-top:1px solid #e2dfd4; + padding:5px +} +.side-panel .show-more span,.alink{ + color:#2eaadc +} +.side-panel .show-more span:hover,.side-panel .show-more span:focus,.alink:hover,.alink:focus{ + cursor:pointer; + color:#0056b3; + text-decoration:underline +} +.add-service,.edit-user{ + background-color:#2eaadc; + border-color:#2eaadc +} +.table{ + width:100%; + margin:1rem 0 +} +.btn-link{ + font-weight:normal; + border-radius:0; + border-color:transparent !important; + background-color:transparent; + color:#2eaadc +} +.btn-link:hover,.btn-link:focus{ + background-color:transparent; + text-decoration:underline; + color:#2eaadc +} +.sidebar-tasks-holder .tasks-row{ + border-top:1px solid #d5d6d9; + border-bottom:1px solid #d5d6d9; + padding:5px 0 +} +.sidebar-tasks-holder .task-tag{ + color:#fff; + width:20px; + padding:0 4px; + text-align:center; + font-size:10px; + text-transform:uppercase; + border-radius:5px +} +.sidebar-tasks-holder .task-tag.p0{ + background:#cb2431 +} +.sidebar-tasks-holder .task-tag.p1{ + background:#c45296 +} +.sidebar-tasks-holder .task-tag.p2{ + background:#7558c1 +} +.explore-task-link{ + text-align:right +} +.scorecard-holder .scorecard-row{ + border-top:1px solid #d5d6d9; + border-bottom:1px solid #d5d6d9; + padding:5px 0 +} +.scorecard-holder .scorecard-row.growth-arrow{ + color:#28a745 +} +.scorecard-holder .scorecard-row.loss-arrow{ + color:#cb2431 +} +.sidebar-teams-holder .teams-row,.sidebar-filters-holder .filters-row{ + display:flex +} +.sidebar-teams-holder .teams-title,.sidebar-filters-holder .filters-title{ + flex:1 1; + display:flex; + align-items:center; + line-height:19px +} +.sidebar-teams-holder .teams-row .team-size,.sidebar-filters-holder .filters-row .filter-size{ + background:rgba(0,0,0,.1); + border-radius:5px; + padding:3px 9px; + width:35px; + font-size:.75em; + text-align:center +} +.announcement-holder .announcement-row{ + border-bottom:1px solid #d5d6d9; + padding:7px +} +.announcement-holder .announcement-row:first-child{ + border-top:1px solid #d5d6d9 +} +.announcement-holder .announcement-row>a{ + text-decoration:underline +} +.filter-group{ + display:flex; + align-items:center; + line-height:16px +} +.filter-wrapper{ + display:flex; + align-items:center; + width:100%; + justify-content:space-between; + border-bottom:1px solid #d5d6d9 +} +.left-side-filter{ + display:flex; + align-items:center; + padding:5px 30px; + width:100% +} +.selected-date-filter{ + background:rgba(46,170,220,.15); + border-radius:15px +} +.date-filter{ + margin:0 10px; + padding:5px 10px; + cursor:pointer; + font-size:15px +} +.issue-type{ + width:160px; + height:40px; + display:inline-block; + font-style:normal; + font-weight:400; + font-size:14px; + line-height:19px; + margin:10px; + padding:10px +} +.data-container{ + text-align:center +} +.scorecard-filter{ + display:flex; + align-items:center +} +.graphs-title{ + font-style:normal; + font-weight:600; + font-size:16px; + line-height:22px; + color:#666 +} +.quality-value{ + font-weight:600; + font-size:24px; + line-height:33px; + text-align:center; + color:#000 +} +.quality-name{ + font-style:normal; + font-weight:normal; + font-size:18px; + line-height:25px; + text-align:center; + text-transform:uppercase; + color:#5e5c58 +} +.asset-value{ + font-style:normal; + font-weight:600; + font-size:20px; + line-height:27px; + text-align:center; + color:#000 +} +.asset-name{ + font-style:normal; + font-weight:normal; + font-size:14px; + line-height:19px; + text-align:center; + text-transform:uppercase; + color:#5e5c58 +} +.sl-box.description{ + min-height:138px +} +.required-field::after{ + content:"*"; + vertical-align:middle; + color:red; + padding-left:.2rem +} +.description-text{ + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + line-height:16px; + max-height:50px; + -webkit-line-clamp:3; + -webkit-box-orient:vertical +} +blockquote{ + border-left:5px solid #f1f1f1; + padding-left:5px +} +strong{ + font-weight:bold +} +body .rdw-editor-main pre{ + background:none +} +body .public-DraftStyleDefault-ul li::marker{ + content:"- " +} +.list-option img{ + width:16px +} +body .list-option.rdw-option-active{ + box-shadow:none +} +body{ + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale +} +a{ + color:#2eaadc; + text-decoration:none +} +a:hover,a:focus{ + color:#2eaadc; + text-decoration:none +} +.form-control:focus,.btn.focus,.btn:focus{ + box-shadow:none +} +.table{ + color:#37352f +} +.table td,.table th{ + padding:.75em +} +.text-primary{ + color:#2eaadc !important +} +.text-success{ + color:#28a745 !important +} +.text-danger{ + color:#cb2431 !important +} +.text-warning{ + color:#e9a800 !important +} +.text-info{ + color:#7558c1 !important +} +.text-secondary{ + color:#c45296 !important +} +.bg-primary{ + color:#fff; + background-color:#2eaadc !important +} +.bg-success{ + color:#fff; + background-color:#28a745 !important +} +.bg-danger{ + color:#fff; + background-color:#cb2431 !important +} +.bg-warning{ + color:#fff; + background-color:#e9a800 !important +} +.bg-info{ + color:#fff; + background-color:#7558c1 !important +} +.bg-secondary{ + color:#fff; + background-color:#c45296 !important +} +.quality-title{ + margin:0; + color:#37352f; + font-weight:600 +} +.quality-subtitle{ + margin:0; + color:#37352f; + font-weight:600 +} +.btn{ + font-weight:600 +} +.btn-outline-primary{ + color:#2eaadc; + border-color:#2eaadc +} +.btn-outline-primary:hover{ + color:#2eaadc; + background-color:rgba(46,170,220,.15); + border-color:#2eaadc +} +.btn-outline-primary:focus,.btn-outline-primary.focus{ + box-shadow:none +} +.btn-outline-primary.disabled,.btn-outline-primary:disabled{ + color:#2eaadc; + background-color:transparent +} +.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{ + color:#fff; + background-color:#2eaadc; + border-color:#2eaadc +} +.btn-group-xs>.btn,.btn-xs{ + padding:.125rem .5rem; + font-size:.75rem; + line-height:1.25 +} +.icon-button{ + margin-right:30px; + cursor:pointer +} +.header-links{ + margin-right:15px +} +.user-dropdown{ + height:58px; + background-color:transparent; + border:none; + border-radius:0; + color:#37352f; + font-size:21px; + font-weight:300 +} +.user-dropdown:hover,.user-dropdown:focus{ + background-color:#e8e7e3; + color:#37352f +} +.dropdown-toggle::after{ + border-top:none; + vertical-align:middle +} +.show>.btn-primary.dropdown-toggle.user-dropdown,.show>.btn-primary.dropdown-toggle.user-dropdown:focus{ + background-color:#e8e7e3; + color:#37352f; + box-shadow:none +} +.search-grey{ + width:calc(300px - 60px); + min-width:150px +} +.search-grey.has-search{ + padding:18px 20px; + padding-left:12px +} +.search-grey.has-search .form-control.search{ + padding-left:2.375rem; + background:#f3f3f3; + border-radius:20px; + border:none +} +.search-grey.has-search .search-icon{ + position:absolute; + z-index:2; + display:block; + width:2.375rem; + height:1.95rem; + line-height:1.95rem; + text-align:center; + pointer-events:none; + color:#aaa +} +.breadcrumb{ + padding:0; + margin:0; + background-color:transparent +} +.breadcrumb li a,.breadcrumb li span{ + font-size:14px; + color:#37352f +} +.navbar{ + position:relative; + display:flex; + flex-wrap:wrap; + align-items:center; + justify-content:space-between; + padding:0 +} +.nav-link{ + padding:20px !important; + color:#76746f +} +.active-link{ + color:#37352f; + background-color:transparent +} +.nav-link.active,.dropdown.nav-item.active{ + color:#37352f; + background-color:transparent +} +.dropdown-item.active,.dropdown-item:active{ + color:#fff; + text-decoration:none; + background-color:#d1d5db +} +.sidebar{ + background:#f7f6f3; + transition:width .2s linear; + height:100vh +} +.expanded-sidebar{ + width:220px +} +.collapsed-sidebar{ + width:100px +} +.sidebar-header{ + display:flex; + justify-content:center; + align-items:center; + border-bottom:2px solid #e2dfd4; + height:60px +} +.sidebar-item{ + padding:15px 30px; + color:#76746f; + font-weight:600 +} +.sidebar-item:hover,.sidebar-item.active{ + color:#37352f; + background-color:#e8e7e4 +} +.min-h-100{ + min-height:100% +} +.search-wrapper{ + display:flex; + padding:10px 30px; + background:#f5f8fa +} +.content-wrapper{ + position:relative; + flex-shrink:1; + width:100% +} +.page-container{ + display:flex; + flex-direction:column; + flex-wrap:nowrap; + align-content:flex-start; + position:relative; + height:calc(100% - 61px); + overflow-y:auto; + padding:15px 0 0; + box-shadow:0 -5px 5px -5px #d1cfc7 +} +.search-wrapper+.page-container{ + height:calc(100% - 104px) +} +.page-container.full-page{ + height:100% +} +.sl-box{ + display:flex; + flex-direction:column; + position:relative; + background:#fff; + border:1px solid #e1e4e8; + box-sizing:border-box; + border-radius:5px; + margin-bottom:1rem +} +.sl-box .sl-box-header{ + display:flex; + align-items:center; + padding:8px 12px +} +.sl-box .sl-box-header .sl-title{ + flex:1; + display:flex; + align-items:center; + margin:0; + font-size:1rem; + line-height:18.75px; + font-weight:500 +} +.sl-box .sl-box-header .sl-title .sl-box-badge{ + margin-left:10px; + font-size:.75em; + text-transform:uppercase; + letter-spacing:1px; + padding:4px 8px; + border-radius:5px +} +.sl-box .sl-box-header .sl-title-big{ + flex:1; + display:flex; + align-items:center; + margin:0; + font-size:1.375em; + line-height:2em; + font-weight:600 +} +.sl-box .sl-box-header .sl-box-tools .btn+.btn{ + margin-left:5px +} +.sl-box .sl-box-body{ + padding:0 12px 8px +} +.sl-box .sl-box-body p{ + margin-bottom:6px +} +.sl-box-tag{ + display:inline-block; + margin-left:6px; + padding:5px 10px; + color:#37352f; + background:rgba(233,168,0,.15); + font-size:.875em; + line-height:1; + border-radius:4px +} +.sl-box-link{ + display:inline-block; + margin-left:50px +} +.sl-query{ + padding:8px; + background:#f7f6f3; + border:1px solid #d1cfc7; + border-radius:4px +} +.sl-query pre{ + margin:5px 0 0 +} +.badge-default{ + color:#37352f; + background:rgba(94,92,88,.15) +} +.badge-table{ + color:#7558c1; + background:rgba(117,88,193,.15) +} +.badge-query{ + color:#00977e; + background:rgba(0,151,126,.15) +} +.badge-dashboard{ + color:#c45296; + background:rgba(196,82,150,.15) +} +.badge-metrics{ + color:#e9a800; + background:rgba(233,168,0,.15) +} +.sl-label{ + display:inline-block; + padding:4px 12px; + color:#37352f; + background-color:rgba(0,0,0,.15); + border-radius:4px +} +.sl-label.uuid{ + color:#7558c1; + background-color:rgba(117,88,193,.15) +} +.sl-label.numeric{ + color:#2eaadc; + background-color:rgba(46,170,220,.15) +} +.sl-label.varchar{ + color:#c45296; + background:rgba(196,82,150,.15) +} +.sl-label.timestamp{ + color:#00977e; + background:rgba(0,151,126,.15) +} +.sl-label.boolean{ + color:#e9a800; + background:rgba(233,168,0,.15) +} +.page-search-bar label{ + font-size:1.25em; + color:#37352f; + font-weight:600 +} +.page-search-bar .input-group{ + border-style:solid; + border-color:#ccc; + border-width:2px 1px 1px 2px +} +.page-search-bar .input-group-text{ + background-color:transparent; + border:none; + border-radius:0 +} +.page-search-bar .form-control{ + border:none; + padding-left:0; + border-radius:0 +} +.mydata-summary{ + display:flex; + padding:10px 15px; + margin-bottom:1em; + background:#f7f6f3; + border:1px solid #d1cfc7; + border-radius:4px +} +.mydata-summary>div{ + flex:1 1 auto +} +.mydata-summary p{ + margin-bottom:5px +} +.tier-badge{ + display:inline-block; + padding:6px 10px; + background-color:#76746f; + color:#fff; + font-size:80%; + font-weight:600; + line-height:1; + border-radius:4px +} +.last-runs{ + display:inline-block; + white-space:nowrap +} +.last-runs span{ + display:inline-block; + margin-left:4px; + padding:4px 8px; + line-height:1; + font-weight:600 +} +.table-quality{ + box-shadow:0px 0px 4px rgba(0,0,0,.2) +} +.table-data thead th{ + background-color:#f7f6f3 +} +.mydata-tabs{ + margin:0 -30px; + padding:0 30px +} +.mydata-tabs.nav-tabs .nav-link{ + color:#76746f +} +.mydata-tabs.nav-tabs .nav-link:focus,.mydata-tabs.nav-tabs .nav-link:hover{ + color:#2eaadc; + border-color:transparent +} +.mydata-tabs.nav-tabs .nav-link.active{ + color:#37352f; + border-top:2px #2eaadc solid +} +.mydata-tabs.nav-tabs .nav-link.disabled{ + opacity:.5; + cursor:not-allowed +} +.mydata-tabs.nav-tabs .nav-link.active:focus,.mydata-tabs.nav-tabs .nav-link.active:hover{ + border-color:#2eaadc #dee2e6 #fff +} +.table-data td{ + white-space:nowrap +} +.page-title{ + font-weight:600 +} +.issue-header{ + padding:10px 15px; + background:rgba(255,193,67,.15); + border:1px solid #ccc +} +.issue-header .btn-link{ + padding:0; + color:#76746f +} +.issue-list{ + padding:10px 15px; + border:1px solid #ccc; + border-top:0 +} +.issue-title{ + font-weight:600; + margin-bottom:0 +} +.issue-label{ + font-size:.75em; + padding:3px 9px; + background-color:#cfe7e2; + margin-right:5px; + border-radius:4px +} +.toggle-container{ + display:inline-block +} +.toggle-container>label{ + margin:0 5px +} +.toggle-container>.toggle-label{ + display:inline-block; + font-weight:600 +} +.cb-toggle-switch{ + position:relative; + display:inline-block; + width:35px; + height:1.5em +} +.cb-toggle-switch .toggle-checkbox{ + opacity:0; + width:0; + height:0; + outline:none +} +.toggle-slider{ + position:absolute; + cursor:pointer; + top:0; + left:0; + right:0; + bottom:0; + background:#fff; + transition:.4s; + border:1px solid #ccc +} +.toggle-slider:before{ + position:absolute; + content:""; + height:15px; + width:15px; + left:3px; + bottom:2px; + background-color:#ccc; + transition:.4s +} +.toggle-checkbox:checked+.toggle-slider:before{ + background-color:#2eaadc +} +.toggle-checkbox:checked+.toggle-slider{ + background:rgba(46,170,220,.15); + border:1px solid #2eaadc +} +.toggle-checkbox:focus+.toggle-slider{ + box-shadow:0 0 1px #2196f3 +} +.toggle-checkbox:checked+.toggle-slider:before{ + -webkit-transform:translateX(12px); + transform:translateX(12px) +} +.toggle-slider.toggle-round{ + border-radius:10px +} +.toggle-slider.toggle-round:before{ + border-radius:50% +} +.btn-like{ + color:#ccc; + border-color:#ccc; + font-size:.875rem; + font-weight:600; + border-radius:4px; + padding:.125em .75em +} +.btn-like:hover{ + color:#76746f; + border-color:#76746f +} +.btn-like.liked{ + color:#2eaadc; + border-color:#2eaadc +} +.date-seperator{ + position:relative; + width:100%; + text-align:center; + flex:0 0 100%; + z-index:1 +} +.date-seperator:before{ + position:absolute; + left:0; + content:" "; + width:100%; + top:15px; + height:1px; + background-color:#d1cfc7; + display:inline-block; + z-index:-1 +} +.date-seperator span{ + display:inline-block; + padding:0 30px; + background:#fff; + color:#76746f; + font-weight:600; + line-height:2em; + border:1px solid #d1cfc7; + border-radius:20px; + z-index:2 +} +.tippy-popper{ + pointer-events:auto !important +} +.v-align-sub{ + vertical-align:sub +} +.text-highlighter{ + background-color:#ffc34e40; + padding:.25rem +} \ No newline at end of file diff --git a/ingestion/src/metadata_server/static/img/bigquery.png b/ingestion/src/metadata_server/static/img/bigquery.png new file mode 100644 index 0000000000000000000000000000000000000000..a501bb45f9bf9736ea99b3ab0b67b1d3ca6dcb99 GIT binary patch literal 9549 zcmaKSby!s2)-VGM4nsGnGy>9%lyr9u-8r-a4BaV6hm<&UNhl@K-AKvM2#83xgdpGW zd+)vP_s4g?d7d+8pS4%*z1G=h?X}lyEe%CH@MAC<8XBImlAI3e{_EiaVWIxFD$0FP zH!3fALoZ!-doLd=m>rt5t-G}yowBQygPo3@m95{aVLNd&Gz?~_o}rhax|*nsyDOK~ z0}hw3s|Si24NY9q*Tc%j+0Kj3+Rg#$Cc$vj+Q~o%wUuBn5LD+;_mH)7gev*N>~#G# z^lbc{ZA5GtBwx~r`--9%xY~JH(fPW%xOs~DN-+GxR}|HL0CO|Y{e$A=EWz+UN*Sta z(aE~Q?C6BJcsOl%c!cPLMYwFOtgURUtvTrUc=&j^c?7t51vq(lMEONT1qA5+^c}blOBm`&g2Bi>+v)#E>G-8}y_PpBE=_O zTTyv=S!oejX(8E%dFGXuk>=+Slot@>mwUk@z%L>o^KV)?cN=e4J2$U?)7t(ot?+-P zeQ*a?50qp%I~WvhXR82nccuGh)S}S;u8Y8b<@YaI+yAbM;D4p%Mk&MnVB7!8*8c{f z9O$9>AJ;`a{Kxt2+)y45L%H^J-@phO8hyL6oV1?r;{H2qUs8GU!KzjVJ`!RWeVL_{ z6kRL@or+dCho>LN#5)lbWfdJ^(2$?>_cLp{X)HKm! zC_6q`+AWL*Ja!N<@2y}R0~2oJxBy?VvB*bJVX`df$oOi=E%ROHv8zGgXu=Dxlx1p1 zrXXB3WelkbQ%DEtyme-A*P5cZTrDN_criUfRA*Typoi8#iM>7rSB|x@nnBEH5GOK! zAt{^a4lM{1@XfbY1d1WtS@W7S)^fn=Y%Yn5BCVn9sANv_iR~3S;2R?K5=Jngw(TJB zLH5SdbFK{R%G9E(yDPP!)GOW|tZ0T6Xry>0MyPRDRYOa4yT&gwDDq^Uf=~+&dMoP2 z+p{B%ilj4~73Q}yoPV3-7hK5#}D#9YW-i3hLZz=N#PX&S3 zDdAU4a8mS2>pS+0gj#2YppPv#`QHoLwqhp<$P4KZY+bdMC%6S+&W?&6v#g=HlIeM)bDI)0#g_u! zWsLN1_7PT!cFT%g)bXITy~3Qu3GYAN1}l@e#FgieS~CZgx=%J86dFlU1ovx3Qi-`l zm*-$Mss7fV28+WmXCq`xfY0=KFmEn}+#aLvN*7dzr!tDwnk~tDh9(+KbO5P{>lO-% z!8AWdf1lPeAl&9wZ31UL=*lpaa!U`B`EJ=r+ORMp-1K@NZs0{WRtFUCpV$RrzT2Sk zCk;aJdvQ(R5wfrYJ|7%mGJtmk`M#V9a4V+^E|Q^mh(P1f7t~@QJ?a_yO^VNR4iKqPciPn=(~koR$iL=DKGpT|x@sY((~PwKl5DwpfV_f?X5gM#StO-AZF1DL-7;uhAm z^U3GAv_h2=jCS;atV~Z8P=mpfF01o>A`Ad{(knTotfocktP5v?_;GX zwi=wi2y7bNFuQ&75`&d|MINf2oUv-sA1Z;*%7j0#!p6#pElM(vzLQ|xMFS)y#zM)Q zwk>Cev(=I5AVZn=zn39UkV1s62<)|-?-$CtLA0n6-8xTdcR`h^Qw3hjBmh`!ZVDm| zHOuG1+9#4K_{B9AxqcuIHJcpnnp0XqGdB04a3xDO$24K=9z_BXGs3X?kH5H7G{Yyb z+5$D_x!h24(QV+q=`<)!XTA4L)iJ*OV*iUbhF|;PgE+lVVlqR(u;^6k{b@DXea8Kh zTbjg(P3;jJ7m6X3qeJU1wY@nn_nGy7RyDH~NQJ{Pb*LOKhtx{}46FVGnrM#KB zNCE>7*|wcbKZ`CN{@`0*WUQ0@k$NW~h3NdbPp1QF4f@0R=o;|HGjgIXR&L+u)r*bD zhsE=~1JxfWx|Y(d81rk@zHAdHy-PtxaXfN&nmuWHG+K_&X!VAp3hpV9X?Ie@0kMF+xaB!>n2Wz=n$A&UpZ;bdXxBVAz71wUdX#xxGJN>n1GTM8H z#FxT3=&Dq0N1X-taAe=zE5<52%-mh8&A7?_00P1-5@8WF0fC|LmLIW_;3`d=TE+qa&wk z?HFsL9kLziDM$qyyJo88ZBt;RRU`>bsZ&PV+dV%1ckf@*yN`!s7s=KqXjT?J>Mv~l zmL%Le_M?(=SG=0#h4jXi)7qkTbockA9$C;4Tt6yHna1U#o;*QZlS&4!5-eT|1{-%C zP*!;_wg;lk50Z9#_7{2cRaIt`|GF3&mVnvI*QJ8T)NF;;GG9aFeO{w5`-;VYLAm9U zU0&&~FXl|E?My#f2uj<>8*;Rm`EpZGioW3J(b{QL~W-#p>jt4G29y5|_@RwXajLZg27Rgn`%Cqpub zo8nbN;jzu`{TEGSR<1LaFooCoBy(dm6B{vh?})#=wj`sXz zx!eR?Z1|oie-InIm~8!NJp3CUZ>XTz29Mtic(HEu`@*qXk9POVCk^Ctscwq+KaqC? zHOB5bC%_1I(NIZW)i( zb66I&m&)+?0@ug(-uWxYPMMA2TU6p8hv9WPc|muNs7&w6URnxUurh3lxypa-k**pKv)5atl{P zi|T8qT+Gw}cb`fe1K(jkqRqCsCzxk)TH-|~h#&97zWct8(t5jd`IlM2uczxGVyS+* z>FC*Y?m?vJpZ4w_mzWHco|kTmU~E@awP-f*r0D!T_Q2AaC%K+&|N9*1 zMsjW`;I?fA9ERH9g~zp3GC#vb$P>OmSY+0kWU}Z0p0y zmKRpm+j~3kg|u7Rq(CzMo5lm(b7~b$s@0+4)#&Ud#|w(F{TezJafOl@XF1PITEaxG zi!0{dc6awp-B?6ASax^hA=^(4SL`5=d0a`x;u0`#+RK@=g@rgYQT~M7FsPae&_+|F zo#l;~_u5vxZ>`{jnParr zUE~-*Tqs)7I@8T*&uU7URda8mivml6s5?wiDLE|$7zz+c-iruUsjQT(w8>t`} z{tlxlY*Fd?FV_=i(U;FKa_Ta2!#yA%A@xyZzPp{~Wmccx`DokC?oZx(d*RwzUpW#; z&YES6Au@5sw2}f+l~Z7W$k@;iA+Ez~jOaH?TWi;R#g?u6S7xBc`HX?)E2Z&l^jxGX z@+Mnz$4w?UDzHLmR*OV%RKu%nhty9riz_9xRvb6)F>dQ&J<9`O=SCgT2ZJ3?4}09+ zhLn6dNgY7oz)wj~D|WIzW`nBgZa~Fg$OZeF39d&4ZDYt|5m;LrxevV> zoG`9!A&6N_>B? zsR#j(!mC27!=Y+!WNL&fo?_lgyCA#z8lg7Iz)lVLOvRlERjUaV-d%oF|!1^Zo z)l5PB54U}ZDscWefSEyr-cUn&xQ5JPPkQ*ZYR@~JB=@EHqw=C`)5!E>DaIDaOY#z* z+n!7Edq90J63sDpyZ#P=kVf8aru%P=7u1_g{ojMf=d1K$#C;k|4CgSQ7vj0Xem?4WNWp-v!X|jWA;L%g+`b)}??LB4F5aF6_eKiI|m`>8gWs%v4 z^A>w@4wZG7z&iok$Fihkd#}h$LfDVx_>$pRgx{Dir_oVr0LqS>|$1=de$4Py{K zN_Tfd-WWCQ-r`spY=-!t7M}*bgj|bJ$AvYmFX@_b=(oit+VbQDHH8G)?-G@}r9t=z zFfJbYP(Q=ItTQe@*H+riMp7zq6!5WffkMY(W(FhPSFu>E4@&R=NxWiqfsMKHJU>uJ%dyiX}&dF~=7wp)mN8lJXDRrx@!^OZUvCojB4NMGP zp8*jyH7;p#SUU)ji3uh;TnTEjAEcrD*4iDu51sEY%D4Yd2Y^z6kEAd zNXCKJTijnOK3Xw-j(ufpYQ23~^}sho)4PM`)jdjZWYc-}lTiG4Yj}iusL~haAyIB` z!4$3@laIU-i+MMY-4j?-$u(PX6eRVxg1h}mf?x6}ZRw?*y#*IDG}frZJe|HD_86k4 z$~Nj0S?bMkR8gckmFu$xneX-!n<2ku#T_a%vF?Y1ZJ@Xqwxgb~{l39ca zP1GYqXia|iMAN%eSc=B1I>bG?a)q{YA{9-J<)JZDPvofz35fN>gwC0W;Afb-Td!a=97(DX#sYo=)V^wbDkVjGm=WR#N56K zX>Q%ju&?I{%MMO=9aNGhm-g?7X*?T7u?r&$%%H;uwg-o8O76idoKm8$$?G^Vq2cxf zf*kDjuK;)B!~uO-)SbsuI!UzD<1Y5j%3Pf2PbuH`byN==J?YFg@z0g?o9s4x9ot*b z3sd1`4heDfsC&H|l?>7E$S8huq}*w+a#R_lka(cMQh1<4&-y+YmQ2gEE!Zn6b|~NP z315cE`I_%ni&pNm;u|_zxC*6OD-MzxE8q0J919fLmhhceO@T;vFbm2o7ITRRGo>!D zQ%zC?@T|>dd_-HM!0b<^`%^HxSzxd1+Fm}d+L+ytqN+3M>oo?0ySeeUsN=c@i2agC zV?c%WKhE=C=hpT`XO){aE~^SkgC~a14NC`{mIM>|O3$r`C*c*z^HqH{Lq9B1&vKr( z@Az#9dc7!Gs>6p~_!BozEhVGpp*C+{u6PA|jphQdSP}(pO(t3l0!?1@*dp{YI^^+^ zdrS%D*%E2sg6MHgqt)TqX=5ZZ>3PUdAizfOM1e^}6rVXkp?1B=k9|48#Oa>$J8ADB zO`{x91qp4DT~w1+91-Nn6q}mjuB#G`3sd>0Y6dE;$q(JpzJ?2-zL{V!a)9My2r57j ztfgX6u28^QKQyUW-bJOTu#bJ>nB77I;^+f5V;mMbMbb2LkXS6@w#G=th2Fv}GuWyP zbaCO;YW`Cl#$wB=w%I6i^QBk#fT#m5%{A3(#ibHGtJw+106bb zF^)bwL&vrAHOZ*MzgU-nNobNftS>Ea|O zqCVE%*jj|X{En@9N|6J6s5F`RgtO&I&yRdB8Q0AzV&6B#jKxc8FNZ>Y)<}HWxZZ4{ zB_pObdY&P>q+d&!pZ4eF*~}?(Rml`R0mAJZgPrOKJrnZc2b$v>ay$<8ZfCYW7 z@@VKx*{y91*mFZMb8wQhubJI^mISkx=hu6gg zYC6z)E8dW1jqZHQS!CG`Q^XEGml3kbtaqmt<@O2%tHnA(3C^xPegYl*vpz5eUPWFk zGt9?07Y=JR2C^95c?A%PycJ))`odouGfD3MRjXcTAV0BKpx8QK0q)pzqAXIILWUXU zkmk%;O%=w5=RH{SllYyVt1V`b(;Dt3!e06Zu3As|R@h9lMB_K37t--QbIu3K>yiL)s%NSIeK_$O+CYMDx8#i74DXnBtOu)X%XB<`g?S4Mp zLRv(UFXrTr_T>m{v8(6Z%zT6=9~}2rOmwo3#N7=ybO^l6k4>_N+Z#|xSK8_7STsDn zPd86p8o2D0D}9f^=6>nsr2<)?ooaLw`KJSIj0!5cd48H@Xh4+jTNv9i+7OL{yAAo8 zFdB!y@tl-CvU;12aceom0U92<#bbiFeFfu1az^n{PY|tSF48PzYrL|z#-Yz3c&>(9 zO>IZH;qp_q3;?8c`=R0{vdE=Re=rrdxaFj2Y?S;N7se=^ze>_l+yXL{T9{`p4dg|$ zfU_TnE61!hYtvn`cO{t~&E>4lln7o#lp*Al+~wGvzeMW(`AOi}!TAD@73BIhr*}m| zy#k{qQMp8%sn(qF;=4m4$r7&YRh<;<*=PI=7N4!8R`1IvEIwVIBsr@&U}QRm)0dl) z2@$4#v~SUX-l%=Lt6|K!G)I-VM4HUq@Hcgm1e;?g!qY!gRes-l&T_lMPonZkGY2~6 zqs&D_b6!D(vqonKz8@eCboA>Mw=1I}y|bZf4=E`%f;H^l@I(#qdjbdZ00Z5$t>*sm zfNhf~E%V7i3Ak-{*R-L*x*n$1G5n38O@nbanEpfoFVI`?5}N~O_S7f)e8*yQu;#_Z zdh^0uIriw^obUU7I?O_c+%jKuzb4B#;!r84zvyHjx!R;DT8kivQi5zxY@8+hrE0qS!g*WNG6kuS&kIwv_axdb4|XKh8A$mW%u|99&B^ z=ES2K+@Kd82U&kF#G6`yO)<}cLR>+lbKc~{kqx91!ZzVQ367|LCsYFN=py!7og^hW zy2=S^M|G3K(e&8aT_)*w@&OruCYNr~70(u*Uf=gi$#8Ofpe`(b(;@>FZGw|?K5NNby}{kk;1P6oL5?%0Rt zYDs|acJ)N#ENm$}OSL(MY9cZU%am73sOi*}Gr`J>QWv$=Zj;l_sRnIGcqF@Rma*&wAxLC(}x!Ert;lEhHV%-n;!w^qG`@Mu}L3={lzkVd3 zmCw;V6IAH`xV|b`$lX$0InhYKbFFWE=&<7JvJld2+vmwkEnLd_>Cu?<6P(H0OV)^n zB>s4+rn^9iff@bJX1^qK-+w`d6p7urGy}lvDxDxF9QzVQrIHS;xodOQ?~kE&sY*|s zvie!AUW={uRs&cmo3dJDE#thrzVXNrY>GZ_Hzjc8GKolb!H1 zvg$}Wk@_VPnzd+g{h|K?YIW!jW&Lq!ub_cqO-O?)p>PA6*LbCRfGq;FMdbuznxD{r%dxa})LBcu&JVUo zN&*eS%SfgkaOVP|WB6EN+kSg@?LSpIrecgDTg?b{ z1aVw4P^lNgo$;^V1*N*-emCY$5)a1Ff4rDEG}9F4ga%Ycohr(-5q@q0(d*kd?va_u z>xYIji)(NXd^iVHEc$D@FR)c&cquW}H!GXL@NX7d?9i(%1&1tl_2gi@nI&! zL3nbdG!O4=XT&|T1H1Je@nntb4*yDyZh*%-E}31|Eu*Mp`J!3fL|H)+ful}a-$ye= zbj7QO5^KN68VuFnE9>)@KTNy0{){vx^ya=l$YZeMxe zSuqh2`QhBLm99AdP-01t=c#t(ubLV_)Q9tR`X2%{GxACj&+7Dl;#NtjC%jkBsPZlS zZS!+O)GTtARV&JuahLFF>vvdWiDtgQwhzXU|}J2mMG zJYsd6qZ?C6N@inhTw=??ByIX@3Gt8Adp!v`Xo_P70Hq=R4QApv6|0yevQEwV0ywBI zAjQ`a(pfo!c89vxBf72Cg;12ec&8s^OkCt+zq%-OJn(epDl!k0v=>_B0#!WCAX{0f z1)9j8h4y43<}Q@}f$DYlO~zrbR#b0zhK3_3c@9y-DEXbgI)Q)W87c$02_~8)Z!l}a zfcnjOSD*h29^M7-X0lmL38@pJi&|kjxr=aczBYFLvX6>(&jUHI-XufHo-C{fL>|gZ zwKF|D&oR~MmkvZve7g~x3tVSFS*Zy}#<=2A&A%bzxo&(@+#y<&br*q9QEr4wh(%tcMxL0V&%ytv z$6GCFLp3?Gj8|KA$_#ThjE-F*owrX5DNG0aICH0O>QX)*5P8 zbPb`m{knX-eeQqY*dF}xx))cKraf)ZvxTy`1hpQ4oY%jukqakHoq3~53?{vM4O`*^ zT)KsC`?N@g&uo;Q7H*gs;h5(3Ml2ZD>C)f|AKtsP2?<*!%PWy zQXL4%4y3?Z#zuhOaQn~<^!V==bra-(Y6Vo_{n3JUGvF_G(lXQ@#KcV#JLKzYDo>=7 z?gJSqpdyFx2;(B|cNa&_?c1~J z1in|&RFj}eAEs3s!rr3&QwZ_zVuy!9h<_>|P=yfxR7aqSBp&+ysg8K))7ZI3$3?r2 WLB7bUyKjCda8j1nkgJig4F5mgd}s6k literal 0 HcmV?d00001 diff --git a/ingestion/src/metadata_server/static/img/favicon.png b/ingestion/src/metadata_server/static/img/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..5770cd8c9dfd98341deee6e79e6c72a89f318c63 GIT binary patch literal 1150 zcma)*Sx8i27>55LZ>6rfj4m=tx)96?B|-&Tz(ga(a^G#UEXi`$T*8GZwM@#;u|-A4 zE?OueGbk(3%EZiZopBkHbQU$8)RF0HbPl@k3W$C2ST8Cf{}9ZA=;{huZBJ+T+qO@$NJ1Rx7@h)PTF}u={Y=5k~dE z`4C=(r{F`T5)FF-P`~paD3|cQ!Ob7<)64KWHVxcmhuxa(-imupUaGs>JW;#D2d#9@ zcJF9(`JO|Mf3l>@_pHoXT?1r?yX>%=yU|%uxy3`(;_8q7z{{A4D}o`h6sC(6FlXMA zm@ZYyjAz{8E<5bfBdB<}KSVW2&zJFZ8I0#|VzKEBtV0v9{WeOhBa>KEx5JoRE<4<1 zhg}zfzPHwJsuYHVV$3TWwY!eU4)fiblT%N@P2 zn->5p{qBU_yolw_A26j=({+?UcF9?F*>@!J2)&%2Q^J&AE6+E7TMctT9Slh~)?EE+ wmmU5Kvd=gW9)yzUrfZoq#24EnyicTTW#&#t?n<|9gAmzt7n%QEYkhYA0s?28bN~PV literal 0 HcmV?d00001 diff --git a/ingestion/src/metadata_server/static/img/logo.svg b/ingestion/src/metadata_server/static/img/logo.svg new file mode 100644 index 00000000000..3d574a2ae88 --- /dev/null +++ b/ingestion/src/metadata_server/static/img/logo.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/ingestion/src/metadata_server/static/img/no-data-found.svg b/ingestion/src/metadata_server/static/img/no-data-found.svg new file mode 100644 index 00000000000..51a8b46db3f --- /dev/null +++ b/ingestion/src/metadata_server/static/img/no-data-found.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ingestion/src/metadata_server/templates/404.html b/ingestion/src/metadata_server/templates/404.html new file mode 100644 index 00000000000..05f02dbe5fa --- /dev/null +++ b/ingestion/src/metadata_server/templates/404.html @@ -0,0 +1,9 @@ +{% extends 'layout/base.html' %} +{% load static %} +{% block content %} +
+
+
+
+{% endblock content %} \ No newline at end of file diff --git a/ingestion/src/metadata_server/templates/dataset.html b/ingestion/src/metadata_server/templates/dataset.html new file mode 100644 index 00000000000..6af5ad1c205 --- /dev/null +++ b/ingestion/src/metadata_server/templates/dataset.html @@ -0,0 +1,157 @@ +{% extends 'layout/base.html' %} +{% load static %} +{% block title %} Openmetadata - Dataset details{% endblock title %} +{% block content %} + +{% if error %} +

{{error}}

+{% else %} + +
+
+
+
+ +
0
+
+
+ +
Owner : {{dataset.owner.name|default:"--"}}•Tier : + {% if dataset.tags %} + Tier2 + + {% else %} + -- + {% endif %} + •Usage : {% if dataset.usageSummary.weeklyStats.percentileRank %}{% cycle 'Medium - ' 'Low - ' %} {% endif %}{{dataset.usageSummary.weeklyStats.percentileRank|default:"--"}}{% if dataset.usageSummary.weeklyStats.percentileRank %}th pctile + {% endif %} + •Queries : 85 past week•Rows : --•Columns : --
+
+
+
+
+ +
+
+
+
+
+
+ Description +
+
+
+
+
+

{{dataset.description}}

+
+
+
+
+
+
+
+
Frequently Joined Tables
+
+
shopify/fact_sale550
+
shopify/fact_order150
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + {% for column in dataset.columns %} + + + + + + {% if column.tags %} + + {% else %} + + + {% endif %} + + {% endfor %} + +
Column NameData TypeDescriptionTags
{{column.name}}{{column.columnDataType|lower}} +
+
+
+
+

{{column.description}}

+
+
+ +
+
+ Frequently joined columns:shopify/fact_order/api_client_id,shopify/fact_order/customer_id,shopify/fact_order/order_id +
...
+
+
+ 		+ + +
+
+
#PersonalData.Personal
+ +
+
+ + + 		+ + +
+
+ Add tag
+
+ + +
+
+
+
+
+
+
+
+
+
+ +{% endif %} + +{% endblock content %} \ No newline at end of file diff --git a/ingestion/src/metadata_server/templates/layout/base.html b/ingestion/src/metadata_server/templates/layout/base.html new file mode 100644 index 00000000000..d912657d735 --- /dev/null +++ b/ingestion/src/metadata_server/templates/layout/base.html @@ -0,0 +1,21 @@ +{% load static %} + + + + + + + + + + {% block title %}{% endblock title %} + + + {% include "layout/header.html" %} +
+
+ {% block content %}{% endblock content %} +
+
+ + diff --git a/ingestion/src/metadata_server/templates/layout/header.html b/ingestion/src/metadata_server/templates/layout/header.html new file mode 100644 index 00000000000..ec848c9ea3a --- /dev/null +++ b/ingestion/src/metadata_server/templates/layout/header.html @@ -0,0 +1,54 @@ +{% load static %} +
+
+
+ OpenMetadata Logo +
+
+ Explore +
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
\ No newline at end of file diff --git a/ingestion/src/metadata_server/templates/list.html b/ingestion/src/metadata_server/templates/list.html new file mode 100644 index 00000000000..508645a5150 --- /dev/null +++ b/ingestion/src/metadata_server/templates/list.html @@ -0,0 +1,71 @@ +{% extends 'layout/base.html' %} +{% block title %} Openmetadata - Dataset list{% endblock title %} +{% block content %} +
+
+

OpenMetadata

+
+
icon
+
icon
+
icon
+
+
+
+

Explore Assets

+

OpenMetadata has 28 Assets. Click Explore on top menu to search, claim or follow your Data Assets

+
+
+

Register Services

+

Create a service to bring in metadata. Click Settings -> Services to explore available services.

+
+
+

Knowledgebase

+

Check our docs for documentation and try out the APIs here.

+
+
+
+{% for dataset in datasets %} +
+
+
+
+ table +
+
+
+
+
+
+
+

{{dataset.description}}

+
+
+

Owner : {{dataset.owner.name|default:"--"}} + •Service : {{dataset.service|default:"--"}}• + Usage : + {% if dataset.usageSummary.weeklyStats.percentileRank %}{% cycle 'Medium - ' 'Low - ' %} {% endif %}{{dataset.usageSummary.weeklyStats.percentileRank|default:"--"}}{% if dataset.usageSummary.weeklyStats.percentileRank %}th pctile + {% endif %} + + •Tier : {% if dataset.tags %} + Tier2 + {% else %} + {{dataset.tier|default:"No Tier"}} + {% endif %} +

+ + {% if dataset.tags %} + +
#Tier2#PersonalData.Personal
+ + {% endif %} + +
+
+
+
+ +{% endfor %} +
+{% endblock content %} \ No newline at end of file