From 738d98c5a86fca8fdacdbdbaeebe8c66ae1fbc5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:23:34 +0200 Subject: [PATCH 01/59] add alpha workflow --- .github/workflows/docker-publish-alpha.yml | 352 +++++++++++++++++++++ 1 file changed, 352 insertions(+) create mode 100644 .github/workflows/docker-publish-alpha.yml diff --git a/.github/workflows/docker-publish-alpha.yml b/.github/workflows/docker-publish-alpha.yml new file mode 100644 index 0000000..ba58e2a --- /dev/null +++ b/.github/workflows/docker-publish-alpha.yml @@ -0,0 +1,352 @@ +name: Docker-alpha + +# This workflow uses actions that are not certified by GitHub. +# They are provided by a third-party and are governed by +# separate terms of service, privacy policy, and support +# documentation. + +on: + workflow_dispatch: + push: + branches: + - 'alpha' + +env: + # Use docker.io for Docker Hub if empty + REGISTRY: ghcr.io + # github.repository as / + IMAGE_NAME_APP: ${{ github.repository }} + IMAGE_NAME_NGINX: ${{ github.repository }}/nginx + IMAGE_NAME_WORKER: ${{ github.repository }}/worker + IMAGE_NAME_BEAT: ${{ github.repository }}/beat + IMAGE_NAME_REDIS: ${{ github.repository }}/redis + + +jobs: + build-app: + + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + # This is used to complete the identity challenge + # with sigstore/fulcio when running outside of PRs. + id-token: write + + steps: + - name: Checkout repository + uses: actions/checkout@v3 + + # Install the cosign tool except on PR + # https://github.com/sigstore/cosign-installer + - name: Install cosign + if: github.event_name != 'pull_request' + uses: sigstore/cosign-installer@v3.1.2 + + + # Workaround: https://github.com/docker/build-push-action/issues/461 + - name: Setup Docker buildx + uses: docker/setup-buildx-action@79abd3f86f79a9d68a23c75a09a9a85889262adf + + # Login against a Docker registry except on PR + # https://github.com/docker/login-action + - name: Log into registry ${{ env.REGISTRY }} + if: github.event_name != 'pull_request' + uses: docker/login-action@28218f9b04b4f3f62068d7b6ce6ca5b26e35336c + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + + # Extract metadata (tags, labels) for Docker + # https://github.com/docker/metadata-action + - name: Extract Docker metadata + id: meta + uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_APP }} + tags: | + type=raw,value=alpha + # Build and push Docker image with Buildx (don't push on PR) + # https://github.com/docker/build-push-action + - name: Build and push Docker image + id: build-and-push + uses: docker/build-push-action@ac9327eae2b366085ac7f6a2d02df8aa8ead720a + with: + context: . + push: ${{ github.event_name != 'pull_request' }} + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} + + # Sign the resulting Docker image digest except on PRs. + # This will only write to the public Rekor transparency log when the Docker + # repository is public to avoid leaking data. If you would like to publish + # transparency data even for private images, pass --force to cosign below. + # https://github.com/sigstore/cosign + - name: Sign the published Docker image + if: ${{ github.event_name != 'pull_request' }} + env: + COSIGN_EXPERIMENTAL: true + # This step uses the identity token to provision an ephemeral certificate + # against the sigstore community Fulcio instance. + run: cosign sign --yes ${{ steps.meta.outputs.tags }}@${{ steps.build-and-push.outputs.digest }} + + build-nginx: + + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + # This is used to complete the identity challenge + # with sigstore/fulcio when running outside of PRs. + id-token: write + + steps: + - name: Checkout repository + uses: actions/checkout@master + + # Install the cosign tool except on PR + # https://github.com/sigstore/cosign-installer + - name: Install cosign + if: github.event_name != 'pull_request' + uses: sigstore/cosign-installer@v3.1.2 + + + # Workaround: https://github.com/docker/build-push-action/issues/461 + - name: Setup Docker buildx + uses: docker/setup-buildx-action@v1 + + # Login against a Docker registry except on PR + # https://github.com/docker/login-action + - name: Log into registry ${{ env.REGISTRY }} + if: github.event_name != 'pull_request' + uses: docker/login-action@v2 + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + + # Extract metadata (tags, labels) for Docker + # https://github.com/docker/metadata-action + - name: Extract Docker metadata + id: meta + uses: docker/metadata-action@v3.6.0 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_NGINX }} + tags: | + type=raw,value=alpha + # Build and push Docker image with Buildx (don't push on PR) + # https://github.com/docker/build-push-action + - name: Build and push Docker image + id: build-and-push + uses: docker/build-push-action@v2 + with: + context: . + file: ./nginx/Dockerfile + push: ${{ github.event_name != 'pull_request' }} + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} + + # https://github.com/sigstore/cosign + - name: Sign the published Docker image + if: ${{ github.event_name != 'pull_request' }} + env: + COSIGN_EXPERIMENTAL: true + # This step uses the identity token to provision an ephemeral certificate + # against the sigstore community Fulcio instance. + run: cosign sign --yes ${{ steps.meta.outputs.tags }}@${{ steps.build-and-push.outputs.digest }} + + build-worker: + + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + # This is used to complete the identity challenge + # with sigstore/fulcio when running outside of PRs. + id-token: write + + steps: + - name: Checkout repository + uses: actions/checkout@master + + # Install the cosign tool except on PR + # https://github.com/sigstore/cosign-installer + - name: Install cosign + if: github.event_name != 'pull_request' + uses: sigstore/cosign-installer@v3.1.2 + + + # Workaround: https://github.com/docker/build-push-action/issues/461 + - name: Setup Docker buildx + uses: docker/setup-buildx-action@v1 + + # Login against a Docker registry except on PR + # https://github.com/docker/login-action + - name: Log into registry ${{ env.REGISTRY }} + if: github.event_name != 'pull_request' + uses: docker/login-action@v2 + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + + # Extract metadata (tags, labels) for Docker + # https://github.com/docker/metadata-action + - name: Extract Docker metadata + id: meta + uses: docker/metadata-action@v3.6.0 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_WORKER }} + tags: | + type=raw,value=alpha + # Build and push Docker image with Buildx (don't push on PR) + # https://github.com/docker/build-push-action + - name: Build and push Docker image + id: build-and-push + uses: docker/build-push-action@v2 + with: + context: . + file: ./Dockerfile-worker + push: ${{ github.event_name != 'pull_request' }} + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} + + # https://github.com/sigstore/cosign + - name: Sign the published Docker image + if: ${{ github.event_name != 'pull_request' }} + env: + COSIGN_EXPERIMENTAL: true + # This step uses the identity token to provision an ephemeral certificate + # against the sigstore community Fulcio instance. + run: cosign sign --yes ${{ steps.meta.outputs.tags }}@${{ steps.build-and-push.outputs.digest }} + + build-beat: + + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + # This is used to complete the identity challenge + # with sigstore/fulcio when running outside of PRs. + id-token: write + + steps: + - name: Checkout repository + uses: actions/checkout@master + + # Install the cosign tool except on PR + # https://github.com/sigstore/cosign-installer + - name: Install cosign + if: github.event_name != 'pull_request' + uses: sigstore/cosign-installer@v3.1.2 + + + # Workaround: https://github.com/docker/build-push-action/issues/461 + - name: Setup Docker buildx + uses: docker/setup-buildx-action@v1 + + # Login against a Docker registry except on PR + # https://github.com/docker/login-action + - name: Log into registry ${{ env.REGISTRY }} + if: github.event_name != 'pull_request' + uses: docker/login-action@v2 + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + + # Extract metadata (tags, labels) for Docker + # https://github.com/docker/metadata-action + - name: Extract Docker metadata + id: meta + uses: docker/metadata-action@v3.6.0 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_BEAT }} + tags: | + type=raw,value=alpha + # Build and push Docker image with Buildx (don't push on PR) + # https://github.com/docker/build-push-action + - name: Build and push Docker image + id: build-and-push + uses: docker/build-push-action@v2 + with: + context: . + file: ./Dockerfile-beat + push: ${{ github.event_name != 'pull_request' }} + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} + + # https://github.com/sigstore/cosign + - name: Sign the published Docker image + if: ${{ github.event_name != 'pull_request' }} + env: + COSIGN_EXPERIMENTAL: true + # This step uses the identity token to provision an ephemeral certificate + # against the sigstore community Fulcio instance. + run: cosign sign --yes ${{ steps.meta.outputs.tags }}@${{ steps.build-and-push.outputs.digest }} + + build-redis: + + runs-on: ubuntu-latest + permissions: + contents: read + packages: write + # This is used to complete the identity challenge + # with sigstore/fulcio when running outside of PRs. + id-token: write + + steps: + - name: Checkout repository + uses: actions/checkout@master + + # Install the cosign tool except on PR + # https://github.com/sigstore/cosign-installer + - name: Install cosign + if: github.event_name != 'pull_request' + uses: sigstore/cosign-installer@v3.1.2 + + + # Workaround: https://github.com/docker/build-push-action/issues/461 + - name: Setup Docker buildx + uses: docker/setup-buildx-action@v1 + + # Login against a Docker registry except on PR + # https://github.com/docker/login-action + - name: Log into registry ${{ env.REGISTRY }} + if: github.event_name != 'pull_request' + uses: docker/login-action@v2 + with: + registry: ${{ env.REGISTRY }} + username: ${{ github.actor }} + password: ${{ secrets.GITHUB_TOKEN }} + + # Extract metadata (tags, labels) for Docker + # https://github.com/docker/metadata-action + - name: Extract Docker metadata + id: meta + uses: docker/metadata-action@v3.6.0 + with: + images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_REDIS }} + tags: | + type=raw,value=alpha + # Build and push Docker image with Buildx (don't push on PR) + # https://github.com/docker/build-push-action + - name: Build and push Docker image + id: build-and-push + uses: docker/build-push-action@v2 + with: + context: . + file: ./Dockerfile-redis + push: ${{ github.event_name != 'pull_request' }} + tags: ${{ steps.meta.outputs.tags }} + labels: ${{ steps.meta.outputs.labels }} + + # https://github.com/sigstore/cosign + - name: Sign the published Docker image + if: ${{ github.event_name != 'pull_request' }} + env: + COSIGN_EXPERIMENTAL: true + # This step uses the identity token to provision an ephemeral certificate + # against the sigstore community Fulcio instance. + run: cosign sign --yes ${{ steps.meta.outputs.tags }}@${{ steps.build-and-push.outputs.digest }} \ No newline at end of file From 49d3230591ca8317ccfb0c6d3e6c6b64e35e3a04 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:23:55 +0200 Subject: [PATCH 02/59] bump to 2.0.3 alpha 1 --- app/__init__.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/__init__.py b/app/__init__.py index c306945..f1df86a 100644 --- a/app/__init__.py +++ b/app/__init__.py @@ -20,7 +20,7 @@ task_track_started=True, ), ) -app.config["APP_VERSION"] = "2.0.2" +app.config["APP_VERSION"] = "2.0.3a1" app.config["APISPEC_SWAGGER_UI_URL"] = "/apidocs" app.config["APISPEC_TITLE"] = "IntuneCD Monitor API Docs" From 72d93fcc012e7aed9412949cd0ec74a5c89bd2ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:24:19 +0200 Subject: [PATCH 03/59] add new column for documentation --- app/models.py | 1 + 1 file changed, 1 insertion(+) diff --git a/app/models.py b/app/models.py index f90bce8..ed2b7da 100644 --- a/app/models.py +++ b/app/models.py @@ -56,6 +56,7 @@ class intunecd_tenants(db.Model): last_task_id = db.Column(db.String, unique=False) new_branch = db.Column(db.String, unique=False) update_branch = db.Column(db.String, unique=False) + create_documentation = db.Column(db.String, unique=False) class api_key(db.Model): From fa7292ba85e412e2db105133cf8d6649591c3321 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:24:43 +0200 Subject: [PATCH 04/59] update for new documentation and improved tenants view --- app/routes.py | 196 +++++++++++++++++++++++++------------------------- 1 file changed, 100 insertions(+), 96 deletions(-) diff --git a/app/routes.py b/app/routes.py index 34340f9..884a119 100644 --- a/app/routes.py +++ b/app/routes.py @@ -102,7 +102,8 @@ def sw(): def connect(): if not session.get("user"): return False - + + # endregion @@ -124,11 +125,11 @@ def home(): # Get the config count from the baseline tenant and diff count from the current tenant config_count_data = summary_config_count.query.filter_by(tenant=baseline_id).all() diff_count_data = summary_diff_count.query.filter_by(tenant=id).all() - + # Set the count data to the last item in the list count_data = config_count_data[-1] if config_count_data else None trackedCount = count_data.config_count if count_data else 0 - + # Set the diff data to the last item in the list diff_data = diff_count_data[-1] if diff_count_data else None diffCount = diff_data.diff_count if diff_data else 0 @@ -137,20 +138,18 @@ def home(): current_config_count = summary_config_count.query.filter_by(tenant=baseline_id).all() current_diff_count = summary_diff_count.query.filter_by(tenant=id).all() matchCount = ( - current_config_count[-1].config_count - current_diff_count[-1].diff_count - ) if current_config_count and current_diff_count else 0 + (current_config_count[-1].config_count - current_diff_count[-1].diff_count) + if current_config_count and current_diff_count + else 0 + ) # Get the current backup and update feed from the current tenant bfeed = intunecd_tenants.query.filter_by(id=id).first().backup_feed if id else None - feed_backup = ( - base64.b64decode(bfeed).decode("utf-8").splitlines() if bfeed else ["No data"] - ) + feed_backup = base64.b64decode(bfeed).decode("utf-8").splitlines() if bfeed else ["No data"] ufeed = intunecd_tenants.query.filter_by(id=id).first().update_feed if id else None - feed_update = ( - base64.b64decode(ufeed).decode("utf-8").splitlines() if ufeed else ["No data"] - ) - feed_update = [line for line in feed_update if line != '-' * 90] + feed_update = base64.b64decode(ufeed).decode("utf-8").splitlines() if ufeed else ["No data"] + feed_update = [line for line in feed_update if line != "-" * 90] # Get the last 30 records of data for the line charts line_data_diff = summary_diff_count.query.filter_by(tenant=id).all()[-30:] @@ -171,18 +170,13 @@ def home(): # Check if any API keys are expiring in the next 30 days api_keys = api_key.query.all() alert_api_keys = any( - key.key_expiration < datetime.now() + timedelta(days=30) - and app_config.ADMIN_ROLE in session["user"]["roles"] + key.key_expiration < datetime.now() + timedelta(days=30) and app_config.ADMIN_ROLE in session["user"]["roles"] for key in api_keys ) # Get all tenants tenants = intunecd_tenants.query.all() - selected_tenant_name = ( - intunecd_tenants.query.filter_by(id=id).first().display_name - if id - else "Tenants" - ) + selected_tenant_name = intunecd_tenants.query.filter_by(id=id).first().display_name if id else "Tenants" return render_template( "pages/home.html", @@ -266,60 +260,67 @@ def documentation(): app.jinja_env.cache = {} segment = get_segment(request) blob_data = "" + html = "" + htmldoc = False + active = False + baseline_tenant = intunecd_tenants.query.filter_by(baseline="true").first() + if baseline_tenant.create_documentation == "true": + if os.path.exists("/documentation/documentation.html"): + htmldoc = True + with open("/documentation/documentation.html", "r") as f: + html = f.read() + else: - def az_blob_client(connection_string, container_name, file_name): - """Create a blob client to get the file from the container.""" - try: - blob_service_client = BlobServiceClient.from_connection_string( - connection_string - ) + def az_blob_client(connection_string, container_name, file_name): + """Create a blob client to get the file from the container.""" + try: + blob_service_client = BlobServiceClient.from_connection_string(connection_string) - blob_client = blob_service_client.get_blob_client( - container=container_name, blob=file_name - ) + blob_client = blob_service_client.get_blob_client(container=container_name, blob=file_name) - return blob_client + return blob_client - except Exception as ex: - print("Error: " + str(ex)) + except Exception as ex: + print("Error: " + str(ex)) - def get_documentation_blob(connection_string, container_name, file_name): - """Returns the current documentation from the blob storage.""" - try: - local_path = "/intunecd/app/templates/include" - data = "" - download_file_path = os.path.join(local_path, "documentation.html") - blob_client = az_blob_client(connection_string, container_name, file_name) - - with open(download_file_path, "wb") as _f: - blob_data = blob_client.download_blob() - data = blob_data.readall() - _f.write(data) - - if data == "": - return False - else: - return True + def get_documentation_blob(connection_string, container_name, file_name): + """Returns the current documentation from the blob storage.""" + try: + local_path = "/intunecd/app/templates/include" + data = "" + download_file_path = os.path.join(local_path, "documentation.html") + blob_client = az_blob_client(connection_string, container_name, file_name) - except Exception as ex: - print("Error: " + str(ex)) + with open(download_file_path, "wb") as _f: + blob_data = blob_client.download_blob() + data = blob_data.readall() + _f.write(data) - if app_config.DOCUMENTATION: - blob_data = get_documentation_blob( - app_config.AZURE_CONNECTION_STRING, - app_config.AZURE_CONTAINER_NAME, - app_config.DOCUMENTATION_FILE_NAME, - ) + if data == "": + return False + else: + return True - active = False - if blob_data: - active = True + except Exception as ex: + print("Error: " + str(ex)) + + if app_config.DOCUMENTATION: + blob_data = get_documentation_blob( + app_config.AZURE_CONNECTION_STRING, + app_config.AZURE_CONTAINER_NAME, + app_config.DOCUMENTATION_FILE_NAME, + ) + + if blob_data: + active = True return render_template( "pages/documentation.html", user=session["user"], segment=segment, active=active, + htmldoc=htmldoc, + html=html, version=msal.__version__, ) @@ -347,9 +348,7 @@ def assignments(): "assigned_to": assignment.assigned_to, } - data["assigned_to"] = ( - data["assigned_to"].replace("'", '"').replace("\\", "\\\\") - ) + data["assigned_to"] = data["assigned_to"].replace("'", '"').replace("\\", "\\\\") data["assigned_to"] = json.loads(data["assigned_to"]) tenant_data["data"]["assignments"].append(data) @@ -407,13 +406,9 @@ def schedules(): # convert to human readable format if crontab.hour == "*" and crontab.minute != "*": run_when = f"Run every hour at {crontab.minute} minutes past the hour" - elif ( - crontab.hour != "*" and crontab.minute != "*" and crontab.day_of_week == "*" - ): + elif crontab.hour != "*" and crontab.minute != "*" and crontab.day_of_week == "*": run_when = f"Run every day at {crontab.hour}:{crontab.minute}" - elif ( - crontab.day_of_week != "*" and crontab.minute != "*" and crontab.hour != "*" - ): + elif crontab.day_of_week != "*" and crontab.minute != "*" and crontab.hour != "*": run_when = f"Run every week on {days[int(crontab.day_of_week)]} at {crontab.hour}:{crontab.minute}" if schedule.name != "celery.backend_cleanup": @@ -553,7 +548,7 @@ def delete_key(): def run_intunecd(): tenant_id = request.json["tenant_id"] task_type = request.json["task_type"] - + tenant = intunecd_tenants.query.get(tenant_id) if task_type == "backup": @@ -569,6 +564,7 @@ def run_intunecd(): # return response return jsonify(data), 202 + # endregion @@ -619,7 +615,7 @@ def add_tenant(): baseline=tenant_baseline, last_update_status="unknown", new_branch=tenant_new_branch, - update_branch="main" + update_branch="main", ) db.session.add(add_tenant) @@ -629,9 +625,7 @@ def add_tenant(): client_ID = app_config.AZURE_CLIENT_ID scope = "https://graph.microsoft.com/.default" redirect_uri = f"{os.getenv('SERVER_NAME')}/tenants" - consent_url = ( - f"{base_url}?client_id={client_ID}&scope={scope}&redirect_uri={redirect_uri}" - ) + consent_url = f"{base_url}?client_id={client_ID}&scope={scope}&redirect_uri={redirect_uri}" return redirect(consent_url) @@ -665,16 +659,37 @@ def delete_tenant(id): @login_required @admin_required def edit_tenant(id): - tenant = intunecd_tenants.query.get(id) - edit_id = tenant.id + edit_tenant = intunecd_tenants.query.get(id) + edit_id = edit_tenant.id + tenants_list = [] tenants = intunecd_tenants.query.all() - + + for tenant in tenants: + tenants_list.append( + { + "id": tenant.id, + "display_name": tenant.display_name, + "name": tenant.name, + "repo": tenant.repo, + "update_args": tenant.update_args, + "backup_args": tenant.backup_args, + "baseline": tenant.baseline, + "last_update_status": tenant.last_update_status, + "update_branch": tenant.update_branch, + "new_branch": tenant.new_branch, + "create_documentation": tenant.create_documentation, + } + ) + branches = get_branches(id) if "HEAD" in branches: branches.remove("HEAD") - return render_template("pages/tenants.html", edit_id=edit_id, tenants=tenants, branches=branches) + # Create a dictionary with the data to be returned + data = {"edit_id": edit_id, "tenants": tenants_list, "branches": branches} + + return render_template("views/edit_tenant.html", user=session["user"], data=data, version=msal.__version__) @app.route("/tenants/edit//save", methods=["POST"]) @@ -690,6 +705,7 @@ def save_tenant(id): tenant.new_branch = request.form.get("tenant_new_branch") tenant_pat = request.form.get("tenant_pat") tenant.update_branch = request.form.get("tenant_update_branch") + tenant.create_documentation = request.form.get("tenant_create_documentation") credential = DefaultAzureCredential() client = SecretClient(app_config.AZURE_VAULT_URL, credential) @@ -715,6 +731,7 @@ def save_tenant(id): return redirect(url_for("tenants")) + # endregion @@ -764,9 +781,7 @@ def add_schedule(): else: schedule_tenant_args = [schedule_tenant, ""] - add_scheduled_task( - schedule_cron, schedule_name, schedule_task, schedule_tenant_args - ) + add_scheduled_task(schedule_cron, schedule_name, schedule_task, schedule_tenant_args) return redirect(url_for("schedules")) @@ -937,9 +952,7 @@ def get_tenants(): @app.route("/api/v1/tenants/", methods=["GET", "PATCH", "DELETE"]) @require_appkey -@doc( - description="Get and update a specific tenant", tags=["tenants"], params=headerDoc() -) +@doc(description="Get and update a specific tenant", tags=["tenants"], params=headerDoc()) @marshal_with(TenantSchema) def get_tenant(id): tenant = intunecd_tenants.query.get(id) @@ -1182,15 +1195,11 @@ def login(): ) -@app.route( - app_config.REDIRECT_PATH -) # Its absolute URL must match your app's redirect_uri set in AAD +@app.route(app_config.REDIRECT_PATH) # Its absolute URL must match your app's redirect_uri set in AAD def authorized(): try: cache = _load_cache() - result = _build_msal_app(cache=cache).acquire_token_by_auth_code_flow( - session.get("flow", {}), request.args - ) + result = _build_msal_app(cache=cache).acquire_token_by_auth_code_flow(session.get("flow", {}), request.args) if "error" in result: return render_template("pages/auth_error.html", result=result) session["user"] = result.get("id_token_claims") @@ -1204,10 +1213,7 @@ def authorized(): def logout(): session.clear() # Wipe out user and its token cache from session return redirect( # Also logout from your tenant's web session - app_config.AUTHORITY - + "/oauth2/v2.0/logout" - + "?post_logout_redirect_uri=" - + url_for("login", _external=True) + app_config.AUTHORITY + "/oauth2/v2.0/logout" + "?post_logout_redirect_uri=" + url_for("login", _external=True) ) @@ -1226,6 +1232,4 @@ def get_segment(r): return None -app.jinja_env.globals.update( - _build_auth_code_flow=_build_auth_code_flow -) # Used in template +app.jinja_env.globals.update(_build_auth_code_flow=_build_auth_code_flow) # Used in template From fdeaf1b0336d0c65fdac237bfdd04366204dcdb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:25:11 +0200 Subject: [PATCH 05/59] add documentation and refactor --- app/run_intunecd.py | 155 +++++++++++++++++++++++++++++++------------- 1 file changed, 109 insertions(+), 46 deletions(-) diff --git a/app/run_intunecd.py b/app/run_intunecd.py index 10ca50b..0052ad6 100644 --- a/app/run_intunecd.py +++ b/app/run_intunecd.py @@ -5,6 +5,7 @@ import json import random import shutil +import mistune from app import app_config from azure.identity import DefaultAzureCredential @@ -26,6 +27,40 @@ socket = SocketIO(message_queue="redis://redis:6379/0", broadcast=True, namespace="/") +def emit_message(message, status, task, TENANT_ID) -> None: + """Emits a message to the frontend. + + Args: + message (str): message to display + status (str): status of the run + task (str): task that is running + TENANT_ID (int): ID of the tenant + """ + date_now = get_now() + socket.emit( + "intunecdrun", + { + "status": status, + "task": task, + "message": message, + "date": date_now, + "tenant_id": TENANT_ID, + }, + ) + + +def update_tenant_status_data(TENANT, status, message) -> None: + """Updates the status data for the tenant. + + Args: + TENANT (object): tenant object + status (str): status of the run + message (str): message to display + """ + TENANT.last_update = get_now() + TENANT.last_update_status = status + TENANT.last_update_message = message + def get_now() -> str: """Returns current date in the Timezone specified in @@ -115,6 +150,47 @@ def get_connection_info(TENANT_ID) -> tuple: return (repo_url, tenant.name) +def create_documentation(PATH, TENANT) -> None: + """Creates documentation for the tenant. + + Args: + PATH (str): path to the repository + TENANT (object): tenant object + """ + cmd = ["IntuneCD-startdocumentation", "-c", "-p", PATH, "-o", f"{PATH}/IntuneCD-documentation.md", "-t", TENANT.name] + cmd = " ".join(cmd) + + emit_message("Creating documentation...", "running", "backup", TENANT.id) + update_tenant_status_data(TENANT, "running", "Creating documentation...") + db.session.commit() + document = subprocess.run(cmd, shell=True) + + if document.returncode != 0: + message = "Could not create documentation" + emit_message(message, "error", "backup", TENANT.id) + update_tenant_status_data(TENANT, "error", message) + db.session.commit() + + else: + try: + with open(f"{PATH}/IntuneCD-documentation.md", "r") as f: + content = f.read() + html = mistune.html(content) + + with open("/documentation/documentation.html", "w") as f: + f.write(html) + + message = "Back and documentation complete" + emit_message(message, "success", "backup", TENANT.id) + update_tenant_status_data(TENANT, "success", message) + db.session.commit() + except: + message = "Could not create documentation" + emit_message(message, "error", "backup", TENANT.id) + update_tenant_status_data(TENANT, "error", message) + db.session.commit() + + @shared_task(ignore_result=False) def run_intunecd_update(TENANT_ID) -> dict: """Runs the IntuneCD-startupdate command for the specified tenant. @@ -124,7 +200,7 @@ def run_intunecd_update(TENANT_ID) -> dict: Returns: dict: returns a dict containing the status, message and date of the update. - """ + """ REPO_URL, AAD_TENANT_NAME = get_connection_info(TENANT_ID) os.environ["TENANT_NAME"] = AAD_TENANT_NAME @@ -132,14 +208,12 @@ def run_intunecd_update(TENANT_ID) -> dict: os.environ["CLIENT_SECRET"] = app_config.AZURE_CLIENT_SECRET intunecd_tenant = intunecd_tenants.query.filter_by(id=TENANT_ID).first() - intunecd_tenant.last_task_id = run_intunecd_update.request.id - intunecd_tenant.last_update_message = "Update in progress..." - intunecd_tenant.last_update_status = "running" - + update_tenant_status_data(intunecd_tenant, "running", "Update in progress...") + db.session.commit() date_now = get_now() - socket.emit("intunecdrun", {"status": "running", "task": "update", "message": "Update in progress...", "date": date_now, "tenant_id": TENANT_ID}) + emit_message("Update in progress...", "running", "update", TENANT_ID) if not all( [ @@ -150,10 +224,8 @@ def run_intunecd_update(TENANT_ID) -> dict: ): date_now = get_now() message = "Could not get environment variables" - socket.emit("intunecdrun", {"status": "error", "task": "update", "message": message, "date": date_now, "tenant_id": TENANT_ID}) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "error" + emit_message(message, "error", "update", TENANT_ID) + update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -172,17 +244,15 @@ def run_intunecd_update(TENANT_ID) -> dict: Repo.clone_from(REPO_URL, local_path) repo = Repo(local_path) - + if intunecd_tenant.update_branch != "main": repo.git.checkout(intunecd_tenant.update_branch) except: date_now = get_now() message = "Could not clone repository" - socket.emit("intunecdrun", {"status": "error", "task": "update", "message": message, "date": date_now, "tenant_id": TENANT_ID}) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "error" + emit_message(message, "error", "update", TENANT_ID) + update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -205,12 +275,10 @@ def run_intunecd_update(TENANT_ID) -> dict: if update.returncode != 0: date_now = get_now() message = "Could not run IntuneCD-startupdate" - socket.emit("intunecdrun", {"status": "error", "task": "update", "message": message, "date": date_now, "tenant_id": TENANT_ID}) + emit_message(message, "error", "update", TENANT_ID) # remove local_path shutil.rmtree(local_path) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_status = "error" - intunecd_tenant.last_update_message = message + update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() return { "status": "error", @@ -266,23 +334,22 @@ def run_intunecd_update(TENANT_ID) -> dict: if intunecd_tenant: intunecd_tenant.update_feed = summary["feed"] - date_now = get_now() message = "Update successful" - socket.emit("intunecdrun", {"status": "success", "task": "update", "message": message, "date": date_now, "tenant_id": TENANT_ID}) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "success" + emit_message(message, "success", "update", TENANT_ID) + update_tenant_status_data(intunecd_tenant, "success", message) db.session.commit() shutil.rmtree(local_path) + date_now = get_now() return { "status": "success", "message": message, "date": date_now, } + @shared_task(ignore_result=False) def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: """Runs the IntuneCD-startbackup command for the specified tenant. @@ -293,7 +360,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: Returns: dict: returns a dict containing the status, message and date of the backup. - """ + """ REPO_URL, AAD_TENANT_NAME = get_connection_info(TENANT_ID) os.environ["TENANT_NAME"] = AAD_TENANT_NAME @@ -303,15 +370,13 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: intunecd_tenant = intunecd_tenants.query.filter_by(id=TENANT_ID).first() assignment_summary = {} prefix_name = "" - + intunecd_tenant.last_task_id = run_intunecd_backup.request.id - intunecd_tenant.last_update_message = "Backup in progress..." - intunecd_tenant.last_update_status = "running" - + update_tenant_status_data(intunecd_tenant, "running", "Backup in progress...") + db.session.commit() - date_now = get_now() - socket.emit("intunecdrun", {"status": "running", "task": "backup", "message": "Backup in progress...", "date": date_now, "tenant_id": TENANT_ID}) + emit_message("Backup in progress...", "running", "backup", TENANT_ID) # Clone the repository try: @@ -325,10 +390,8 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: except: date_now = get_now() message = "Could not clone repository" - socket.emit("intunecdrun", {"status": "error", "task": "backup", "message": message, "date": date_now, "tenant_id": TENANT_ID}) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "error" + emit_message(message, "error", "backup", TENANT_ID) + update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -345,7 +408,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: OPTIONS = intunecd_tenant.backup_args.split(" ") prefix_name = get_prefix_name(intunecd_tenant.backup_args) cmd += OPTIONS - + if prefix_name and prefix_name in Remote(repo, "origin").refs: repo.git.checkout(prefix_name) @@ -355,11 +418,9 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: if backup.returncode != 0: date_now = get_now() message = "Could not run IntuneCD-startbackup" - socket.emit("intunecdrun", {"status": "error", "task": "backup", "message": message, "date": date_now, "tenant_id": TENANT_ID}) + emit_message(message, "error", "backup", TENANT_ID) shutil.rmtree(local_path) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "error" + update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() return { "status": "error", @@ -378,6 +439,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: assignment_summary = json.load(f) with db.session.no_autoflush: + date_now = get_now() count = summary_config_count( tenant=TENANT_ID, config_count=summary["config_count"], @@ -399,12 +461,9 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: if intunecd_tenant: intunecd_tenant.backup_feed = summary["feed"] - date_now = get_now() message = "Backup successful" - socket.emit("intunecdrun", {"status": "success", "task": "backup", "message": message, "date": date_now, "tenant_id": TENANT_ID}) - intunecd_tenant.last_update = date_now - intunecd_tenant.last_update_message = message - intunecd_tenant.last_update_status = "success" + emit_message(message, "success", "backup", TENANT_ID) + update_tenant_status_data(intunecd_tenant, "success", message) db.session.commit() @@ -436,8 +495,12 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: origin = repo.remote(name="origin") origin.push(refspec="HEAD") - shutil.rmtree(local_path) + if intunecd_tenant.create_documentation: + create_documentation(local_path, intunecd_tenant) + shutil.rmtree(local_path) + + date_now = get_now() return { "status": "success", "message": message, From af310398675c54cfb3b08665425c294c88583ec3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:25:31 +0200 Subject: [PATCH 06/59] update for new documentation option --- app/templates/pages/documentation.html | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/app/templates/pages/documentation.html b/app/templates/pages/documentation.html index b41a418..bbc4478 100644 --- a/app/templates/pages/documentation.html +++ b/app/templates/pages/documentation.html @@ -8,9 +8,11 @@
-
+
{% if active == true %} {% include 'include/documentation.html' %} + {% elif htmldoc == true %} + {{ html|safe }} {% else %}

Documentation is not active or file could not be found

{% endif %} @@ -29,4 +31,12 @@ {% endblock javascripts %} + + {% endblock content %} \ No newline at end of file From 09bc7dbb63e2b919f06cf56e8aa9e8a7fc5dba85 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:25:48 +0200 Subject: [PATCH 07/59] refcator to use ajax request --- app/templates/pages/tenants.html | 154 ++++++++++++------------------- 1 file changed, 57 insertions(+), 97 deletions(-) diff --git a/app/templates/pages/tenants.html b/app/templates/pages/tenants.html index c3a620d..ca58602 100644 --- a/app/templates/pages/tenants.html +++ b/app/templates/pages/tenants.html @@ -83,122 +83,51 @@
Overview of added tenants
-
+
{% if tenants %} {% for tenant in tenants %} - {% if edit_id and tenant.id == edit_id %} - -
- {% if tenant.baseline == "true" %} -
{{ tenant.display_name }}
- {% else %} -
{{ tenant.display_name }}
- {% endif %} -
- Tenant Display Name: -
- -
- - Tenant Name: -
- -
- - Tenant Repo: -
- -
- - Tenant PAT: -
- -
- - Update Args: -
- -
- - Backup Args: -
- -
- -
- - -
- {% if tenant.baseline or tenant.repo %} -
- {% if tenant.new_branch == "true" %} - - {% else %} - - {% endif %} - -
- {% endif %} -
- {% if tenant.baseline == "true" %} - - {% else %} - - {% endif %} - -
-
- - -
-
-
- - {% else %}
  • -
    +
    {% if tenant.baseline == "true" %} -
    {{ tenant.display_name }}
    +
    {{ tenant.display_name }}
    {% else %} -
    {{ tenant.display_name }}
    +
    {{ tenant.display_name }}
    {% endif %} - Tenant name: {{ tenant.name }} - Tenant repo: {{ tenant.repo }} - Update args: {{ tenant.update_args }} - Backup args: {{ tenant.backup_args }} + Tenant name: {{ tenant.name }} + Tenant repo: {{ tenant.repo }} + Update args: {{ tenant.update_args }} + Backup args: {{ tenant.backup_args }} {% if tenant.update_branch %} - Update from branch: {{ tenant.update_branch }} + Update from branch: {{ tenant.update_branch }} {% else %} - Update from branch: main + Update from branch: main + {% endif %} + {% if tenant.baseline == "true" %} +
    + {% if tenant.create_documentation == "true" %} + + {% else %} + + {% endif %} + +
    {% endif %} {% if tenant.repo %}
    {% if tenant.new_branch == "true" %} - + {% else %} - + {% endif %} - +
    {% endif %} {% if tenant.baseline == "true" %}
    - - + +
    {% endif %}
    @@ -210,7 +139,6 @@
    {{ tenant.display_name }}
- {% endif %} {% endfor %} {% endif %}
@@ -221,6 +149,7 @@
{{ tenant.display_name }}
{% endblock content %} {% block javascripts %} + + {% endblock javascripts %} \ No newline at end of file From 31b0d81b2680df72fbbc3b7d8c2584cd26c12fb1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:26:00 +0200 Subject: [PATCH 08/59] add view for tenant edit ajax request --- app/templates/views/edit_tenant.html | 149 +++++++++++++++++++++++++++ 1 file changed, 149 insertions(+) create mode 100644 app/templates/views/edit_tenant.html diff --git a/app/templates/views/edit_tenant.html b/app/templates/views/edit_tenant.html new file mode 100644 index 0000000..ed20d79 --- /dev/null +++ b/app/templates/views/edit_tenant.html @@ -0,0 +1,149 @@ +
+ {% if data %} + {% for tenant in data.tenants %} + {% if data.edit_id and tenant.id == data.edit_id %} + +
+ {% if tenant.baseline == "true" %} +
{{ tenant.display_name }}
+ {% else %} +
{{ tenant.display_name }}
+ {% endif %} +
+ Tenant Display Name: +
+ +
+ + Tenant Name: +
+ +
+ + Tenant Repo: +
+ +
+ + Tenant PAT: +
+ +
+ + Update Args: +
+ +
+ + Backup Args: +
+ +
+ +
+ + +
+
+ {% if tenant.create_documentation == "true" %} + + {% else %} + + {% endif %} + +
+ {% if tenant.baseline or tenant.repo %} +
+ {% if tenant.new_branch == "true" %} + + {% else %} + + {% endif %} + +
+ {% endif %} +
+ {% if tenant.baseline == "true" %} + + {% else %} + + {% endif %} + +
+
+ + +
+
+
+ + {% else %} + +
    +
  • +
    + {% if tenant.baseline == "true" %} +
    {{ tenant.display_name }}
    + {% else %} +
    {{ tenant.display_name }}
    + {% endif %} + Tenant name: {{ tenant.name }} + Tenant repo: {{ tenant.repo }} + Update args: {{ tenant.update_args }} + Backup args: {{ tenant.backup_args }} + {% if tenant.update_branch %} + Update from branch: {{ tenant.update_branch }} + {% else %} + Update from branch: main + {% endif %} + {% if tenant.baseline == "true" %} +
    + {% if tenant.create_documentation == "true" %} + + {% else %} + + {% endif %} + +
    + {% endif %} + {% if tenant.repo %} +
    + {% if tenant.new_branch == "true" %} + + {% else %} + + {% endif %} + +
    + {% endif %} + {% if tenant.baseline == "true" %} +
    + + +
    + {% endif %} +
    +
    + deleteDelete + editEdit +
    +
+ + {% endif %} + {% endfor %} + {% endif %} +
\ No newline at end of file From 05dae5d0a5ab81b4bc766e46a17a2b4f04d07ab8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:26:16 +0200 Subject: [PATCH 09/59] Create c0f5d21d08c7_.py --- migrations/versions/c0f5d21d08c7_.py | 32 ++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 migrations/versions/c0f5d21d08c7_.py diff --git a/migrations/versions/c0f5d21d08c7_.py b/migrations/versions/c0f5d21d08c7_.py new file mode 100644 index 0000000..eb1ef84 --- /dev/null +++ b/migrations/versions/c0f5d21d08c7_.py @@ -0,0 +1,32 @@ +"""empty message + +Revision ID: c0f5d21d08c7 +Revises: +Create Date: 2023-09-28 09:41:02.896763 + +""" +from alembic import op +import sqlalchemy as sa + + +# revision identifiers, used by Alembic. +revision = 'c0f5d21d08c7' +down_revision = None +branch_labels = None +depends_on = None + + +def upgrade(): + # ### commands auto generated by Alembic - please adjust! ### + with op.batch_alter_table('intunecd_tenants', schema=None) as batch_op: + batch_op.add_column(sa.Column('create_documentation', sa.String(), nullable=True)) + + # ### end Alembic commands ### + + +def downgrade(): + # ### commands auto generated by Alembic - please adjust! ### + with op.batch_alter_table('intunecd_tenants', schema=None) as batch_op: + batch_op.drop_column('create_documentation') + + # ### end Alembic commands ### From 69f183f5b4120708daad01959605a64b3e3a8041 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 17:26:31 +0200 Subject: [PATCH 10/59] add mistune for md to html conversion --- requirements.txt | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/requirements.txt b/requirements.txt index 41a6714..1759969 100644 --- a/requirements.txt +++ b/requirements.txt @@ -35,4 +35,5 @@ azure-identity==1.14.0 azure-keyvault==4.2.0 celery[redis]==5.3.4 sqlalchemy-celery-beat==0.7.0 -gunicorn[eventlet]==21.2.0 \ No newline at end of file +gunicorn[eventlet]==21.2.0 +mistune==3.0.1 \ No newline at end of file From 96ca6484369738e3bf196cb19264a8cdbf672536 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 21:05:07 +0200 Subject: [PATCH 11/59] change message to clarify step --- app/run_intunecd.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/run_intunecd.py b/app/run_intunecd.py index 0052ad6..cc45a0f 100644 --- a/app/run_intunecd.py +++ b/app/run_intunecd.py @@ -166,7 +166,7 @@ def create_documentation(PATH, TENANT) -> None: document = subprocess.run(cmd, shell=True) if document.returncode != 0: - message = "Could not create documentation" + message = "Could not run documentation" emit_message(message, "error", "backup", TENANT.id) update_tenant_status_data(TENANT, "error", message) db.session.commit() From 69505c351b3cecd474536d59b507999f0941772f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Thu, 28 Sep 2023 21:05:20 +0200 Subject: [PATCH 12/59] add doc folder --- Dockerfile | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Dockerfile b/Dockerfile index 4c602cb..22e14c3 100644 --- a/Dockerfile +++ b/Dockerfile @@ -37,5 +37,7 @@ ADD . /intunecd # create db folder RUN mkdir /intunecd/db +# create doc folder +RUN mkdir /intunecd/documentation ENTRYPOINT ["/bin/bash", "-c", "./server-entrypoint.sh"] \ No newline at end of file From 77fb2f413444babaa0eeebc9f8b125e37cc533ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Fri, 29 Sep 2023 10:03:43 +0200 Subject: [PATCH 13/59] update material dashboard --- app/static/assets/css/material-dashboard.css | 54072 ++++++++-------- .../assets/css/material-dashboard.css.map | 154 +- .../assets/css/material-dashboard.min.css | 34 +- .../assets/js/core/bootstrap.bundle.min.js | 6 +- app/static/assets/js/core/bootstrap.min.js | 6 +- app/static/assets/js/core/popper.min.js | 5 +- app/static/assets/js/material-dashboard.js | 91 +- .../assets/js/material-dashboard.js.map | 2 +- .../assets/js/material-dashboard.min.js | 17 +- app/static/assets/js/plugins/chartjs.min.js | 13 + app/static/assets/js/plugins/countup.min.js | 1 + .../assets/scss/material-dashboard.scss | 12 +- .../scss/material-dashboard/_accordion.scss | 28 - .../scss/material-dashboard/_backgrounds.scss | 19 - .../scss/material-dashboard/_buttons.scss | 1 + .../material-dashboard/_cards-extend.scss | 4 - .../scss/material-dashboard/_components.scss | 5 - .../material-dashboard/_dark-version.scss | 4 + .../material-dashboard/_dropdown-extend.scss | 31 - .../_floating-elements.scss | 73 - .../scss/material-dashboard/_list-check.scss | 25 - .../scss/material-dashboard/_misc-extend.scss | 244 - .../assets/scss/material-dashboard/_misc.scss | 88 +- .../scss/material-dashboard/_rtl-extend.scss | 63 - .../assets/scss/material-dashboard/_rtl.scss | 20 + .../scss/material-dashboard/_typography.scss | 2 +- .../scss/material-dashboard/_utilities.scss | 9 +- .../scss/material-dashboard/_variables.scss | 6 +- .../badges/_badge-circle.scss | 29 - .../material-dashboard/badges/_badge-dot.scss | 42 - .../badges/_badge-floating.scss | 17 - .../material-dashboard/badges/_badge.scss | 93 - .../bootstrap/_accordion.scss | 81 +- .../material-dashboard/bootstrap/_alert.scss | 22 +- .../material-dashboard/bootstrap/_badge.scss | 19 +- .../bootstrap/_breadcrumb.scss | 32 +- .../bootstrap/_button-group.scss | 5 +- .../bootstrap/_buttons.scss | 154 +- .../material-dashboard/bootstrap/_card.scss | 92 +- .../bootstrap/_carousel.scss | 3 - .../material-dashboard/bootstrap/_close.scss | 2 +- .../bootstrap/_containers.scss | 2 +- .../bootstrap/_dropdown.scss | 161 +- .../bootstrap/_functions.scss | 18 +- .../material-dashboard/bootstrap/_grid.scss | 6 +- .../bootstrap/_helpers.scss | 1 + .../bootstrap/_list-group.scss | 78 +- .../material-dashboard/bootstrap/_maps.scss | 54 + .../material-dashboard/bootstrap/_modal.scss | 114 +- .../material-dashboard/bootstrap/_nav.scss | 73 +- .../material-dashboard/bootstrap/_navbar.scss | 243 +- .../bootstrap/_offcanvas.scss | 179 +- .../bootstrap/_pagination.scss | 87 +- .../bootstrap/_placeholders.scss | 2 +- .../bootstrap/_popover.scss | 142 +- .../bootstrap/_progress.scss | 29 +- .../material-dashboard/bootstrap/_reboot.scss | 65 +- .../material-dashboard/bootstrap/_root.scss | 61 +- .../bootstrap/_spinners.scss | 60 +- .../material-dashboard/bootstrap/_tables.scss | 55 +- .../material-dashboard/bootstrap/_toasts.scss | 54 +- .../bootstrap/_tooltip.scss | 117 +- .../material-dashboard/bootstrap/_type.scss | 2 + .../bootstrap/_utilities.scss | 69 +- .../bootstrap/_variables.scss | 263 +- .../bootstrap/bootstrap-grid.scss | 9 +- .../bootstrap/bootstrap-reboot.scss | 10 +- .../bootstrap/bootstrap-utilities.scss | 12 +- .../bootstrap/bootstrap.scss | 10 +- .../bootstrap/forms/_floating-labels.scss | 18 +- .../bootstrap/forms/_form-check.scss | 33 +- .../bootstrap/forms/_form-control.scss | 49 +- .../bootstrap/forms/_form-select.scss | 1 - .../bootstrap/forms/_input-group.scss | 27 +- .../bootstrap/helpers/_color-bg.scss | 10 + .../bootstrap/helpers/_colored-links.scss | 4 +- .../bootstrap/helpers/_position.scss | 8 +- .../bootstrap/helpers/_ratio.scss | 4 +- .../bootstrap/helpers/_vr.scss | 2 +- .../bootstrap/mixins/_alert.scss | 10 +- .../bootstrap/mixins/_banner.scss | 9 + .../bootstrap/mixins/_breakpoints.scss | 16 +- .../bootstrap/mixins/_buttons.scss | 127 +- .../bootstrap/mixins/_container.scss | 6 +- .../bootstrap/mixins/_forms.scss | 28 +- .../bootstrap/mixins/_gradients.scss | 2 +- .../bootstrap/mixins/_grid.scss | 24 +- .../bootstrap/mixins/_pagination.scss | 29 +- .../bootstrap/mixins/_reset-text.scss | 2 +- .../bootstrap/mixins/_table-variants.scss | 21 +- .../bootstrap/mixins/_utilities.scss | 18 +- .../material-dashboard/cards/card-blog.scss | 17 - .../cards/card-horizontal.scss | 24 - .../cards/card-pricing.scss | 48 - .../cards/card-profile.scss | 59 - .../forms/_input-group.scss | 4 +- .../material-dashboard/mixins/_vendor.scss | 7 + .../plugins/pro/_carousel-slick.scss | 102 - .../plugins/pro/_choices.scss | 455 - .../plugins/pro/_datatable-extend.scss | 126 - .../plugins/pro/_datatable.scss | 179 - .../plugins/pro/_dragula.scss | 22 - .../plugins/pro/_dropzone.scss | 396 - .../plugins/pro/_fullcalendar-extend.scss | 96 - .../plugins/pro/_fullcalendar.scss | 1434 - .../plugins/pro/_glidejs.scss | 179 - .../plugins/pro/_highlight.scss | 83 - .../plugins/pro/_kanban.scss | 158 - .../plugins/pro/_leaflet.scss | 656 - .../plugins/pro/_list-check.scss | 17 - .../plugins/pro/_photoswipe.scss | 182 - .../plugins/pro/_quill.scss | 949 - .../plugins/pro/_rating-widget.scss | 36 - .../plugins/pro/_sweetalert2-extend.scss | 70 - .../plugins/pro/_sweetalert2.scss | 1322 - .../plugins/pro/_vector-map.scss | 131 - .../plugins/pro/multi-step.scss | 188 - .../plugins/pro/plugins-extend.scss | 22 - .../scss/material-dashboard/theme-pro.scss | 37 - .../assets/scss/material-dashboard/theme.scss | 4 +- .../material-dashboard/variables/_misc.scss | 4 +- .../variables/_navbar-vertical.scss | 2 +- .../variables/_utilities.scss | 4 + app/templates/base/template.html | 6 +- 124 files changed, 29380 insertions(+), 35689 deletions(-) create mode 100644 app/static/assets/js/plugins/chartjs.min.js create mode 100644 app/static/assets/js/plugins/countup.min.js delete mode 100644 app/static/assets/scss/material-dashboard/_accordion.scss delete mode 100644 app/static/assets/scss/material-dashboard/_backgrounds.scss delete mode 100644 app/static/assets/scss/material-dashboard/_cards-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/_components.scss delete mode 100644 app/static/assets/scss/material-dashboard/_dropdown-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/_floating-elements.scss delete mode 100644 app/static/assets/scss/material-dashboard/_list-check.scss delete mode 100644 app/static/assets/scss/material-dashboard/_misc-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/_rtl-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/badges/_badge-circle.scss delete mode 100644 app/static/assets/scss/material-dashboard/badges/_badge-dot.scss delete mode 100644 app/static/assets/scss/material-dashboard/badges/_badge-floating.scss delete mode 100644 app/static/assets/scss/material-dashboard/badges/_badge.scss create mode 100644 app/static/assets/scss/material-dashboard/bootstrap/_maps.scss create mode 100644 app/static/assets/scss/material-dashboard/bootstrap/helpers/_color-bg.scss create mode 100644 app/static/assets/scss/material-dashboard/bootstrap/mixins/_banner.scss delete mode 100644 app/static/assets/scss/material-dashboard/cards/card-blog.scss delete mode 100644 app/static/assets/scss/material-dashboard/cards/card-horizontal.scss delete mode 100644 app/static/assets/scss/material-dashboard/cards/card-pricing.scss delete mode 100644 app/static/assets/scss/material-dashboard/cards/card-profile.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_carousel-slick.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_choices.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_datatable-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_datatable.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_dragula.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_dropzone.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_glidejs.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_highlight.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_kanban.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_leaflet.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_list-check.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_photoswipe.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_quill.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_rating-widget.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/_vector-map.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/multi-step.scss delete mode 100644 app/static/assets/scss/material-dashboard/plugins/pro/plugins-extend.scss delete mode 100644 app/static/assets/scss/material-dashboard/theme-pro.scss diff --git a/app/static/assets/css/material-dashboard.css b/app/static/assets/css/material-dashboard.css index a5a8885..a58197b 100644 --- a/app/static/assets/css/material-dashboard.css +++ b/app/static/assets/css/material-dashboard.css @@ -1,27316 +1,27962 @@ /*! - * Bootstrap v5.1.3 (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 { - --bs-blue: #63B3ED; - --bs-indigo: #596CFF; - --bs-purple: #6f42c1; - --bs-pink: #d63384; - --bs-red: #F56565; - --bs-orange: #fd7e14; - --bs-yellow: #FBD38D; - --bs-green: #81E6D9; - --bs-teal: #20c997; - --bs-cyan: #0dcaf0; - --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #f0f2f5; - --bs-gray-300: #dee2e6; - --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #6c757d; - --bs-gray-700: #495057; - --bs-gray-800: #343a40; - --bs-gray-900: #212529; - --bs-primary: #e91e63; - --bs-secondary: #7b809a; - --bs-success: #4CAF50; - --bs-info: #1A73E8; - --bs-warning: #fb8c00; - --bs-danger: #F44335; - --bs-light: #f0f2f5; - --bs-dark: #344767; - --bs-white: #fff; - --bs-primary-rgb: 56, 255, 135; - --bs-secondary-rgb: , 128, 154; - --bs-success-rgb: 76, 175, 80; - --bs-info-rgb: 26, 115, 232; - --bs-warning-rgb: 251, 140, 0; - --bs-danger-rgb: 244, 67, 53; - --bs-light-rgb: 240, 242, 245; - --bs-dark-rgb: 52, 71, 103; - --bs-white-rgb: 255, 255, 255; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-body-color-rgb: , 128, 154; - --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.5; - --bs-body-color: #7b809a; - --bs-body-bg: #fff; -} - -*, -*::before, -*::after { - box-sizing: border-box; -} - -@media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } -} - -body { - margin: 0; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - line-height: var(--bs-body-line-height); - color: var(--bs-body-color); - text-align: var(--bs-body-text-align); - background-color: var(--bs-body-bg); - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -hr { - margin: 1rem 0; - color: inherit; - background-color: currentColor; - border: 0; - opacity: 0.25; -} +========================================================= +* Material Dashboard 2 - v3.1.0 +========================================================= -hr:not([size]) { - height: 1px; -} +* Product Page: https://www.creative-tim.com/product/material-dashboard +* Copyright 2023 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard/blob/master/LICENSE.md) -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 400; - line-height: 1.2; - color: #344767; -} +* Coded by www.creative-tim.com -h1, -.h1 { - font-size: calc(1.425rem + 2.1vw); -} +========================================================= -@media (min-width: 1200px) { +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +*/ +/*! + * Bootstrap v5.2.3 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ + :root { + --bs-blue: #63B3ED; + --bs-indigo: #596CFF; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #F56565; + --bs-orange: #fd7e14; + --bs-yellow: #FBD38D; + --bs-green: #81E6D9; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #f0f2f5; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #e91e63; + --bs-secondary: #7b809a; + --bs-success: #4CAF50; + --bs-info: #1A73E8; + --bs-warning: #fb8c00; + --bs-danger: #F44335; + --bs-light: #f0f2f5; + --bs-dark: #344767; + --bs-white: #fff; + --bs-dark-blue: #1A237E; + --bs-primary-rgb: 233, 30, 99; + --bs-secondary-rgb: , 128, 154; + --bs-success-rgb: 76, 175, 80; + --bs-info-rgb: 26, 115, 232; + --bs-warning-rgb: 251, 140, 0; + --bs-danger-rgb: 244, 67, 53; + --bs-light-rgb: 240, 242, 245; + --bs-dark-rgb: 52, 71, 103; + --bs-white-rgb: 255, 255, 255; + --bs-dark-blue-rgb: 26, 35, 126; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: , 128, 154; + --bs-body-bg-rgb: 255, 255, 255; + --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #7b809a; + --bs-body-bg: #fff; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #dee2e6; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.125rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 0.75rem; + --bs-border-radius-2xl: 1rem; + --bs-border-radius-pill: 50rem; + --bs-link-color: #e91e63; + --bs-link-hover-color: #9CFF87; + --bs-code-color: #d63384; + --bs-highlight-bg: #fcf8e3; + } + + *, + *::before, + *::after { + box-sizing: border-box; + } + + @media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } + } + + body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + + hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: 1px solid; + opacity: 0.25; + } + + h1, + .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 400; + line-height: 1.2; + color: #344767; + } + h1, .h1 { - font-size: 3rem; + font-size: calc(1.425rem + 2.1vw); } -} - -h2, -.h2 { - font-size: calc(1.35rem + 1.2vw); -} - -@media (min-width: 1200px) { - + + @media (min-width: 1200px) { + + h1, + .h1 { + font-size: 3rem; + } + } + h2, .h2 { - font-size: 2.25rem; + font-size: calc(1.35rem + 1.2vw); } -} - -h3, -.h3 { - font-size: calc(1.3125rem + 0.75vw); -} - -@media (min-width: 1200px) { - + + @media (min-width: 1200px) { + + h2, + .h2 { + font-size: 2.25rem; + } + } + h3, .h3 { - font-size: 1.875rem; + font-size: calc(1.3125rem + 0.75vw); } -} - -h4, -.h4 { - font-size: calc(1.275rem + 0.3vw); -} - -@media (min-width: 1200px) { - + + @media (min-width: 1200px) { + + h3, + .h3 { + font-size: 1.875rem; + } + } + h4, .h4 { - font-size: 1.5rem; + font-size: calc(1.275rem + 0.3vw); } -} - -h5, -.h5 { - font-size: 1.25rem; -} - -h6, -.h6 { - font-size: 1rem; -} - -p { - margin-top: 0; - margin-bottom: 1rem; -} - -abbr[title], -abbr[data-bs-original-title] { - text-decoration: underline dotted; - cursor: help; - text-decoration-skip-ink: none; -} - -address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; -} - -ol, -ul { - padding-left: 2rem; -} - -ol, -ul, -dl { - margin-top: 0; - margin-bottom: 1rem; -} - -ol ol, -ul ul, -ol ul, -ul ol { - margin-bottom: 0; -} - -dt { - font-weight: 600; -} - -dd { - margin-bottom: .5rem; - margin-left: 0; -} - -blockquote { - margin: 0 0 1rem; -} - -b, -strong { - font-weight: 700; -} - -small, -.small { - font-size: 0.875em; -} - -mark, -.mark { - padding: 0.2em; - background-color: #fcf8e3; -} - -sub, -sup { - position: relative; - font-size: 0.75em; - line-height: 0; - vertical-align: baseline; -} - -sub { - bottom: -.25em; -} - -sup { - top: -.5em; -} - -a { - color: #e91e63; - text-decoration: none; -} - -a:hover { - color: #9CFF87; - text-decoration: none; -} - -a:not([href]):not([class]), -a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; -} - -pre, -code, -kbd, -samp { - font-family: var(--bs-font-monospace); - font-size: 1em; - direction: ltr - /* rtl:ignore */ - ; - unicode-bidi: bidi-override; -} - -pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - font-size: 0.875em; -} - -pre code { - font-size: inherit; - color: inherit; - word-break: normal; -} - -code { - font-size: 0.875em; - color: #d63384; - word-wrap: break-word; -} - -a>code { - color: inherit; -} - -kbd { - padding: 0.2rem 0.4rem; - font-size: 0.875em; - color: #fff; - background-color: #212529; - border-radius: 0.125rem; -} - -kbd kbd { - padding: 0; - font-size: 1em; - font-weight: 600; -} - -figure { - margin: 0 0 1rem; -} - -img, -svg { - vertical-align: middle; -} - -table { - caption-side: bottom; - border-collapse: collapse; -} - -caption { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: #6c757d; - text-align: left; -} - -th { - text-align: inherit; - text-align: -webkit-match-parent; -} - -thead, -tbody, -tfoot, -tr, -td, -th { - border-color: inherit; - border-style: solid; - border-width: 0; -} - -label { - display: inline-block; -} - -button { - border-radius: 0; -} - -button:focus:not(:focus-visible) { - outline: 0; -} - -input, -button, -select, -optgroup, -textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -button, -select { - text-transform: none; -} - -[role="button"] { - cursor: pointer; -} - -select { - word-wrap: normal; -} - -select:disabled { - opacity: 1; -} - -[list]::-webkit-calendar-picker-indicator { - display: none; -} - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -button:not(:disabled), -[type="button"]:not(:disabled), -[type="reset"]:not(:disabled), -[type="submit"]:not(:disabled) { - cursor: pointer; -} - -::-moz-focus-inner { - padding: 0; - border-style: none; -} - -textarea { - resize: vertical; -} - -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; -} - -legend { - float: left; - width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: calc(1.275rem + 0.3vw); - line-height: inherit; -} - -@media (min-width: 1200px) { - legend { - font-size: 1.5rem; + + @media (min-width: 1200px) { + + h4, + .h4 { + font-size: 1.5rem; + } } -} - -legend+* { - clear: left; -} - -::-webkit-datetime-edit-fields-wrapper, -::-webkit-datetime-edit-text, -::-webkit-datetime-edit-minute, -::-webkit-datetime-edit-hour-field, -::-webkit-datetime-edit-day-field, -::-webkit-datetime-edit-month-field, -::-webkit-datetime-edit-year-field { - padding: 0; -} - -::-webkit-inner-spin-button { - height: auto; -} - -[type="search"] { - outline-offset: -2px; - -webkit-appearance: textfield; -} - -/* rtl:raw: -[type="tel"], -[type="url"], -[type="email"], -[type="number"] { - direction: ltr; -} -*/ -::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-color-swatch-wrapper { - padding: 0; -} - -::file-selector-button { - font: inherit; -} - -::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; -} - -output { - display: inline-block; -} - -iframe { - border: 0; -} - -summary { - display: list-item; - cursor: pointer; -} - -progress { - vertical-align: baseline; -} - -[hidden] { - display: none !important; -} - -.lead { - font-size: 1.25rem; - font-weight: 400; -} - -.display-1 { - font-size: calc(1.625rem + 4.5vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-1 { - font-size: 5rem; + + h5, + .h5 { + font-size: 1.25rem; } -} - -.display-2 { - font-size: calc(1.575rem + 3.9vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; + + h6, + .h6 { + font-size: 1rem; } -} - -.display-3 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-3 { - font-size: 4rem; + + p { + margin-top: 0; + margin-bottom: 1rem; + } + + abbr[title] { + text-decoration: underline dotted; + cursor: help; + text-decoration-skip-ink: none; + } + + address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; + } + + ol, + ul { + padding-left: 2rem; + } + + ol, + ul, + dl { + margin-top: 0; + margin-bottom: 1rem; } -} - -.display-4 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; + + ol ol, + ul ul, + ol ul, + ul ol { + margin-bottom: 0; } -} - -.display-5 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-5 { - font-size: 3rem; + + dt { + font-weight: 600; } -} - -.display-6 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 300; - line-height: 1.2; -} - -@media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; + + dd { + margin-bottom: .5rem; + margin-left: 0; } -} - -.list-unstyled { - padding-left: 0; - list-style: none; -} - -.list-inline { - padding-left: 0; - list-style: none; -} - -.list-inline-item { - display: inline-block; -} - -.list-inline-item:not(:last-child) { - margin-right: 0.5rem; -} - -.initialism { - font-size: 0.875em; - text-transform: uppercase; -} - -.blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; -} - -.blockquote> :last-child { - margin-bottom: 0; -} - -.blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.875em; - color: #6c757d; -} - -.blockquote-footer::before { - content: "\2014\00A0"; -} - -.img-fluid { - max-width: 100%; - height: auto; -} - -.img-thumbnail { - padding: 0.25rem; - background-color: #fff; - border: 1px solid #dee2e6; - border-radius: 0.375rem; - max-width: 100%; - height: auto; -} - -.figure { - display: inline-block; -} - -.figure-img { - margin-bottom: 0.5rem; - line-height: 1; -} - -.figure-caption { - font-size: 0.875em; - color: #6c757d; -} - -.container, -.container-fluid, -.container-sm, -.container-md, -.container-lg, -.container-xl, -.container-xxl { - width: 100%; - padding-right: var(--bs-gutter-x, 1.5rem); - padding-left: var(--bs-gutter-x, 1.5rem); - margin-right: auto; - margin-left: auto; -} - -@media (min-width: 576px) { - - .container, - .container-sm { - max-width: 540px; + + blockquote { + margin: 0 0 1rem; + } + + b, + strong { + font-weight: 700; + } + + small, + .small { + font-size: 0.875em; + } + + mark, + .mark { + padding: 0.2em; + background-color: var(--bs-highlight-bg); + } + + sub, + sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; + } + + sub { + bottom: -.25em; + } + + sup { + top: -.5em; + } + + a { + color: var(--bs-link-color); + text-decoration: none; + } + + a:hover { + color: var(--bs-link-hover-color); + text-decoration: none; + } + + a:not([href]):not([class]), + a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; + } + + pre, + code, + kbd, + samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + } + + pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; + } + + pre code { + font-size: inherit; + color: inherit; + word-break: normal; + } + + code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; + } + + a>code { + color: inherit; + } + + kbd { + padding: 0.2rem 0.4rem; + font-size: 0.875em; + color: #fff; + background-color: #212529; + border-radius: 0.125rem; } -} - -@media (min-width: 768px) { - - .container, - .container-sm, - .container-md { - max-width: 720px; + + kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 600; } -} - -@media (min-width: 992px) { - - .container, - .container-sm, - .container-md, - .container-lg { - max-width: 960px; + + figure { + margin: 0 0 1rem; } -} - -@media (min-width: 1200px) { - - .container, - .container-sm, - .container-md, - .container-lg, - .container-xl { - max-width: 1140px; + + img, + svg { + vertical-align: middle; } -} - -@media (min-width: 1400px) { - - .container, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { - max-width: 1320px; + + table { + caption-side: bottom; + border-collapse: collapse; } -} - -.row { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(-1 * var(--bs-gutter-y)); - margin-right: calc(-.5 * var(--bs-gutter-x)); - margin-left: calc(-.5 * var(--bs-gutter-x)); -} - -.row>* { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x) * .5); - padding-left: calc(var(--bs-gutter-x) * .5); - margin-top: var(--bs-gutter-y); -} - -.col { - flex: 1 0 0%; -} - -.row-cols-auto>* { - flex: 0 0 auto; - width: auto; -} - -.row-cols-1>* { - flex: 0 0 auto; - width: 100%; -} - -.row-cols-2>* { - flex: 0 0 auto; - width: 50%; -} - -.row-cols-3>* { - flex: 0 0 auto; - width: 33.333333%; -} - -.row-cols-4>* { - flex: 0 0 auto; - width: 25%; -} - -.row-cols-5>* { - flex: 0 0 auto; - width: 20%; -} - -.row-cols-6>* { - flex: 0 0 auto; - width: 16.666667%; -} - -.col-auto { - flex: 0 0 auto; - width: auto; -} - -.col-1 { - flex: 0 0 auto; - width: 8.333333%; -} - -.col-2 { - flex: 0 0 auto; - width: 16.666667%; -} - -.col-3 { - flex: 0 0 auto; - width: 25%; -} - -.col-4 { - flex: 0 0 auto; - width: 33.333333%; -} - -.col-5 { - flex: 0 0 auto; - width: 41.666667%; -} - -.col-6 { - flex: 0 0 auto; - width: 50%; -} - -.col-7 { - flex: 0 0 auto; - width: 58.333333%; -} - -.col-8 { - flex: 0 0 auto; - width: 66.666667%; -} - -.col-9 { - flex: 0 0 auto; - width: 75%; -} - -.col-10 { - flex: 0 0 auto; - width: 83.333333%; -} - -.col-11 { - flex: 0 0 auto; - width: 91.666667%; -} - -.col-12 { - flex: 0 0 auto; - width: 100%; -} - -.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%; -} - -.g-0, -.gx-0 { - --bs-gutter-x: 0; -} - -.g-0, -.gy-0 { - --bs-gutter-y: 0; -} - -.g-1, -.gx-1 { - --bs-gutter-x: 0.25rem; -} - -.g-1, -.gy-1 { - --bs-gutter-y: 0.25rem; -} - -.g-2, -.gx-2 { - --bs-gutter-x: 0.5rem; -} - -.g-2, -.gy-2 { - --bs-gutter-y: 0.5rem; -} - -.g-3, -.gx-3 { - --bs-gutter-x: 1rem; -} - -.g-3, -.gy-3 { - --bs-gutter-y: 1rem; -} - -.g-4, -.gx-4 { - --bs-gutter-x: 1.5rem; -} - -.g-4, -.gy-4 { - --bs-gutter-y: 1.5rem; -} - -.g-5, -.gx-5 { - --bs-gutter-x: 3rem; -} - -.g-5, -.gy-5 { - --bs-gutter-y: 3rem; -} - -.g-6, -.gx-6 { - --bs-gutter-x: 4rem; -} - -.g-6, -.gy-6 { - --bs-gutter-y: 4rem; -} - -.g-7, -.gx-7 { - --bs-gutter-x: 6rem; -} - -.g-7, -.gy-7 { - --bs-gutter-y: 6rem; -} - -.g-8, -.gx-8 { - --bs-gutter-x: 8rem; -} - -.g-8, -.gy-8 { - --bs-gutter-y: 8rem; -} - -.g-9, -.gx-9 { - --bs-gutter-x: 10rem; -} - -.g-9, -.gy-9 { - --bs-gutter-y: 10rem; -} - -.g-10, -.gx-10 { - --bs-gutter-x: 12rem; -} - -.g-10, -.gy-10 { - --bs-gutter-y: 12rem; -} - -.g-11, -.gx-11 { - --bs-gutter-x: 14rem; -} - -.g-11, -.gy-11 { - --bs-gutter-y: 14rem; -} - -.g-12, -.gx-12 { - --bs-gutter-x: 16rem; -} - -.g-12, -.gy-12 { - --bs-gutter-y: 16rem; -} - -@media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; + + caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; + } + + th { + text-align: inherit; + text-align: -webkit-match-parent; + } + + thead, + tbody, + tfoot, + tr, + td, + th { + border-color: inherit; + border-style: solid; + border-width: 0; + } + + label { + display: inline-block; + } + + button { + border-radius: 0; } - - .row-cols-sm-auto>* { - flex: 0 0 auto; - width: auto; + + button:focus:not(:focus-visible) { + outline: 0; } - - .row-cols-sm-1>* { - flex: 0 0 auto; - width: 100%; + + input, + button, + select, + optgroup, + textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } - - .row-cols-sm-2>* { - flex: 0 0 auto; - width: 50%; + + button, + select { + text-transform: none; } - - .row-cols-sm-3>* { - flex: 0 0 auto; - width: 33.333333%; + + [role="button"] { + cursor: pointer; } - - .row-cols-sm-4>* { - flex: 0 0 auto; - width: 25%; + + select { + word-wrap: normal; } - - .row-cols-sm-5>* { - flex: 0 0 auto; - width: 20%; + + select:disabled { + opacity: 1; } - - .row-cols-sm-6>* { - flex: 0 0 auto; - width: 16.666667%; + + [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; } - - .col-sm-auto { - flex: 0 0 auto; - width: auto; + + button, + [type="button"], + [type="reset"], + [type="submit"] { + -webkit-appearance: button; + } + + button:not(:disabled), + [type="button"]:not(:disabled), + [type="reset"]:not(:disabled), + [type="submit"]:not(:disabled) { + cursor: pointer; } - - .col-sm-1 { - flex: 0 0 auto; - width: 8.333333%; + + ::-moz-focus-inner { + padding: 0; + border-style: none; } - - .col-sm-2 { - flex: 0 0 auto; - width: 16.666667%; + + textarea { + resize: vertical; } - - .col-sm-3 { - flex: 0 0 auto; - width: 25%; + + fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } - - .col-sm-4 { - flex: 0 0 auto; - width: 33.333333%; + + legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; + } + + @media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } + } + + legend+* { + clear: left; + } + + ::-webkit-datetime-edit-fields-wrapper, + ::-webkit-datetime-edit-text, + ::-webkit-datetime-edit-minute, + ::-webkit-datetime-edit-hour-field, + ::-webkit-datetime-edit-day-field, + ::-webkit-datetime-edit-month-field, + ::-webkit-datetime-edit-year-field { + padding: 0; } - - .col-sm-5 { - flex: 0 0 auto; - width: 41.666667%; + + ::-webkit-inner-spin-button { + height: auto; } - - .col-sm-6 { - flex: 0 0 auto; - width: 50%; + + [type="search"] { + outline-offset: -2px; + -webkit-appearance: textfield; + } + + /* rtl:raw: + [type="tel"], + [type="url"], + [type="email"], + [type="number"] { + direction: ltr; + } + */ + ::-webkit-search-decoration { + -webkit-appearance: none; + } + + ::-webkit-color-swatch-wrapper { + padding: 0; } - - .col-sm-7 { - flex: 0 0 auto; - width: 58.333333%; + + ::file-selector-button { + font: inherit; + -webkit-appearance: button; } - - .col-sm-8 { - flex: 0 0 auto; - width: 66.666667%; + + output { + display: inline-block; } - - .col-sm-9 { - flex: 0 0 auto; - width: 75%; + + iframe { + border: 0; } - - .col-sm-10 { - flex: 0 0 auto; - width: 83.333333%; + + summary { + display: list-item; + cursor: pointer; } - - .col-sm-11 { - flex: 0 0 auto; - width: 91.666667%; + + progress { + vertical-align: baseline; } - - .col-sm-12 { - flex: 0 0 auto; - width: 100%; + + [hidden] { + display: none !important; } - - .offset-sm-0 { - margin-left: 0; + + .lead { + font-size: 1.25rem; + font-weight: 400; } - - .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%; - } - - .g-sm-0, - .gx-sm-0 { - --bs-gutter-x: 0; - } - - .g-sm-0, - .gy-sm-0 { - --bs-gutter-y: 0; + + .display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; } - - .g-sm-1, - .gx-sm-1 { - --bs-gutter-x: 0.25rem; + + @media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } } - - .g-sm-1, - .gy-sm-1 { - --bs-gutter-y: 0.25rem; + + .display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; } - - .g-sm-2, - .gx-sm-2 { - --bs-gutter-x: 0.5rem; + + @media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } } - - .g-sm-2, - .gy-sm-2 { - --bs-gutter-y: 0.5rem; + + .display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; } - - .g-sm-3, - .gx-sm-3 { - --bs-gutter-x: 1rem; + + @media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } } - - .g-sm-3, - .gy-sm-3 { - --bs-gutter-y: 1rem; + + .display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; } - - .g-sm-4, - .gx-sm-4 { - --bs-gutter-x: 1.5rem; + + @media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } } - - .g-sm-4, - .gy-sm-4 { - --bs-gutter-y: 1.5rem; + + .display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; } - - .g-sm-5, - .gx-sm-5 { - --bs-gutter-x: 3rem; + + @media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } } - - .g-sm-5, - .gy-sm-5 { - --bs-gutter-y: 3rem; + + .display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; + } + + @media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } + } + + .list-unstyled { + padding-left: 0; + list-style: none; } - - .g-sm-6, - .gx-sm-6 { - --bs-gutter-x: 4rem; + + .list-inline { + padding-left: 0; + list-style: none; } - - .g-sm-6, - .gy-sm-6 { - --bs-gutter-y: 4rem; + + .list-inline-item { + display: inline-block; } - - .g-sm-7, - .gx-sm-7 { - --bs-gutter-x: 6rem; + + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; } - - .g-sm-7, - .gy-sm-7 { - --bs-gutter-y: 6rem; + + .initialism { + font-size: 0.875em; + text-transform: uppercase; } - - .g-sm-8, - .gx-sm-8 { - --bs-gutter-x: 8rem; + + .blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; } - - .g-sm-8, - .gy-sm-8 { - --bs-gutter-y: 8rem; + + .blockquote> :last-child { + margin-bottom: 0; } - - .g-sm-9, - .gx-sm-9 { - --bs-gutter-x: 10rem; + + .blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; } - - .g-sm-9, - .gy-sm-9 { - --bs-gutter-y: 10rem; + + .blockquote-footer::before { + content: "\2014\00A0"; } - - .g-sm-10, - .gx-sm-10 { - --bs-gutter-x: 12rem; + + .img-fluid { + max-width: 100%; + height: auto; } - - .g-sm-10, - .gy-sm-10 { - --bs-gutter-y: 12rem; + + .img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.375rem; + max-width: 100%; + height: auto; } - - .g-sm-11, - .gx-sm-11 { - --bs-gutter-x: 14rem; + + .figure { + display: inline-block; } - - .g-sm-11, - .gy-sm-11 { - --bs-gutter-y: 14rem; + + .figure-img { + margin-bottom: 0.5rem; + line-height: 1; } - - .g-sm-12, - .gx-sm-12 { - --bs-gutter-x: 16rem; + + .figure-caption { + font-size: 0.875em; + color: #6c757d; } - - .g-sm-12, - .gy-sm-12 { - --bs-gutter-y: 16rem; + + .container, + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-right: auto; + margin-left: auto; + } + + @media (min-width: 576px) { + + .container, + .container-sm { + max-width: 540px; + } + } + + @media (min-width: 768px) { + + .container, + .container-sm, + .container-md { + max-width: 720px; + } + } + + @media (min-width: 992px) { + + .container, + .container-sm, + .container-md, + .container-lg { + max-width: 960px; + } + } + + @media (min-width: 1200px) { + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: 1140px; + } + } + + @media (min-width: 1400px) { + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + max-width: 1320px; + } + } + + .row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-.5 * var(--bs-gutter-x)); + margin-left: calc(-.5 * var(--bs-gutter-x)); + } + + .row>* { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-top: var(--bs-gutter-y); } -} - -@media (min-width: 768px) { - .col-md { + + .col { flex: 1 0 0%; } - - .row-cols-md-auto>* { + + .row-cols-auto>* { flex: 0 0 auto; width: auto; } - - .row-cols-md-1>* { + + .row-cols-1>* { flex: 0 0 auto; width: 100%; } - - .row-cols-md-2>* { + + .row-cols-2>* { flex: 0 0 auto; width: 50%; } - - .row-cols-md-3>* { + + .row-cols-3>* { flex: 0 0 auto; width: 33.333333%; } - - .row-cols-md-4>* { + + .row-cols-4>* { flex: 0 0 auto; width: 25%; } - - .row-cols-md-5>* { + + .row-cols-5>* { flex: 0 0 auto; width: 20%; } - - .row-cols-md-6>* { + + .row-cols-6>* { flex: 0 0 auto; width: 16.666667%; } - - .col-md-auto { + + .col-auto { flex: 0 0 auto; width: auto; } - - .col-md-1 { + + .col-1 { flex: 0 0 auto; width: 8.333333%; } - - .col-md-2 { + + .col-2 { flex: 0 0 auto; width: 16.666667%; } - - .col-md-3 { + + .col-3 { flex: 0 0 auto; width: 25%; } - - .col-md-4 { + + .col-4 { flex: 0 0 auto; width: 33.333333%; } - - .col-md-5 { + + .col-5 { flex: 0 0 auto; width: 41.666667%; } - - .col-md-6 { + + .col-6 { flex: 0 0 auto; width: 50%; } - - .col-md-7 { + + .col-7 { flex: 0 0 auto; width: 58.333333%; } - - .col-md-8 { + + .col-8 { flex: 0 0 auto; width: 66.666667%; } - - .col-md-9 { + + .col-9 { flex: 0 0 auto; width: 75%; } - - .col-md-10 { + + .col-10 { flex: 0 0 auto; width: 83.333333%; } - - .col-md-11 { + + .col-11 { flex: 0 0 auto; width: 91.666667%; } - - .col-md-12 { + + .col-12 { flex: 0 0 auto; width: 100%; } - - .offset-md-0 { - margin-left: 0; - } - - .offset-md-1 { + + .offset-1 { margin-left: 8.333333%; } - - .offset-md-2 { + + .offset-2 { margin-left: 16.666667%; } - - .offset-md-3 { + + .offset-3 { margin-left: 25%; } - - .offset-md-4 { + + .offset-4 { margin-left: 33.333333%; } - - .offset-md-5 { + + .offset-5 { margin-left: 41.666667%; } - - .offset-md-6 { + + .offset-6 { margin-left: 50%; } - - .offset-md-7 { + + .offset-7 { margin-left: 58.333333%; } - - .offset-md-8 { + + .offset-8 { margin-left: 66.666667%; } - - .offset-md-9 { + + .offset-9 { margin-left: 75%; } - - .offset-md-10 { + + .offset-10 { margin-left: 83.333333%; } - - .offset-md-11 { + + .offset-11 { margin-left: 91.666667%; } - - .g-md-0, - .gx-md-0 { + + .g-0, + .gx-0 { --bs-gutter-x: 0; } - - .g-md-0, - .gy-md-0 { + + .g-0, + .gy-0 { --bs-gutter-y: 0; } - - .g-md-1, - .gx-md-1 { + + .g-1, + .gx-1 { --bs-gutter-x: 0.25rem; } - - .g-md-1, - .gy-md-1 { + + .g-1, + .gy-1 { --bs-gutter-y: 0.25rem; } - - .g-md-2, - .gx-md-2 { + + .g-2, + .gx-2 { --bs-gutter-x: 0.5rem; } - - .g-md-2, - .gy-md-2 { + + .g-2, + .gy-2 { --bs-gutter-y: 0.5rem; } - - .g-md-3, - .gx-md-3 { + + .g-3, + .gx-3 { --bs-gutter-x: 1rem; } - - .g-md-3, - .gy-md-3 { + + .g-3, + .gy-3 { --bs-gutter-y: 1rem; } - - .g-md-4, - .gx-md-4 { + + .g-4, + .gx-4 { --bs-gutter-x: 1.5rem; } - - .g-md-4, - .gy-md-4 { + + .g-4, + .gy-4 { --bs-gutter-y: 1.5rem; } - - .g-md-5, - .gx-md-5 { + + .g-5, + .gx-5 { --bs-gutter-x: 3rem; } - - .g-md-5, - .gy-md-5 { + + .g-5, + .gy-5 { --bs-gutter-y: 3rem; } - - .g-md-6, - .gx-md-6 { + + .g-6, + .gx-6 { --bs-gutter-x: 4rem; } - - .g-md-6, - .gy-md-6 { + + .g-6, + .gy-6 { --bs-gutter-y: 4rem; } - - .g-md-7, - .gx-md-7 { + + .g-7, + .gx-7 { --bs-gutter-x: 6rem; } - - .g-md-7, - .gy-md-7 { + + .g-7, + .gy-7 { --bs-gutter-y: 6rem; } - - .g-md-8, - .gx-md-8 { + + .g-8, + .gx-8 { --bs-gutter-x: 8rem; } - - .g-md-8, - .gy-md-8 { + + .g-8, + .gy-8 { --bs-gutter-y: 8rem; } - - .g-md-9, - .gx-md-9 { + + .g-9, + .gx-9 { --bs-gutter-x: 10rem; } - - .g-md-9, - .gy-md-9 { + + .g-9, + .gy-9 { --bs-gutter-y: 10rem; } - - .g-md-10, - .gx-md-10 { + + .g-10, + .gx-10 { --bs-gutter-x: 12rem; } - - .g-md-10, - .gy-md-10 { + + .g-10, + .gy-10 { --bs-gutter-y: 12rem; } - - .g-md-11, - .gx-md-11 { + + .g-11, + .gx-11 { --bs-gutter-x: 14rem; } - - .g-md-11, - .gy-md-11 { + + .g-11, + .gy-11 { --bs-gutter-y: 14rem; } - - .g-md-12, - .gx-md-12 { + + .g-12, + .gx-12 { --bs-gutter-x: 16rem; } - - .g-md-12, - .gy-md-12 { + + .g-12, + .gy-12 { --bs-gutter-y: 16rem; } -} - -@media (min-width: 992px) { - .col-lg { - flex: 1 0 0%; - } - - .row-cols-lg-auto>* { - flex: 0 0 auto; - width: auto; + + @media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + + .row-cols-sm-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-sm-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + + .col-sm-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-sm-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-sm-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-sm-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-sm-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-sm-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-sm-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-sm-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + + .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%; + } + + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } + + .g-sm-6, + .gx-sm-6 { + --bs-gutter-x: 4rem; + } + + .g-sm-6, + .gy-sm-6 { + --bs-gutter-y: 4rem; + } + + .g-sm-7, + .gx-sm-7 { + --bs-gutter-x: 6rem; + } + + .g-sm-7, + .gy-sm-7 { + --bs-gutter-y: 6rem; + } + + .g-sm-8, + .gx-sm-8 { + --bs-gutter-x: 8rem; + } + + .g-sm-8, + .gy-sm-8 { + --bs-gutter-y: 8rem; + } + + .g-sm-9, + .gx-sm-9 { + --bs-gutter-x: 10rem; + } + + .g-sm-9, + .gy-sm-9 { + --bs-gutter-y: 10rem; + } + + .g-sm-10, + .gx-sm-10 { + --bs-gutter-x: 12rem; + } + + .g-sm-10, + .gy-sm-10 { + --bs-gutter-y: 12rem; + } + + .g-sm-11, + .gx-sm-11 { + --bs-gutter-x: 14rem; + } + + .g-sm-11, + .gy-sm-11 { + --bs-gutter-y: 14rem; + } + + .g-sm-12, + .gx-sm-12 { + --bs-gutter-x: 16rem; + } + + .g-sm-12, + .gy-sm-12 { + --bs-gutter-y: 16rem; + } + } + + @media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + + .row-cols-md-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-md-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + + .col-md-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-md-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-md-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-md-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-md-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-md-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-md-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-md-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + + .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%; + } + + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } + + .g-md-6, + .gx-md-6 { + --bs-gutter-x: 4rem; + } + + .g-md-6, + .gy-md-6 { + --bs-gutter-y: 4rem; + } + + .g-md-7, + .gx-md-7 { + --bs-gutter-x: 6rem; + } + + .g-md-7, + .gy-md-7 { + --bs-gutter-y: 6rem; + } + + .g-md-8, + .gx-md-8 { + --bs-gutter-x: 8rem; + } + + .g-md-8, + .gy-md-8 { + --bs-gutter-y: 8rem; + } + + .g-md-9, + .gx-md-9 { + --bs-gutter-x: 10rem; + } + + .g-md-9, + .gy-md-9 { + --bs-gutter-y: 10rem; + } + + .g-md-10, + .gx-md-10 { + --bs-gutter-x: 12rem; + } + + .g-md-10, + .gy-md-10 { + --bs-gutter-y: 12rem; + } + + .g-md-11, + .gx-md-11 { + --bs-gutter-x: 14rem; + } + + .g-md-11, + .gy-md-11 { + --bs-gutter-y: 14rem; + } + + .g-md-12, + .gx-md-12 { + --bs-gutter-x: 16rem; + } + + .g-md-12, + .gy-md-12 { + --bs-gutter-y: 16rem; + } + } + + @media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + + .row-cols-lg-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-lg-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + + .col-lg-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-lg-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-lg-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-lg-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-lg-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-lg-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-lg-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-lg-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + + .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%; + } + + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } + + .g-lg-6, + .gx-lg-6 { + --bs-gutter-x: 4rem; + } + + .g-lg-6, + .gy-lg-6 { + --bs-gutter-y: 4rem; + } + + .g-lg-7, + .gx-lg-7 { + --bs-gutter-x: 6rem; + } + + .g-lg-7, + .gy-lg-7 { + --bs-gutter-y: 6rem; + } + + .g-lg-8, + .gx-lg-8 { + --bs-gutter-x: 8rem; + } + + .g-lg-8, + .gy-lg-8 { + --bs-gutter-y: 8rem; + } + + .g-lg-9, + .gx-lg-9 { + --bs-gutter-x: 10rem; + } + + .g-lg-9, + .gy-lg-9 { + --bs-gutter-y: 10rem; + } + + .g-lg-10, + .gx-lg-10 { + --bs-gutter-x: 12rem; + } + + .g-lg-10, + .gy-lg-10 { + --bs-gutter-y: 12rem; + } + + .g-lg-11, + .gx-lg-11 { + --bs-gutter-x: 14rem; + } + + .g-lg-11, + .gy-lg-11 { + --bs-gutter-y: 14rem; + } + + .g-lg-12, + .gx-lg-12 { + --bs-gutter-x: 16rem; + } + + .g-lg-12, + .gy-lg-12 { + --bs-gutter-y: 16rem; + } + } + + @media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + + .row-cols-xl-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-xl-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xl-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-xl-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xl-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-xl-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xl-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-xl-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xl-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-xl-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + + .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%; + } + + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } + + .g-xl-6, + .gx-xl-6 { + --bs-gutter-x: 4rem; + } + + .g-xl-6, + .gy-xl-6 { + --bs-gutter-y: 4rem; + } + + .g-xl-7, + .gx-xl-7 { + --bs-gutter-x: 6rem; + } + + .g-xl-7, + .gy-xl-7 { + --bs-gutter-y: 6rem; + } + + .g-xl-8, + .gx-xl-8 { + --bs-gutter-x: 8rem; + } + + .g-xl-8, + .gy-xl-8 { + --bs-gutter-y: 8rem; + } + + .g-xl-9, + .gx-xl-9 { + --bs-gutter-x: 10rem; + } + + .g-xl-9, + .gy-xl-9 { + --bs-gutter-y: 10rem; + } + + .g-xl-10, + .gx-xl-10 { + --bs-gutter-x: 12rem; + } + + .g-xl-10, + .gy-xl-10 { + --bs-gutter-y: 12rem; + } + + .g-xl-11, + .gx-xl-11 { + --bs-gutter-x: 14rem; + } + + .g-xl-11, + .gy-xl-11 { + --bs-gutter-y: 14rem; + } + + .g-xl-12, + .gx-xl-12 { + --bs-gutter-x: 16rem; + } + + .g-xl-12, + .gy-xl-12 { + --bs-gutter-y: 16rem; + } + } + + @media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + + .row-cols-xxl-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-xxl-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xxl-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-xxl-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xxl-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-xxl-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xxl-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-xxl-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xxl-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-xxl-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-xxl-0 { + margin-left: 0; + } + + .offset-xxl-1 { + margin-left: 8.333333%; + } + + .offset-xxl-2 { + margin-left: 16.666667%; + } + + .offset-xxl-3 { + margin-left: 25%; + } + + .offset-xxl-4 { + margin-left: 33.333333%; + } + + .offset-xxl-5 { + margin-left: 41.666667%; + } + + .offset-xxl-6 { + margin-left: 50%; + } + + .offset-xxl-7 { + margin-left: 58.333333%; + } + + .offset-xxl-8 { + margin-left: 66.666667%; + } + + .offset-xxl-9 { + margin-left: 75%; + } + + .offset-xxl-10 { + margin-left: 83.333333%; + } + + .offset-xxl-11 { + margin-left: 91.666667%; + } + + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } + + .g-xxl-6, + .gx-xxl-6 { + --bs-gutter-x: 4rem; + } + + .g-xxl-6, + .gy-xxl-6 { + --bs-gutter-y: 4rem; + } + + .g-xxl-7, + .gx-xxl-7 { + --bs-gutter-x: 6rem; + } + + .g-xxl-7, + .gy-xxl-7 { + --bs-gutter-y: 6rem; + } + + .g-xxl-8, + .gx-xxl-8 { + --bs-gutter-x: 8rem; + } + + .g-xxl-8, + .gy-xxl-8 { + --bs-gutter-y: 8rem; + } + + .g-xxl-9, + .gx-xxl-9 { + --bs-gutter-x: 10rem; + } + + .g-xxl-9, + .gy-xxl-9 { + --bs-gutter-y: 10rem; + } + + .g-xxl-10, + .gx-xxl-10 { + --bs-gutter-x: 12rem; + } + + .g-xxl-10, + .gy-xxl-10 { + --bs-gutter-y: 12rem; + } + + .g-xxl-11, + .gx-xxl-11 { + --bs-gutter-x: 14rem; + } + + .g-xxl-11, + .gy-xxl-11 { + --bs-gutter-y: 14rem; + } + + .g-xxl-12, + .gx-xxl-12 { + --bs-gutter-x: 16rem; + } + + .g-xxl-12, + .gy-xxl-12 { + --bs-gutter-y: 16rem; + } + } + + .table { + --bs-table-color: #7b809a; + --bs-table-bg: transparent; + --bs-table-border-color: #f0f2f5; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #7b809a; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #7b809a; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #7b809a; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--bs-table-color); + vertical-align: top; + border-color: var(--bs-table-border-color); + } + + .table> :not(caption)>*>* { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + } + + .table>tbody { + vertical-align: inherit; + } + + .table>thead { + vertical-align: bottom; + } + + .table-group-divider { + border-top: 2px solid currentColor; + } + + .caption-top { + caption-side: top; + } + + .table-sm> :not(caption)>*>* { + padding: 0.25rem 0.25rem; + } + + .table-bordered> :not(caption)>* { + border-width: 1px 0; + } + + .table-bordered> :not(caption)>*>* { + border-width: 0 1px; + } + + .table-borderless> :not(caption)>*>* { + border-bottom-width: 0; + } + + .table-borderless> :not(:first-child) { + border-top-width: 0; + } + + .table-striped>tbody>tr:nth-of-type(odd)>* { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); + } + + .table-striped-columns> :not(caption)>tr> :nth-child(even) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); + } + + .table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); + } + + .table-hover>tbody>tr:hover>* { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); + } + + .table-primary { + --bs-table-color: #000; + --bs-table-bg: #fbd2e0; + --bs-table-border-color: #e2bdca; + --bs-table-striped-bg: #eec8d5; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e2bdca; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e8c2cf; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e5e6eb; + --bs-table-border-color: #cecfd4; + --bs-table-striped-bg: #dadbdf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cecfd4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d4d5d9; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-success { + --bs-table-color: #000; + --bs-table-bg: #dbefdc; + --bs-table-border-color: #c5d7c6; + --bs-table-striped-bg: #d0e3d1; + --bs-table-striped-color: #000; + --bs-table-active-bg: #c5d7c6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #cbddcc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-info { + --bs-table-color: #000; + --bs-table-bg: #d1e3fa; + --bs-table-border-color: #bccce1; + --bs-table-striped-bg: #c7d8ee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bccce1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d2e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-warning { + --bs-table-color: #000; + --bs-table-bg: #fee8cc; + --bs-table-border-color: #e5d1b8; + --bs-table-striped-bg: #f1dcc2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e5d1b8; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ebd7bd; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-danger { + --bs-table-color: #000; + --bs-table-bg: #fdd9d7; + --bs-table-border-color: #e4c3c2; + --bs-table-striped-bg: #f0cecc; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e4c3c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #eac9c7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-light { + --bs-table-color: #000; + --bs-table-bg: #f0f2f5; + --bs-table-border-color: #d8dadd; + --bs-table-striped-bg: #e4e6e9; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d8dadd; + --bs-table-active-color: #000; + --bs-table-hover-bg: #dee0e3; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-dark { + --bs-table-color: #fff; + --bs-table-bg: #344767; + --bs-table-border-color: #485976; + --bs-table-striped-bg: #3e506f; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #485976; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #435572; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } - - .row-cols-lg-1>* { - flex: 0 0 auto; + + @media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + .form-label { + margin-bottom: 0.5rem; + font-size: 0.875rem; + font-weight: 400; + color: #7b809a; + } + + .col-form-label { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + margin-bottom: 0; + font-size: inherit; + font-weight: 400; + line-height: 1.5rem; + color: #7b809a; + } + + .col-form-label-lg { + padding-top: calc(0.75rem + 1px); + padding-bottom: calc(0.75rem + 1px); + font-size: 0.875rem; + } + + .col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.75rem; + } + + .form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; + } + + .form-control { + display: block; width: 100%; + padding: 0.5rem 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #495057; + background-color: transparent; + background-clip: padding-box; + border: 1px solid #d2d6da; + appearance: none; + border-radius: 0.375rem; + transition: 0.2s ease; + } + + @media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } + } + + .form-control[type="file"] { + overflow: hidden; + } + + .form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; } - - .row-cols-lg-2>* { - flex: 0 0 auto; - width: 50%; + + .form-control:focus { + color: #495057; + background-color: transparent; + border-color: transparent; + outline: 0; + box-shadow: none; } - - .row-cols-lg-3>* { - flex: 0 0 auto; - width: 33.333333%; + + .form-control::-webkit-date-and-time-value { + height: 1.5rem; } - - .row-cols-lg-4>* { - flex: 0 0 auto; - width: 25%; + + .form-control::placeholder { + color: #adb5bd; + opacity: 1; } - - .row-cols-lg-5>* { - flex: 0 0 auto; - width: 20%; + + .form-control:disabled { + background-color: #f0f2f5; + opacity: 1; } - - .row-cols-lg-6>* { - flex: 0 0 auto; - width: 16.666667%; + + .form-control::file-selector-button { + padding: 0.5rem 0; + margin: -0.5rem 0; + margin-inline-end: 0; + color: #495057; + background-color: transparent; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: all 0.15s ease-in; } - - .col-lg-auto { - flex: 0 0 auto; - width: auto; + + @media (prefers-reduced-motion: reduce) { + .form-control::file-selector-button { + transition: none; + } } - - .col-lg-1 { - flex: 0 0 auto; - width: 8.333333%; + + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: rgba(0, 0, 0, 0.05); } - - .col-lg-2 { - flex: 0 0 auto; - width: 16.666667%; + + .form-control-plaintext { + display: block; + width: 100%; + padding: 0.5rem 0; + margin-bottom: 0; + line-height: 1.5rem; + color: #344767; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; } - - .col-lg-3 { - flex: 0 0 auto; - width: 25%; + + .form-control-plaintext:focus { + outline: 0; } - - .col-lg-4 { - flex: 0 0 auto; - width: 33.333333%; + + .form-control-plaintext.form-control-sm, + .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; } - - .col-lg-5 { - flex: 0 0 auto; - width: 41.666667%; + + .form-control-sm { + min-height: unset; + padding: 0.25rem 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; } - - .col-lg-6 { - flex: 0 0 auto; - width: 50%; + + .form-control-sm::file-selector-button { + padding: 0.25rem 0.75rem; + margin: -0.25rem -0.75rem; + margin-inline-end: 0.75rem; + } + + .form-control-lg { + min-height: unset; + padding: 0.75rem 0.75rem; + font-size: 0.875rem; + border-radius: 0.5rem; + } + + .form-control-lg::file-selector-button { + padding: 0.75rem 0.75rem; + margin: -0.75rem -0.75rem; + margin-inline-end: 0.75rem; + } + + textarea.form-control { + min-height: unset; + } + + textarea.form-control-sm { + min-height: unset; + } + + textarea.form-control-lg { + min-height: unset; + } + + .form-control-color { + width: 3rem; + height: unset; + padding: 0.5rem; + } + + .form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; } - - .col-lg-7 { - flex: 0 0 auto; - width: 58.333333%; + + .form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: 0.375rem; } - - .col-lg-8 { - flex: 0 0 auto; - width: 66.666667%; + + .form-control-color::-webkit-color-swatch { + border-radius: 0.375rem; } - - .col-lg-9 { - flex: 0 0 auto; - width: 75%; + + .form-control-color.form-control-sm { + height: unset; } - - .col-lg-10 { - flex: 0 0 auto; - width: 83.333333%; - } - - .col-lg-11 { - flex: 0 0 auto; - width: 91.666667%; + + .form-control-color.form-control-lg { + height: unset; } - - .col-lg-12 { - flex: 0 0 auto; + + .form-select { + display: block; width: 100%; + padding: 0.5rem 1rem 0.5rem 0; + -moz-padding-start: -3px; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #495057; + background-color: transparent; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0 center; + background-size: 16px 12px; + border: 1px solid #d2d6da; + border-radius: 0.375rem; + transition: 0.2s ease; + appearance: none; + } + + @media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } + } + + .form-select:focus { + border-color: transparent; + outline: 0; + box-shadow: none; } - - .offset-lg-0 { - margin-left: 0; - } - - .offset-lg-1 { - margin-left: 8.333333%; + + .form-select[multiple], + .form-select[size]:not([size="1"]) { + padding-right: 0; + background-image: none; + } + + .form-select:disabled { + color: #6c757d; + background-color: #f0f2f5; + } + + .form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; + } + + .form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; } - - .offset-lg-2 { - margin-left: 16.666667%; + + .form-select-lg { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 0.75rem; + font-size: 0.875rem; + border-radius: 0.5rem; } - - .offset-lg-3 { - margin-left: 25%; + + .form-check { + display: block; + min-height: auto; + padding-left: 1.73em; + margin-bottom: 0.125rem; + } + + .form-check .form-check-input { + float: left; + margin-left: -1.73em; + } + + .form-check-reverse { + padding-right: 1.73em; + padding-left: 0; + text-align: right; } - - .offset-lg-4 { - margin-left: 33.333333%; + + .form-check-reverse .form-check-input { + float: right; + margin-right: -1.73em; + margin-left: 0; } - - .offset-lg-5 { - margin-left: 41.666667%; + + .form-check-input { + width: 1.23em; + height: 1.23em; + margin-top: 0.135em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: none; + appearance: none; + print-color-adjust: exact; + transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .form-check-input { + transition: none; + } + } + + .form-check-input[type="checkbox"] { + border-radius: 0.35rem; + } + + .form-check-input[type="radio"] { + border-radius: 50%; + } + + .form-check-input:active { + filter: brightness(99%); + } + + .form-check-input:focus { + border-color: none; + outline: 0; + box-shadow: none; } - - .offset-lg-6 { - margin-left: 50%; + + .form-check-input:checked { + background-color: transparent; + border-color: transparent; } - - .offset-lg-7 { - margin-left: 58.333333%; + + .form-check-input:checked[type="checkbox"] { + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); } - - .offset-lg-8 { - margin-left: 66.666667%; + + .form-check-input:checked[type="radio"] { + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); } - - .offset-lg-9 { - margin-left: 75%; + + .form-check-input[type="checkbox"]:indeterminate { + background-color: #e91e63; + border-color: #e91e63; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } - - .offset-lg-10 { - margin-left: 83.333333%; + + .form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; } - - .offset-lg-11 { - margin-left: 91.666667%; + + .form-check-input[disabled]~.form-check-label, + .form-check-input:disabled~.form-check-label { + cursor: default; + opacity: 0.5; } - - .g-lg-0, - .gx-lg-0 { - --bs-gutter-x: 0; + + .form-switch { + padding-left: 2.375rem; } - - .g-lg-0, - .gy-lg-0 { - --bs-gutter-y: 0; + + .form-switch .form-check-input { + width: 1.875rem; + margin-left: -2.375rem; + background-image: none; + background-position: left center; + border-radius: 1.875rem; + transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } + } + + .form-switch .form-check-input:focus { + background-image: none; + } + + .form-switch .form-check-input:checked { + background-position: right center; + background-image: none; + } + + .form-switch.form-check-reverse { + padding-right: 2.375rem; + padding-left: 0; } - - .g-lg-1, - .gx-lg-1 { - --bs-gutter-x: 0.25rem; + + .form-switch.form-check-reverse .form-check-input { + margin-right: -2.375rem; + margin-left: 0; } - - .g-lg-1, - .gy-lg-1 { - --bs-gutter-y: 0.25rem; + + .form-check-inline { + display: inline-block; + margin-right: 1rem; } - - .g-lg-2, - .gx-lg-2 { - --bs-gutter-x: 0.5rem; + + .btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } - - .g-lg-2, - .gy-lg-2 { - --bs-gutter-y: 0.5rem; + + .btn-check[disabled]+.btn, + .btn-check:disabled+.btn { + pointer-events: none; + filter: none; + opacity: 0.65; } - - .g-lg-3, - .gx-lg-3 { - --bs-gutter-x: 1rem; + + .form-range { + width: 100%; + height: calc(1rem + 4px); + padding: 0; + background-color: transparent; + appearance: none; } - - .g-lg-3, - .gy-lg-3 { - --bs-gutter-y: 1rem; + + .form-range:focus { + outline: 0; } - - .g-lg-4, - .gx-lg-4 { - --bs-gutter-x: 1.5rem; + + .form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, none; } - - .g-lg-4, - .gy-lg-4 { - --bs-gutter-y: 1.5rem; + + .form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, none; } - - .g-lg-5, - .gx-lg-5 { - --bs-gutter-x: 3rem; + + .form-range::-moz-focus-outer { + border: 0; } - - .g-lg-5, - .gy-lg-5 { - --bs-gutter-y: 3rem; + + .form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e91e63; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; + } + + @media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } + } + + .form-range::-webkit-slider-thumb:active { + background-color: #f9c1d4; + } + + .form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } - - .g-lg-6, - .gx-lg-6 { - --bs-gutter-x: 4rem; + + .form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e91e63; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; + } + + @media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } + } + + .form-range::-moz-range-thumb:active { + background-color: #f9c1d4; + } + + .form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } - - .g-lg-6, - .gy-lg-6 { - --bs-gutter-y: 4rem; + + .form-range:disabled { + pointer-events: none; } - - .g-lg-7, - .gx-lg-7 { - --bs-gutter-x: 6rem; + + .form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; } - - .g-lg-7, - .gy-lg-7 { - --bs-gutter-y: 6rem; + + .form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; } - - .g-lg-8, - .gx-lg-8 { - --bs-gutter-x: 8rem; + + .form-floating { + position: relative; } - - .g-lg-8, - .gy-lg-8 { - --bs-gutter-y: 8rem; + + .form-floating>.form-control, + .form-floating>.form-control-plaintext, + .form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; } - - .g-lg-9, - .gx-lg-9 { - --bs-gutter-x: 10rem; + + .form-floating>label { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 1rem 0; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .form-floating>label { + transition: none; + } + } + + .form-floating>.form-control, + .form-floating>.form-control-plaintext { + padding: 1rem 0; + } + + .form-floating>.form-control::placeholder, + .form-floating>.form-control-plaintext::placeholder { + color: transparent; + } + + .form-floating>.form-control:focus, + .form-floating>.form-control:not(:placeholder-shown), + .form-floating>.form-control-plaintext:focus, + .form-floating>.form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating>.form-control:-webkit-autofill, + .form-floating>.form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + + .form-floating>.form-control:focus~label, + .form-floating>.form-control:not(:placeholder-shown)~label, + .form-floating>.form-control-plaintext~label, + .form-floating>.form-select~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + } + + .form-floating>.form-control:-webkit-autofill~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + } + + .form-floating>.form-control-plaintext~label { + border-width: 1px 0; + } + + .input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } - - .g-lg-9, - .gy-lg-9 { - --bs-gutter-y: 10rem; + + .input-group>.form-control, + .input-group>.form-select, + .input-group>.form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + } + + .input-group>.form-control:focus, + .input-group>.form-select:focus, + .input-group>.form-floating:focus-within { + z-index: 5; } - - .g-lg-10, - .gx-lg-10 { - --bs-gutter-x: 12rem; + + .input-group .btn { + position: relative; + z-index: 2; } - - .g-lg-10, - .gy-lg-10 { - --bs-gutter-y: 12rem; + + .input-group .btn:focus { + z-index: 5; } - - .g-lg-11, - .gx-lg-11 { - --bs-gutter-x: 14rem; + + .input-group-text { + display: flex; + align-items: center; + padding: 0.5rem 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #344767; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid #d2d6da; + border-radius: 0.375rem; + } + + .input-group-lg>.form-control, + .input-group-lg>.form-select, + .input-group-lg>.input-group-text, + .input-group-lg>.btn { + padding: 0.75rem 0.75rem; + font-size: 0.875rem; + border-radius: 0.5rem; + } + + .input-group-sm>.form-control, + .input-group-sm>.form-select, + .input-group-sm>.input-group-text, + .input-group-sm>.btn { + padding: 0.25rem 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; } - - .g-lg-11, - .gy-lg-11 { - --bs-gutter-y: 14rem; + + .input-group-lg>.form-select, + .input-group-sm>.form-select { + padding-right: 1rem; } - - .g-lg-12, - .gx-lg-12 { - --bs-gutter-x: 16rem; + + .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), + .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), + .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, + .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - - .g-lg-12, - .gy-lg-12 { - --bs-gutter-y: 16rem; + + .input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), + .input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4), + .input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-control, + .input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -} - -@media (min-width: 1200px) { - .col-xl { - flex: 1 0 0%; + + .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - - .row-cols-xl-auto>* { - flex: 0 0 auto; - width: auto; + + .input-group>.form-floating:not(:first-child)>.form-control, + .input-group>.form-floating:not(:first-child)>.form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - - .row-cols-xl-1>* { - flex: 0 0 auto; + + .valid-feedback { + display: none; width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #66d432; } - - .row-cols-xl-2>* { - flex: 0 0 auto; - width: 50%; + + .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(102, 212, 50, 0.9); + border-radius: 0.375rem; + } + + .was-validated :valid~.valid-feedback, + .was-validated :valid~.valid-tooltip, + .is-valid~.valid-feedback, + .is-valid~.valid-tooltip { + display: block; } - - .row-cols-xl-3>* { - flex: 0 0 auto; - width: 33.333333%; + + .was-validated .form-control:valid, + .form-control.is-valid { + border-color: #66d432; + padding-right: unset; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center; + background-size: 1rem 1rem; + } + + .was-validated .form-control:valid:focus, + .form-control.is-valid:focus { + border-color: #66d432; + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); + } + + .was-validated textarea.form-control:valid, + textarea.form-control.is-valid { + padding-right: unset; + background-position: top 0.75rem right 0.75rem; + } + + .was-validated .form-select:valid, + .form-select.is-valid { + border-color: #66d432; + } + + .was-validated .form-select:valid:not([multiple]):not([size]), + .was-validated .form-select:valid:not([multiple])[size="1"], + .form-select.is-valid:not([multiple]):not([size]), + .form-select.is-valid:not([multiple])[size="1"] { + padding-right: 1rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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-position: right 0 center, center right 1rem; + background-size: 16px 12px, 1rem 1rem; + } + + .was-validated .form-select:valid:focus, + .form-select.is-valid:focus { + border-color: #66d432; + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); + } + + .was-validated .form-control-color:valid, + .form-control-color.is-valid { + width: calc(3rem + unset); + } + + .was-validated .form-check-input:valid, + .form-check-input.is-valid { + border-color: #66d432; + } + + .was-validated .form-check-input:valid:checked, + .form-check-input.is-valid:checked { + background-color: #66d432; + } + + .was-validated .form-check-input:valid:focus, + .form-check-input.is-valid:focus { + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); + } + + .was-validated .form-check-input:valid~.form-check-label, + .form-check-input.is-valid~.form-check-label { + color: #66d432; + } + + .form-check-inline .form-check-input~.valid-feedback { + margin-left: .5em; + } + + .was-validated .input-group>.form-control:not(:focus):valid, + .input-group>.form-control:not(:focus).is-valid, + .was-validated .input-group>.form-select:not(:focus):valid, + .input-group>.form-select:not(:focus).is-valid, + .was-validated .input-group>.form-floating:not(:focus-within):valid, + .input-group>.form-floating:not(:focus-within).is-valid { + z-index: 3; + } + + .invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #fd5c70; } - - .row-cols-xl-4>* { - flex: 0 0 auto; - width: 25%; + + .invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(253, 92, 112, 0.9); + border-radius: 0.375rem; + } + + .was-validated :invalid~.invalid-feedback, + .was-validated :invalid~.invalid-tooltip, + .is-invalid~.invalid-feedback, + .is-invalid~.invalid-tooltip { + display: block; } - - .row-cols-xl-5>* { - flex: 0 0 auto; - width: 20%; + + .was-validated .form-control:invalid, + .form-control.is-invalid { + border-color: #fd5c70; + padding-right: unset; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; + } + + .was-validated .form-control:invalid:focus, + .form-control.is-invalid:focus { + border-color: #fd5c70; + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); + } + + .was-validated textarea.form-control:invalid, + textarea.form-control.is-invalid { + padding-right: unset; + background-position: top 0.75rem right 0.75rem; + } + + .was-validated .form-select:invalid, + .form-select.is-invalid { + border-color: #fd5c70; + } + + .was-validated .form-select:invalid:not([multiple]):not([size]), + .was-validated .form-select:invalid:not([multiple])[size="1"], + .form-select.is-invalid:not([multiple]):not([size]), + .form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 1rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0 center, center right 1rem; + background-size: 16px 12px, 1rem 1rem; + } + + .was-validated .form-select:invalid:focus, + .form-select.is-invalid:focus { + border-color: #fd5c70; + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); + } + + .was-validated .form-control-color:invalid, + .form-control-color.is-invalid { + width: calc(3rem + unset); + } + + .was-validated .form-check-input:invalid, + .form-check-input.is-invalid { + border-color: #fd5c70; + } + + .was-validated .form-check-input:invalid:checked, + .form-check-input.is-invalid:checked { + background-color: #fd5c70; + } + + .was-validated .form-check-input:invalid:focus, + .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); + } + + .was-validated .form-check-input:invalid~.form-check-label, + .form-check-input.is-invalid~.form-check-label { + color: #fd5c70; + } + + .form-check-inline .form-check-input~.invalid-feedback { + margin-left: .5em; + } + + .was-validated .input-group>.form-control:not(:focus):invalid, + .input-group>.form-control:not(:focus).is-invalid, + .was-validated .input-group>.form-select:not(:focus):invalid, + .input-group>.form-select:not(:focus).is-invalid, + .was-validated .input-group>.form-floating:not(:focus-within):invalid, + .input-group>.form-floating:not(:focus-within).is-invalid { + z-index: 4; } - - .row-cols-xl-6>* { - flex: 0 0 auto; - width: 16.666667%; + + .btn { + --bs-btn-padding-x: 1.5rem; + --bs-btn-padding-y: 0.625rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 0.75rem; + --bs-btn-font-weight: 700; + --bs-btn-line-height: 1.667; + --bs-btn-color: #7b809a; + --bs-btn-bg: transparent; + --bs-btn-border-width: 1px; + --bs-btn-border-color: transparent; + --bs-btn-border-radius: 0.5rem; + --bs-btn-hover-border-color: transparent; + --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: all 0.15s ease-in; + } + + @media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } + } + + .btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + } + + .btn-check+.btn:hover { + color: var(--bs-btn-color); + background-color: var(--bs-btn-bg); + border-color: var(--bs-btn-border-color); + } + + .btn:focus-visible { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); + } + + .btn-check:focus-visible+.btn { + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); + } + + .btn-check:checked+.btn, + :not(.btn-check)+.btn:active, + .btn:first-child:active, + .btn.active, + .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); + } + + .btn-check:checked+.btn:focus-visible, + :not(.btn-check)+.btn:active:focus-visible, + .btn:first-child:active:focus-visible, + .btn.active:focus-visible, + .btn.show:focus-visible { + box-shadow: var(--bs-btn-focus-box-shadow); + } + + .btn:disabled, + .btn.disabled, + fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); + } + + .btn-primary { + --bs-btn-color: #000; + --bs-btn-bg: #e91e63; + --bs-btn-border-color: #e91e63; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #1FD0E0; + --bs-btn-hover-border-color: #eb3573; + --bs-btn-focus-shadow-rgb: 198, 26, 84; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ed4b82; + --bs-btn-active-border-color: #eb3573; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #e91e63; + --bs-btn-disabled-border-color: #e91e63; + } + + .btn-secondary { + --bs-btn-color: #000; + --bs-btn-bg: #7b809a; + --bs-btn-border-color: #7b809a; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #8f93a9; + --bs-btn-hover-border-color: #888da4; + --bs-btn-focus-shadow-rgb: 105, 109, 131; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #9599ae; + --bs-btn-active-border-color: #888da4; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #7b809a; + --bs-btn-disabled-border-color: #7b809a; + } + + .btn-success { + --bs-btn-color: #000; + --bs-btn-bg: #4CAF50; + --bs-btn-border-color: #4CAF50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #67bb6a; + --bs-btn-hover-border-color: #5eb762; + --bs-btn-focus-shadow-rgb: 65, 149, 68; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #70bf73; + --bs-btn-active-border-color: #5eb762; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #4CAF50; + --bs-btn-disabled-border-color: #4CAF50; + } + + .btn-info { + --bs-btn-color: #fff; + --bs-btn-bg: #1A73E8; + --bs-btn-border-color: #1A73E8; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1662c5; + --bs-btn-hover-border-color: #155cba; + --bs-btn-focus-shadow-rgb: 60, 136, 235; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #155cba; + --bs-btn-active-border-color: #1456ae; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #1A73E8; + --bs-btn-disabled-border-color: #1A73E8; + } + + .btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #fb8c00; + --bs-btn-border-color: #fb8c00; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fc9d26; + --bs-btn-hover-border-color: #fb981a; + --bs-btn-focus-shadow-rgb: 213, 119, 0; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fca333; + --bs-btn-active-border-color: #fb981a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #fb8c00; + --bs-btn-disabled-border-color: #fb8c00; + } + + .btn-danger { + --bs-btn-color: #000; + --bs-btn-bg: #F44335; + --bs-btn-border-color: #F44335; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f65f53; + --bs-btn-hover-border-color: #f55649; + --bs-btn-focus-shadow-rgb: 207, 57, 45; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f6695d; + --bs-btn-active-border-color: #f55649; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #F44335; + --bs-btn-disabled-border-color: #F44335; + } + + .btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f0f2f5; + --bs-btn-border-color: #f0f2f5; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ccced0; + --bs-btn-hover-border-color: #c0c2c4; + --bs-btn-focus-shadow-rgb: 204, 206, 208; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c0c2c4; + --bs-btn-active-border-color: #b4b6b8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f0f2f5; + --bs-btn-disabled-border-color: #f0f2f5; + } + + .btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #344767; + --bs-btn-border-color: #344767; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #52637e; + --bs-btn-hover-border-color: #485976; + --bs-btn-focus-shadow-rgb: 82, 99, 126; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #5d6c85; + --bs-btn-active-border-color: #485976; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #344767; + --bs-btn-disabled-border-color: #344767; + } + + .btn-white { + --bs-btn-color: #000; + --bs-btn-bg: #fff; + --bs-btn-border-color: #fff; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: white; + --bs-btn-hover-border-color: white; + --bs-btn-focus-shadow-rgb: 217, 217, 217; + --bs-btn-active-color: #000; + --bs-btn-active-bg: white; + --bs-btn-active-border-color: white; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #fff; + --bs-btn-disabled-border-color: #fff; + } + + .btn-dark-blue { + --bs-btn-color: #fff; + --bs-btn-bg: #1A237E; + --bs-btn-border-color: #1A237E; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #161e6b; + --bs-btn-hover-border-color: #151c65; + --bs-btn-focus-shadow-rgb: 60, 68, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #151c65; + --bs-btn-active-border-color: #141a5f; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #1A237E; + --bs-btn-disabled-border-color: #1A237E; + } + + .btn-outline-primary { + --bs-btn-color: #e91e63; + --bs-btn-border-color: #e91e63; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #e91e63; + --bs-btn-hover-border-color: #e91e63; + --bs-btn-focus-shadow-rgb: 233, 30, 99; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #e91e63; + --bs-btn-active-border-color: #e91e63; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #e91e63; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #e91e63; + --bs-gradient: none; + } + + .btn-outline-secondary { + --bs-btn-color: #7b809a; + --bs-btn-border-color: #7b809a; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #7b809a; + --bs-btn-hover-border-color: #7b809a; + --bs-btn-focus-shadow-rgb: , 128, 154; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #7b809a; + --bs-btn-active-border-color: #7b809a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #7b809a; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #7b809a; + --bs-gradient: none; + } + + .btn-outline-success { + --bs-btn-color: #4CAF50; + --bs-btn-border-color: #4CAF50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #4CAF50; + --bs-btn-hover-border-color: #4CAF50; + --bs-btn-focus-shadow-rgb: 76, 175, 80; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #4CAF50; + --bs-btn-active-border-color: #4CAF50; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #4CAF50; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #4CAF50; + --bs-gradient: none; + } + + .btn-outline-info { + --bs-btn-color: #1A73E8; + --bs-btn-border-color: #1A73E8; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1A73E8; + --bs-btn-hover-border-color: #1A73E8; + --bs-btn-focus-shadow-rgb: 26, 115, 232; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #1A73E8; + --bs-btn-active-border-color: #1A73E8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1A73E8; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1A73E8; + --bs-gradient: none; + } + + .btn-outline-warning { + --bs-btn-color: #fb8c00; + --bs-btn-border-color: #fb8c00; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fb8c00; + --bs-btn-hover-border-color: #fb8c00; + --bs-btn-focus-shadow-rgb: 251, 140, 0; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fb8c00; + --bs-btn-active-border-color: #fb8c00; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fb8c00; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #fb8c00; + --bs-gradient: none; + } + + .btn-outline-danger { + --bs-btn-color: #F44335; + --bs-btn-border-color: #F44335; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #F44335; + --bs-btn-hover-border-color: #F44335; + --bs-btn-focus-shadow-rgb: 244, 67, 53; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #F44335; + --bs-btn-active-border-color: #F44335; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F44335; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F44335; + --bs-gradient: none; + } + + .btn-outline-light { + --bs-btn-color: #f0f2f5; + --bs-btn-border-color: #f0f2f5; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f0f2f5; + --bs-btn-hover-border-color: #f0f2f5; + --bs-btn-focus-shadow-rgb: 240, 242, 245; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f0f2f5; + --bs-btn-active-border-color: #f0f2f5; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #f0f2f5; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f0f2f5; + --bs-gradient: none; + } + + .btn-outline-dark { + --bs-btn-color: #344767; + --bs-btn-border-color: #344767; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #344767; + --bs-btn-hover-border-color: #344767; + --bs-btn-focus-shadow-rgb: 52, 71, 103; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #344767; + --bs-btn-active-border-color: #344767; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #344767; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #344767; + --bs-gradient: none; + } + + .btn-outline-white { + --bs-btn-color: #fff; + --bs-btn-border-color: #fff; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fff; + --bs-btn-hover-border-color: #fff; + --bs-btn-focus-shadow-rgb: 255, 255, 255; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fff; + --bs-btn-active-border-color: #fff; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #fff; + --bs-gradient: none; + } + + .btn-outline-dark-blue { + --bs-btn-color: #1A237E; + --bs-btn-border-color: #1A237E; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1A237E; + --bs-btn-hover-border-color: #1A237E; + --bs-btn-focus-shadow-rgb: 26, 35, 126; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #1A237E; + --bs-btn-active-border-color: #1A237E; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1A237E; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1A237E; + --bs-gradient: none; + } + + .btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: #e91e63; + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: #e91e63; + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: #e91e63; + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-shadow-rgb: 198, 26, 84; + text-decoration: none; + } + + .btn-link:hover, + .btn-link:focus-visible { + text-decoration: none; + } + + .btn-link:focus-visible { + color: var(--bs-btn-color); + } + + .btn-link:hover { + color: var(--bs-btn-hover-color); + } + + .btn-lg, + .btn-group-lg>.btn { + --bs-btn-padding-y: 0.75rem; + --bs-btn-padding-x: 1.75rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: 0.5rem; + } + + .btn-sm, + .btn-group-sm>.btn { + --bs-btn-padding-y: 0.375rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 0.75rem; + --bs-btn-border-radius: 0.5rem; + } + + .fade { + transition: opacity 0.15s linear; } - - .col-xl-auto { - flex: 0 0 auto; - width: auto; + + @media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } } - - .col-xl-1 { - flex: 0 0 auto; - width: 8.333333%; + + .fade:not(.show) { + opacity: 0; } - - .col-xl-2 { - flex: 0 0 auto; - width: 16.666667%; + + .collapse:not(.show) { + display: none; } - - .col-xl-3 { - flex: 0 0 auto; - width: 25%; + + .collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; } - - .col-xl-4 { - flex: 0 0 auto; - width: 33.333333%; + + @media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } } - - .col-xl-5 { - flex: 0 0 auto; - width: 41.666667%; + + .collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; + } + + @media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } + } + + .dropup, + .dropend, + .dropdown, + .dropstart, + .dropup-center, + .dropdown-center { + position: relative; } - - .col-xl-6 { - flex: 0 0 auto; - width: 50%; + + .dropdown-toggle { + white-space: nowrap; } - - .col-xl-7 { - flex: 0 0 auto; - width: 58.333333%; + + .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } - - .col-xl-8 { - flex: 0 0 auto; - width: 66.666667%; + + .dropdown-toggle:empty::after { + margin-left: 0; } - - .col-xl-9 { - flex: 0 0 auto; - width: 75%; + + .dropdown-menu { + --bs-dropdown-zindex: 1000; + --bs-dropdown-min-width: 11rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 1.625rem; + --bs-dropdown-font-size: 0.875rem; + --bs-dropdown-color: #7b809a; + --bs-dropdown-bg: #fff; + --bs-dropdown-border-color: transparent; + --bs-dropdown-border-radius: 0.375rem; + --bs-dropdown-border-width: 0; + --bs-dropdown-inner-border-radius: 0.375rem; + --bs-dropdown-divider-bg: transparent; + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --bs-dropdown-link-color: #7b809a; + --bs-dropdown-link-hover-color: #344767; + --bs-dropdown-link-hover-bg: #f0f2f5; + --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-active-bg: transparent; + --bs-dropdown-link-disabled-color: #6c757d; + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.3rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--bs-dropdown-zindex); + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); + } + + .dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); } - - .col-xl-10 { - flex: 0 0 auto; - width: 83.333333%; + + .dropdown-menu-start { + --bs-position: start; } - - .col-xl-11 { - flex: 0 0 auto; - width: 91.666667%; + + .dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; } - - .col-xl-12 { - flex: 0 0 auto; - width: 100%; + + .dropdown-menu-end { + --bs-position: end; } - - .offset-xl-0 { - margin-left: 0; + + .dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; } - - .offset-xl-1 { - margin-left: 8.333333%; + + @media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-sm-end { + --bs-position: end; + } + + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } + } + + @media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-md-end { + --bs-position: end; + } + + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } + } + + @media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-lg-end { + --bs-position: end; + } + + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } + } + + @media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xl-end { + --bs-position: end; + } + + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } + } + + @media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xxl-end { + --bs-position: end; + } + + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } + } + + .dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); } - - .offset-xl-2 { - margin-left: 16.666667%; + + .dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } - - .offset-xl-3 { - margin-left: 25%; + + .dropup .dropdown-toggle:empty::after { + margin-left: 0; } - - .offset-xl-4 { - margin-left: 33.333333%; + + .dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); } - - .offset-xl-5 { - margin-left: 41.666667%; + + .dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } - - .offset-xl-6 { - margin-left: 50%; + + .dropend .dropdown-toggle:empty::after { + margin-left: 0; } - - .offset-xl-7 { - margin-left: 58.333333%; + + .dropend .dropdown-toggle::after { + vertical-align: 0; } - - .offset-xl-8 { - margin-left: 66.666667%; + + .dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); } - - .offset-xl-9 { - margin-left: 75%; + + .dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } - - .offset-xl-10 { - margin-left: 83.333333%; + + .dropstart .dropdown-toggle::after { + display: none; } - - .offset-xl-11 { - margin-left: 91.666667%; + + .dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } - - .g-xl-0, - .gx-xl-0 { - --bs-gutter-x: 0; + + .dropstart .dropdown-toggle:empty::after { + margin-left: 0; } - - .g-xl-0, - .gy-xl-0 { - --bs-gutter-y: 0; + + .dropstart .dropdown-toggle::before { + vertical-align: 0; } - - .g-xl-1, - .gx-xl-1 { - --bs-gutter-x: 0.25rem; + + .dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; } - - .g-xl-1, - .gy-xl-1 { - --bs-gutter-y: 0.25rem; + + .dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } - - .g-xl-2, - .gx-xl-2 { - --bs-gutter-x: 0.5rem; + + .dropdown-item:hover, + .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); + } + + .dropdown-item.active, + .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); + } + + .dropdown-item.disabled, + .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; } - - .g-xl-2, - .gy-xl-2 { - --bs-gutter-y: 0.5rem; + + .dropdown-menu.show { + display: block; } - - .g-xl-3, - .gx-xl-3 { - --bs-gutter-x: 1rem; + + .dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; } - - .g-xl-3, - .gy-xl-3 { - --bs-gutter-y: 1rem; + + .dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); + } + + .dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: transparent; + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: transparent; + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-active-bg: transparent; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; + } + + .btn-group, + .btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; } - - .g-xl-4, - .gx-xl-4 { - --bs-gutter-x: 1.5rem; + + .btn-group>.btn, + .btn-group-vertical>.btn { + position: relative; + flex: 1 1 auto; + } + + .btn-group>.btn-check:checked+.btn, + .btn-group>.btn-check:focus+.btn, + .btn-group>.btn:hover, + .btn-group>.btn:focus, + .btn-group>.btn:active, + .btn-group>.btn.active, + .btn-group-vertical>.btn-check:checked+.btn, + .btn-group-vertical>.btn-check:focus+.btn, + .btn-group-vertical>.btn:hover, + .btn-group-vertical>.btn:focus, + .btn-group-vertical>.btn:active, + .btn-group-vertical>.btn.active { + z-index: 1; + } + + .btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } - - .g-xl-4, - .gy-xl-4 { - --bs-gutter-y: 1.5rem; + + .btn-toolbar .input-group { + width: auto; } - - .g-xl-5, - .gx-xl-5 { - --bs-gutter-x: 3rem; + + .btn-group { + border-radius: 0.5rem; } - - .g-xl-5, - .gy-xl-5 { - --bs-gutter-y: 3rem; + + .btn-group> :not(.btn-check:first-child)+.btn, + .btn-group>.btn-group:not(:first-child) { + margin-left: -1px; } - - .g-xl-6, - .gx-xl-6 { - --bs-gutter-x: 4rem; + + .btn-group>.btn:not(:last-child):not(.dropdown-toggle), + .btn-group>.btn.dropdown-toggle-split:first-child, + .btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - - .g-xl-6, - .gy-xl-6 { - --bs-gutter-y: 4rem; + + .btn-group>.btn:nth-child(n + 3), + .btn-group> :not(.btn-check)+.btn, + .btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - - .g-xl-7, - .gx-xl-7 { - --bs-gutter-x: 6rem; + + .dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; } - - .g-xl-7, - .gy-xl-7 { - --bs-gutter-y: 6rem; + + .dropdown-toggle-split::after, + .dropup .dropdown-toggle-split::after, + .dropend .dropdown-toggle-split::after { + margin-left: 0; } - - .g-xl-8, - .gx-xl-8 { - --bs-gutter-x: 8rem; + + .dropstart .dropdown-toggle-split::before { + margin-right: 0; } - - .g-xl-8, - .gy-xl-8 { - --bs-gutter-y: 8rem; + + .btn-sm+.dropdown-toggle-split, + .btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } - - .g-xl-9, - .gx-xl-9 { - --bs-gutter-x: 10rem; + + .btn-lg+.dropdown-toggle-split, + .btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 1.3125rem; + padding-left: 1.3125rem; } - - .g-xl-9, - .gy-xl-9 { - --bs-gutter-y: 10rem; + + .btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; } - - .g-xl-10, - .gx-xl-10 { - --bs-gutter-x: 12rem; + + .btn-group-vertical>.btn, + .btn-group-vertical>.btn-group { + width: 100%; } - - .g-xl-10, - .gy-xl-10 { - --bs-gutter-y: 12rem; + + .btn-group-vertical>.btn:not(:first-child), + .btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; } - - .g-xl-11, - .gx-xl-11 { - --bs-gutter-x: 14rem; + + .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), + .btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - - .g-xl-11, - .gy-xl-11 { - --bs-gutter-y: 14rem; + + .btn-group-vertical>.btn~.btn, + .btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; } - - .g-xl-12, - .gx-xl-12 { - --bs-gutter-x: 16rem; + + .nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } - - .g-xl-12, - .gy-xl-12 { - --bs-gutter-y: 16rem; + + .nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } + } + + .nav-link:hover, + .nav-link:focus { + color: var(--bs-nav-link-hover-color); + } + + .nav-link.disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; + } + + .nav-tabs { + --bs-nav-tabs-border-width: 1px; + --bs-nav-tabs-border-color: #dee2e6; + --bs-nav-tabs-border-radius: 0.375rem; + --bs-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6; + --bs-nav-tabs-link-active-color: #495057; + --bs-nav-tabs-link-active-bg: #fff; + --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); + } + + .nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + background: none; + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); + } + + .nav-tabs .nav-link:hover, + .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); + } + + .nav-tabs .nav-link.disabled, + .nav-tabs .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; + } + + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); + } + + .nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; } -} - -@media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; + + .nav-pills { + --bs-nav-pills-border-radius: 0.75rem; + --bs-nav-pills-link-active-color: #344767; + --bs-nav-pills-link-active-bg: #fff; } - - .row-cols-xxl-auto>* { - flex: 0 0 auto; - width: auto; + + .nav-pills .nav-link { + background: none; + border: 0; + border-radius: var(--bs-nav-pills-border-radius); } - - .row-cols-xxl-1>* { - flex: 0 0 auto; + + .nav-pills .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; + } + + .nav-pills .nav-link.active, + .nav-pills .show>.nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); + } + + .nav-fill>.nav-link, + .nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; + } + + .nav-justified>.nav-link, + .nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; + } + + .nav-fill .nav-item .nav-link, + .nav-justified .nav-item .nav-link { width: 100%; } - - .row-cols-xxl-2>* { - flex: 0 0 auto; - width: 50%; + + .tab-content>.tab-pane { + display: none; } - - .row-cols-xxl-3>* { - flex: 0 0 auto; - width: 33.333333%; + + .tab-content>.active { + display: block; } - - .row-cols-xxl-4>* { - flex: 0 0 auto; - width: 25%; + + .navbar { + --bs-navbar-padding-x: 1rem; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: #344767; + --bs-navbar-hover-color: rgba(52, 71, 103, 0.7); + --bs-navbar-disabled-color: rgba(52, 71, 103, 0.3); + --bs-navbar-active-color: rgba(52, 71, 103, 0.9); + --bs-navbar-brand-padding-y: 0.40625rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.125rem; + --bs-navbar-brand-color: rgba(52, 71, 103, 0.9); + --bs-navbar-brand-hover-color: rgba(52, 71, 103, 0.9); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.125rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(52, 71, 103, 0.1); + --bs-navbar-toggler-border-radius: 0.5rem; + --bs-navbar-toggler-focus-width: 0.2rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); + } + + .navbar>.container, + .navbar>.container-fluid, + .navbar>.container-sm, + .navbar>.container-md, + .navbar>.container-lg, + .navbar>.container-xl, + .navbar>.container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; + } + + .navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + white-space: nowrap; + } + + .navbar-brand:hover, + .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); + } + + .navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } - - .row-cols-xxl-5>* { - flex: 0 0 auto; - width: 20%; + + .navbar-nav .show>.nav-link, + .navbar-nav .nav-link.active { + color: var(--bs-navbar-active-color); } - - .row-cols-xxl-6>* { - flex: 0 0 auto; - width: 16.666667%; + + .navbar-nav .dropdown-menu { + position: static; } - - .col-xxl-auto { - flex: 0 0 auto; - width: auto; + + .navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); } - - .col-xxl-1 { - flex: 0 0 auto; - width: 8.333333%; + + .navbar-text a, + .navbar-text a:hover, + .navbar-text a:focus { + color: var(--bs-navbar-active-color); } - - .col-xxl-2 { - flex: 0 0 auto; - width: 16.666667%; + + .navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; } - - .col-xxl-3 { - flex: 0 0 auto; - width: 25%; + + .navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); + } + + @media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } + } + + .navbar-toggler:hover { + text-decoration: none; + } + + .navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); + } + + .navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + } + + .navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; } - - .col-xxl-4 { - flex: 0 0 auto; - width: 33.333333%; + + @media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .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; + } + + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + + @media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .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; + } + + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + + @media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .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; + } + + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + + @media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .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-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + + @media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } + + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + + .navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; } - - .col-xxl-5 { - flex: 0 0 auto; - width: 41.666667%; + + .navbar-expand .navbar-nav { + flex-direction: row; } - - .col-xxl-6 { - flex: 0 0 auto; - width: 50%; + + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } - - .col-xxl-7 { - flex: 0 0 auto; - width: 58.333333%; + + .navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); } - - .col-xxl-8 { - flex: 0 0 auto; - width: 66.666667%; + + .navbar-expand .navbar-nav-scroll { + overflow: visible; } - - .col-xxl-9 { - flex: 0 0 auto; - width: 75%; + + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; } - - .col-xxl-10 { - flex: 0 0 auto; - width: 83.333333%; + + .navbar-expand .navbar-toggler { + display: none; } - - .col-xxl-11 { - flex: 0 0 auto; - width: 91.666667%; + + .navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } - - .col-xxl-12 { - flex: 0 0 auto; - width: 100%; + + .navbar-expand .offcanvas .offcanvas-header { + display: none; } - - .offset-xxl-0 { + + .navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + + .navbar-dark { + --bs-navbar-color: rgba(255, 255, 255, 0.85); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + } + + .card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-border-width: 0; + --bs-card-border-color: rgba(0, 0, 0, 0.125); + --bs-card-border-radius: 0.75rem; + --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --bs-card-inner-border-radius: 0.75rem; + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: #fff; + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: #fff; + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); + } + + .card>hr { + margin-right: 0; margin-left: 0; } - - .offset-xxl-1 { - margin-left: 8.333333%; + + .card>.list-group { + border-top: inherit; + border-bottom: inherit; + } + + .card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); + } + + .card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); + } + + .card>.card-header+.list-group, + .card>.list-group+.card-footer { + border-top: 0; } - - .offset-xxl-2 { - margin-left: 16.666667%; + + .card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); } - - .offset-xxl-3 { - margin-left: 25%; + + .card-title { + margin-bottom: var(--bs-card-title-spacer-y); } - - .offset-xxl-4 { - margin-left: 33.333333%; + + .card-subtitle { + margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; } - - .offset-xxl-5 { - margin-left: 41.666667%; + + .card-text:last-child { + margin-bottom: 0; } - - .offset-xxl-6 { - margin-left: 50%; + + .card-link+.card-link { + margin-left: var(--bs-card-spacer-x); } - - .offset-xxl-7 { - margin-left: 58.333333%; + + .card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); + } + + .card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; + } + + .card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); + } + + .card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); + } + + .card-header-tabs { + margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; } - - .offset-xxl-8 { - margin-left: 66.666667%; + + .card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); } - - .offset-xxl-9 { - margin-left: 75%; + + .card-header-pills { + margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); } - - .offset-xxl-10 { - margin-left: 83.333333%; + + .card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); } - - .offset-xxl-11 { - margin-left: 91.666667%; + + .card-img, + .card-img-top, + .card-img-bottom { + width: 100%; } - - .g-xxl-0, - .gx-xxl-0 { - --bs-gutter-x: 0; + + .card-img, + .card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); } - - .g-xxl-0, - .gy-xxl-0 { - --bs-gutter-y: 0; + + .card-img, + .card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); } - - .g-xxl-1, - .gx-xxl-1 { - --bs-gutter-x: 0.25rem; + + .card-group>.card { + margin-bottom: var(--bs-card-group-margin); + } + + @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-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } + } + + .accordion { + --bs-accordion-color: #7b809a; + --bs-accordion-bg: transparent; + --bs-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease; + --bs-accordion-border-color: rgba(0, 0, 0, 0.125); + --bs-accordion-border-width: 0; + --bs-accordion-border-radius: 0.125rem; + --bs-accordion-inner-border-radius: 0.125rem; + --bs-accordion-btn-padding-x: 0rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: #7b809a; + --bs-accordion-btn-bg: transparent; + --bs-accordion-btn-icon: none; + --bs-accordion-btn-icon-width: 1rem; + --bs-accordion-btn-icon-transform: rotate(180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: none; + --bs-accordion-btn-focus-border-color: transparent; + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-body-padding-x: 0rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: #344767; + --bs-accordion-active-bg: transparent; + } + + .accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); + } + + @media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } + } + + .accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); + } + + .accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); + } + + .accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); + } + + @media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } + } + + .accordion-button:hover { + z-index: 2; + } + + .accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); + } + + .accordion-header { + margin-bottom: 0; } - - .g-xxl-1, - .gy-xxl-1 { - --bs-gutter-y: 0.25rem; + + .accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } - - .g-xxl-2, - .gx-xxl-2 { - --bs-gutter-x: 0.5rem; + + .accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); } - - .g-xxl-2, - .gy-xxl-2 { - --bs-gutter-y: 0.5rem; + + .accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); } - - .g-xxl-3, - .gx-xxl-3 { - --bs-gutter-x: 1rem; + + .accordion-item:not(:first-of-type) { + border-top: 0; } - - .g-xxl-3, - .gy-xxl-3 { - --bs-gutter-y: 1rem; + + .accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); } - - .g-xxl-4, - .gx-xxl-4 { - --bs-gutter-x: 1.5rem; + + .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } - - .g-xxl-4, - .gy-xxl-4 { - --bs-gutter-y: 1.5rem; + + .accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); } - - .g-xxl-5, - .gx-xxl-5 { - --bs-gutter-x: 3rem; + + .accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } - - .g-xxl-5, - .gy-xxl-5 { - --bs-gutter-y: 3rem; + + .accordion-flush .accordion-collapse { + border-width: 0; } - - .g-xxl-6, - .gx-xxl-6 { - --bs-gutter-x: 4rem; + + .accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; } - - .g-xxl-6, - .gy-xxl-6 { - --bs-gutter-y: 4rem; + + .accordion-flush .accordion-item:first-child { + border-top: 0; } - - .g-xxl-7, - .gx-xxl-7 { - --bs-gutter-x: 6rem; + + .accordion-flush .accordion-item:last-child { + border-bottom: 0; } - - .g-xxl-7, - .gy-xxl-7 { - --bs-gutter-y: 6rem; + + .accordion-flush .accordion-item .accordion-button, + .accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; } - - .g-xxl-8, - .gx-xxl-8 { - --bs-gutter-x: 8rem; + + .breadcrumb { + --bs-breadcrumb-padding-x: 1rem; + --bs-breadcrumb-padding-y: 0.5rem; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: #f0f2f5; + --bs-breadcrumb-border-radius: 0.375rem; + --bs-breadcrumb-divider-color: #6c757d; + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); + } + + .breadcrumb-item+.breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); + } + + .breadcrumb-item+.breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "/") */ + ; } - - .g-xxl-8, - .gy-xxl-8 { - --bs-gutter-y: 8rem; + + .breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); + } + + .pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1rem; + --bs-pagination-color: #e91e63; + --bs-pagination-bg: #fff; + --bs-pagination-border-width: 1px; + --bs-pagination-border-color: #dee2e6; + --bs-pagination-border-radius: 0.375rem; + --bs-pagination-hover-color: #e91e63; + --bs-pagination-hover-bg: #f0f2f5; + --bs-pagination-hover-border-color: #dee2e6; + --bs-pagination-focus-color: #e91e63; + --bs-pagination-focus-bg: #f0f2f5; + --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #e91e63; + --bs-pagination-active-border-color: #e91e63; + --bs-pagination-disabled-color: #6c757d; + --bs-pagination-disabled-bg: #fff; + --bs-pagination-disabled-border-color: #dee2e6; + display: flex; + padding-left: 0; + list-style: none; } - - .g-xxl-9, - .gx-xxl-9 { - --bs-gutter-x: 10rem; + + .page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } + } + + .page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); + } + + .page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); + } + + .page-link.active, + .active>.page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); + } + + .page-link.disabled, + .disabled>.page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); } - - .g-xxl-9, - .gy-xxl-9 { - --bs-gutter-y: 10rem; + + .page-item:not(:first-child) .page-link { + margin-left: -1px; } - - .g-xxl-10, - .gx-xxl-10 { - --bs-gutter-x: 12rem; + + .page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); + } + + .page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); + } + + .pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.125rem; + --bs-pagination-border-radius: 0.5rem; + } + + .pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-border-radius: 0.125rem; + } + + .badge { + --bs-badge-padding-x: 0.9em; + --bs-badge-padding-y: 0.55em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: 0.45rem; + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); + } + + .badge:empty { + display: none; } - - .g-xxl-10, - .gy-xxl-10 { - --bs-gutter-y: 12rem; + + .btn .badge { + position: relative; + top: -1px; + } + + .alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: 0 solid var(--bs-alert-border-color); + --bs-alert-border-radius: 0.375rem; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); + } + + .alert-heading { + color: inherit; + } + + .alert-link { + font-weight: 600; } - - .g-xxl-11, - .gx-xxl-11 { - --bs-gutter-x: 14rem; + + .alert-dismissible { + padding-right: 3rem; } - - .g-xxl-11, - .gy-xxl-11 { - --bs-gutter-y: 14rem; + + .alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; + } + + .alert-primary { + --bs-alert-color: #8cb; + --bs-alert-bg: #fbd2e0; + --bs-alert-border-color: #f8bcd0; + } + + .alert-primary .alert-link { + color: #700e2f; + } + + .alert-secondary { + --bs-alert-color: #4a4d5c; + --bs-alert-bg: #e5e6eb; + --bs-alert-border-color: #d7d9e1; + } + + .alert-secondary .alert-link { + color: #3b3e4a; + } + + .alert-success { + --bs-alert-color: #2e6930; + --bs-alert-bg: #dbefdc; + --bs-alert-border-color: #c9e7cb; + } + + .alert-success .alert-link { + color: #255426; + } + + .alert-info { + --bs-alert-color: #10458b; + --bs-alert-bg: #d1e3fa; + --bs-alert-border-color: #bad5f8; + } + + .alert-info .alert-link { + color: #0d376f; + } + + .alert-warning { + --bs-alert-color: #975400; + --bs-alert-bg: #fee8cc; + --bs-alert-border-color: #feddb3; + } + + .alert-warning .alert-link { + color: #794300; + } + + .alert-danger { + --bs-alert-color: #922820; + --bs-alert-bg: #fdd9d7; + --bs-alert-border-color: #fcc7c2; + } + + .alert-danger .alert-link { + color: #75201a; + } + + .alert-light { + --bs-alert-color: #606162; + --bs-alert-bg: #fcfcfd; + --bs-alert-border-color: #fbfbfc; + } + + .alert-light .alert-link { + color: #4d4e4e; + } + + .alert-dark { + --bs-alert-color: #1f2b3e; + --bs-alert-bg: #d6dae1; + --bs-alert-border-color: #c2c8d1; + } + + .alert-dark .alert-link { + color: #192232; + } + + .alert-white { + --bs-alert-color: #666666; + --bs-alert-bg: white; + --bs-alert-border-color: white; + } + + .alert-white .alert-link { + color: #525252; + } + + .alert-dark-blue { + --bs-alert-color: #10154c; + --bs-alert-bg: #d1d3e5; + --bs-alert-border-color: #babdd8; + } + + .alert-dark-blue .alert-link { + color: #0d113d; + } + + @keyframes progress-bar-stripes { + 0% { + background-position-x: 6px; + } + } + + .progress { + --bs-progress-height: 6px; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: #f0f2f5; + --bs-progress-border-radius: 0.125rem; + --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #e91e63; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); } - - .g-xxl-12, - .gx-xxl-12 { - --bs-gutter-x: 16rem; + + .progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); + } + + @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: var(--bs-progress-height) var(--bs-progress-height); + } + + .progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; + } + + @media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } + } + + .list-group { + --bs-list-group-color: inherit; + --bs-list-group-bg: #fff; + --bs-list-group-border-color: rgba(0, 0, 0, 0.125); + --bs-list-group-border-width: 1px; + --bs-list-group-border-radius: 0.375rem; + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: #495057; + --bs-list-group-action-hover-color: #495057; + --bs-list-group-action-hover-bg: #f8f9fa; + --bs-list-group-action-active-color: #7b809a; + --bs-list-group-action-active-bg: #f0f2f5; + --bs-list-group-disabled-color: #6c757d; + --bs-list-group-disabled-bg: #fff; + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #e91e63; + --bs-list-group-active-border-color: #e91e63; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); } - - .g-xxl-12, - .gy-xxl-12 { - --bs-gutter-y: 16rem; + + .list-group-numbered { + list-style-type: none; + counter-reset: section; } -} - -.table { - --bs-table-bg: transparent; - --bs-table-accent-bg: transparent; - --bs-table-striped-color: #7b809a; - --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: #7b809a; - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: #7b809a; - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); - width: 100%; - margin-bottom: 1rem; - color: #7b809a; - vertical-align: top; - border-color: #f0f2f5; -} - -.table> :not(caption)>*>* { - padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); - border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); -} - -.table>tbody { - vertical-align: inherit; -} - -.table>thead { - vertical-align: bottom; -} - -.table> :not(:first-child) { - border-top: 2px solid currentColor; -} - -.caption-top { - caption-side: top; -} - -.table-sm> :not(caption)>*>* { - padding: 0.25rem 0.25rem; -} - -.table-bordered> :not(caption)>* { - border-width: 1px 0; -} - -.table-bordered> :not(caption)>*>* { - border-width: 0 1px; -} - -.table-borderless> :not(caption)>*>* { - border-bottom-width: 0; -} - -.table-borderless> :not(:first-child) { - border-top-width: 0; -} - -.table-striped>tbody>tr:nth-of-type(odd)>* { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); -} - -.table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); -} - -.table-hover>tbody>tr:hover>* { - --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); -} - -.table-primary { - --bs-table-bg: #fbd2e0; - --bs-table-striped-bg: #eec8d5; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e2bdca; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e8c2cf; - --bs-table-hover-color: #000; - color: #000; - border-color: #e2bdca; -} - -.table-secondary { - --bs-table-bg: #e5e6eb; - --bs-table-striped-bg: #dadbdf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cecfd4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d4d5d9; - --bs-table-hover-color: #000; - color: #000; - border-color: #cecfd4; -} - -.table-success { - --bs-table-bg: #dbefdc; - --bs-table-striped-bg: #d0e3d1; - --bs-table-striped-color: #000; - --bs-table-active-bg: #c5d7c6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #cbddcc; - --bs-table-hover-color: #000; - color: #000; - border-color: #c5d7c6; -} - -.table-info { - --bs-table-bg: #d1e3fa; - --bs-table-striped-bg: #c7d8ee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bccce1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c1d2e7; - --bs-table-hover-color: #000; - color: #000; - border-color: #bccce1; -} - -.table-warning { - --bs-table-bg: #fee8cc; - --bs-table-striped-bg: #f1dcc2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e5d1b8; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ebd7bd; - --bs-table-hover-color: #000; - color: #000; - border-color: #e5d1b8; -} - -.table-danger { - --bs-table-bg: #fdd9d7; - --bs-table-striped-bg: #f0cecc; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e4c3c2; - --bs-table-active-color: #000; - --bs-table-hover-bg: #eac9c7; - --bs-table-hover-color: #000; - color: #000; - border-color: #e4c3c2; -} - -.table-light { - --bs-table-bg: #f0f2f5; - --bs-table-striped-bg: #e4e6e9; - --bs-table-striped-color: #000; - --bs-table-active-bg: #d8dadd; - --bs-table-active-color: #000; - --bs-table-hover-bg: #dee0e3; - --bs-table-hover-color: #000; - color: #000; - border-color: #d8dadd; -} - -.table-dark { - --bs-table-bg: #344767; - --bs-table-striped-bg: #3e506f; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #485976; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #435572; - --bs-table-hover-color: #fff; - color: #fff; - border-color: #485976; -} - -.table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; -} - -@media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + + .list-group-numbered>.list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; } -} - -@media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + + .list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; + } + + .list-group-item-action:hover, + .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); + } + + .list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); + } + + .list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); + } + + .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: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); + } + + .list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); + } + + .list-group-item+.list-group-item { + border-top-width: 0; + } + + .list-group-item+.list-group-item.active { + margin-top: calc(-1 * var(--bs-list-group-border-width)); + border-top-width: var(--bs-list-group-border-width); + } + + .list-group-horizontal { + flex-direction: row; } -} - -@media (max-width: 991.98px) { - .table-responsive-lg { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + + .list-group-horizontal>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; } -} - -@media (max-width: 1199.98px) { - .table-responsive-xl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + + .list-group-horizontal>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; } -} - -@media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + + .list-group-horizontal>.list-group-item.active { + margin-top: 0; } -} - -.form-label { - margin-bottom: 0.5rem; - font-size: 0.875rem; - font-weight: 400; - color: #7b809a; -} - -.col-form-label { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - margin-bottom: 0; - font-size: inherit; - font-weight: 400; - line-height: 1.5rem; - color: #7b809a; -} - -.col-form-label-lg { - padding-top: calc(0.75rem + 1px); - padding-bottom: calc(0.75rem + 1px); - font-size: 0.875rem; -} - -.col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.75rem; -} - -.form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: #6c757d; -} - -.form-control { - display: block; - width: 100%; - padding: 0.5rem 0; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5rem; - color: #495057; - background-color: transparent; - background-clip: padding-box; - border: 1px solid #d2d6da; - appearance: none; - border-radius: 0.375rem; - transition: 0.2s ease; -} - -@media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; + + .list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; } -} - -.form-control[type="file"] { - overflow: hidden; -} - -.form-control[type="file"]:not(:disabled):not([readonly]) { - cursor: pointer; -} - -.form-control:focus { - color: #495057; - background-color: transparent; - border-color: transparent; - outline: 0; - box-shadow: none; -} - -.form-control::-webkit-date-and-time-value { - height: 1.5rem; -} - -.form-control::placeholder { - color: #adb5bd; - opacity: 1; -} - -.form-control:disabled, -.form-control[readonly] { - background-color: #f0f2f5; - opacity: 1; -} - -.form-control::file-selector-button { - padding: 0.5rem 0; - margin: -0.5rem 0; - margin-inline-end: 0; - color: #495057; - background-color: transparent; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - transition: none; + + .list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + + @media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + } + + @media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + } + + @media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + } + + @media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + 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: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + } + + @media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + + .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } + } + + .list-group-flush { + border-radius: 0; } -} - -.form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: rgba(0, 0, 0, 0.05); -} - -.form-control::-webkit-file-upload-button { - padding: 0.5rem 0; - margin: -0.5rem 0; - margin-inline-end: 0; - color: #495057; - background-color: transparent; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { - .form-control::-webkit-file-upload-button { - transition: none; + + .list-group-flush>.list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); } -} - -.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: rgba(0, 0, 0, 0.05); -} - -.form-control-plaintext { - display: block; - width: 100%; - padding: 0.5rem 0; - margin-bottom: 0; - line-height: 1.5rem; - color: #344767; - background-color: transparent; - border: solid transparent; - border-width: 1px 0; -} - -.form-control-plaintext.form-control-sm, -.form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; -} - -.form-control-sm { - min-height: unset; - padding: 0.25rem 0.75rem; - font-size: 0.75rem; - border-radius: 0.125rem; -} - -.form-control-sm::file-selector-button { - padding: 0.25rem 0.75rem; - margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; -} - -.form-control-sm::-webkit-file-upload-button { - padding: 0.25rem 0.75rem; - margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; -} - -.form-control-lg { - min-height: unset; - padding: 0.75rem 0.75rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} - -.form-control-lg::file-selector-button { - padding: 0.75rem 0.75rem; - margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; -} - -.form-control-lg::-webkit-file-upload-button { - padding: 0.75rem 0.75rem; - margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; -} - -textarea.form-control { - min-height: unset; -} - -textarea.form-control-sm { - min-height: unset; -} - -textarea.form-control-lg { - min-height: unset; -} - -.form-control-color { - width: 3rem; - height: auto; - padding: 0.5rem; -} - -.form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; -} - -.form-control-color::-moz-color-swatch { - height: 1.5rem; - border-radius: 0.375rem; -} - -.form-control-color::-webkit-color-swatch { - height: 1.5rem; - border-radius: 0.375rem; -} - -.form-select { - display: block; - width: 100%; - padding: 0.5rem 1rem 0.5rem 0; - -moz-padding-start: -3px; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5rem; - color: #495057; - background-color: transparent; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0 center; - background-size: 16px 12px; - border: 1px solid #d2d6da; - border-radius: 0.375rem; - transition: 0.2s ease; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .form-select { - transition: none; - } -} - -.form-select:focus { - border-color: transparent; - outline: 0; - box-shadow: none; -} - -.form-select[multiple], -.form-select[size]:not([size="1"]) { - padding-right: 0; - background-image: none; -} - -.form-select:disabled { - color: #6c757d; - background-color: #f0f2f5; -} - -.form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; -} - -.form-select-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.75rem; - font-size: 0.75rem; - border-radius: 0.125rem; -} - -.form-select-lg { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 0.75rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} - -.form-check { - display: block; - min-height: auto; - padding-left: 1.73em; - margin-bottom: 0.125rem; -} - -.form-check .form-check-input { - float: left; - margin-left: -1.73em; -} - -.form-check-input { - width: 1.23em; - height: 1.23em; - margin-top: 0.135em; - vertical-align: top; - background-color: #fff; - background-repeat: no-repeat; - background-position: center; - background-size: contain; - border: none; - appearance: none; - color-adjust: exact; - transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .form-check-input { - transition: none; + + .list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; } -} - -.form-check-input[type="checkbox"] { - border-radius: 0.35rem; -} - -.form-check-input[type="radio"] { - border-radius: 50%; -} - -.form-check-input:active { - filter: brightness(99%); -} - -.form-check-input:focus { - border-color: none; - outline: 0; - box-shadow: none; -} - -.form-check-input:checked { - background-color: transparent; - border-color: transparent; -} - -.form-check-input:checked[type="checkbox"] { - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); -} - -.form-check-input:checked[type="radio"] { - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); -} - -.form-check-input[type="checkbox"]:indeterminate { - background-color: #e91e63; - border-color: #e91e63; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); -} - -.form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; -} - -.form-check-input[disabled]~.form-check-label, -.form-check-input:disabled~.form-check-label { - opacity: 0.5; -} - -.form-switch { - padding-left: 2.375rem; -} - -.form-switch .form-check-input { - width: 1.875rem; - margin-left: -2.375rem; - background-image: none; - background-position: left center; - border-radius: 1.875rem; - transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .form-switch .form-check-input { - transition: none; + + .list-group-item-primary { + color: #8cb; + background-color: #fbd2e0; } -} - -.form-switch .form-check-input:focus { - background-image: none; -} - -.form-switch .form-check-input:checked { - background-position: right center; - background-image: none; -} - -.form-check-inline { - display: inline-block; - margin-right: 1rem; -} - -.btn-check { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} - -.btn-check[disabled]+.btn, -.btn-check:disabled+.btn { - pointer-events: none; - filter: none; - opacity: 0.65; -} - -.form-range { - width: 100%; - height: calc(1rem + 4px); - padding: 0; - background-color: transparent; - appearance: none; -} - -.form-range:focus { - outline: 0; -} - -.form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, none; -} - -.form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, none; -} - -.form-range::-moz-focus-outer { - border: 0; -} - -.form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #e91e63; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - transition: none; + + .list-group-item-primary.list-group-item-action:hover, + .list-group-item-primary.list-group-item-action:focus { + color: #8cb; + background-color: #e2bdca; } -} - -.form-range::-webkit-slider-thumb:active { - background-color: #f9c1d4; -} - -.form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #e91e63; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - transition: none; + + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #8cb; + border-color: #8cb; + } + + .list-group-item-secondary { + color: #4a4d5c; + background-color: #e5e6eb; + } + + .list-group-item-secondary.list-group-item-action:hover, + .list-group-item-secondary.list-group-item-action:focus { + color: #4a4d5c; + background-color: #cecfd4; + } + + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #4a4d5c; + border-color: #4a4d5c; + } + + .list-group-item-success { + color: #2e6930; + background-color: #dbefdc; + } + + .list-group-item-success.list-group-item-action:hover, + .list-group-item-success.list-group-item-action:focus { + color: #2e6930; + background-color: #c5d7c6; + } + + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #2e6930; + border-color: #2e6930; + } + + .list-group-item-info { + color: #10458b; + background-color: #d1e3fa; + } + + .list-group-item-info.list-group-item-action:hover, + .list-group-item-info.list-group-item-action:focus { + color: #10458b; + background-color: #bccce1; + } + + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #10458b; + border-color: #10458b; + } + + .list-group-item-warning { + color: #975400; + background-color: #fee8cc; + } + + .list-group-item-warning.list-group-item-action:hover, + .list-group-item-warning.list-group-item-action:focus { + color: #975400; + background-color: #e5d1b8; + } + + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #975400; + border-color: #975400; + } + + .list-group-item-danger { + color: #922820; + background-color: #fdd9d7; + } + + .list-group-item-danger.list-group-item-action:hover, + .list-group-item-danger.list-group-item-action:focus { + color: #922820; + background-color: #e4c3c2; + } + + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #922820; + border-color: #922820; + } + + .list-group-item-light { + color: #606162; + background-color: #fcfcfd; + } + + .list-group-item-light.list-group-item-action:hover, + .list-group-item-light.list-group-item-action:focus { + color: #606162; + background-color: #e3e3e4; + } + + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #606162; + border-color: #606162; + } + + .list-group-item-dark { + color: #1f2b3e; + background-color: #d6dae1; + } + + .list-group-item-dark.list-group-item-action:hover, + .list-group-item-dark.list-group-item-action:focus { + color: #1f2b3e; + background-color: #c1c4cb; + } + + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1f2b3e; + border-color: #1f2b3e; + } + + .list-group-item-white { + color: #666666; + background-color: white; + } + + .list-group-item-white.list-group-item-action:hover, + .list-group-item-white.list-group-item-action:focus { + color: #666666; + background-color: #e6e6e6; + } + + .list-group-item-white.list-group-item-action.active { + color: #fff; + background-color: #666666; + border-color: #666666; + } + + .list-group-item-dark-blue { + color: #10154c; + background-color: #d1d3e5; + } + + .list-group-item-dark-blue.list-group-item-action:hover, + .list-group-item-dark-blue.list-group-item-action:focus { + color: #10154c; + background-color: #bcbece; + } + + .list-group-item-dark-blue.list-group-item-action.active { + color: #fff; + background-color: #10154c; + border-color: #10154c; + } + + .btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #fff; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: 0.5; } -} - -.form-range::-moz-range-thumb:active { - background-color: #f9c1d4; -} - -.form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.form-range:disabled { - pointer-events: none; -} - -.form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; -} - -.form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; -} - -.form-floating { - position: relative; -} - -.form-floating>.form-control, -.form-floating>.form-select { - height: calc(3.5rem + 2px); - line-height: 1.25; -} - -.form-floating>label { - position: absolute; - top: 0; - left: 0; - height: 100%; - padding: 1rem 0; - pointer-events: none; - border: 1px solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .form-floating>label { - transition: none; + + .btn-close:hover { + color: #fff; + text-decoration: none; + opacity: 0.75; } -} - -.form-floating>.form-control { - padding: 1rem 0; -} - -.form-floating>.form-control::placeholder { - color: transparent; -} - -.form-floating>.form-control:focus, -.form-floating>.form-control:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-control:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} - -.form-floating>.form-control:focus~label, -.form-floating>.form-control:not(:placeholder-shown)~label, -.form-floating>.form-select~label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} - -.form-floating>.form-control:-webkit-autofill~label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} - -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; -} - -.input-group>.form-control, -.input-group>.form-select { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; -} - -.input-group>.form-control:focus, -.input-group>.form-select:focus { - z-index: 3; -} - -.input-group .btn { - position: relative; - z-index: 2; -} - -.input-group .btn:focus { - z-index: 3; -} - -.input-group-text { - display: flex; - align-items: center; - padding: 0.5rem 0; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5rem; - color: #344767; - text-align: center; - white-space: nowrap; - background-color: transparent; - border: 1px solid #d2d6da; - border-radius: 0.375rem; -} - -.input-group-lg>.form-control, -.input-group-lg>.form-select, -.input-group-lg>.input-group-text, -.input-group-lg>.btn { - padding: 0.75rem 0.75rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} - -.input-group-sm>.form-control, -.input-group-sm>.form-select, -.input-group-sm>.input-group-text, -.input-group-sm>.btn { - padding: 0.25rem 0.75rem; - font-size: 0.75rem; - border-radius: 0.125rem; -} - -.input-group-lg>.form-select, -.input-group-sm>.form-select { - padding-right: 1rem; -} - -.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #66d432; -} - -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(102, 212, 50, 0.9); - border-radius: 0.375rem; -} - -.was-validated :valid~.valid-feedback, -.was-validated :valid~.valid-tooltip, -.is-valid~.valid-feedback, -.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .form-control:valid, -.form-control.is-valid { - border-color: #66d432; - padding-right: unset; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center; - background-size: 1rem 1rem; -} - -.was-validated .form-control:valid:focus, -.form-control.is-valid:focus { - border-color: #66d432; - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} - -.was-validated textarea.form-control:valid, -textarea.form-control.is-valid { - padding-right: unset; - background-position: top 0.75rem right 0.75rem; -} - -.was-validated .form-select:valid, -.form-select.is-valid { - border-color: #66d432; -} - -.was-validated .form-select:valid:not([multiple]):not([size]), -.was-validated .form-select:valid:not([multiple])[size="1"], -.form-select.is-valid:not([multiple]):not([size]), -.form-select.is-valid:not([multiple])[size="1"] { - padding-right: 1rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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-position: right 0 center, center right 1rem; - background-size: 16px 12px, 1rem 1rem; -} - -.was-validated .form-select:valid:focus, -.form-select.is-valid:focus { - border-color: #66d432; - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} - -.was-validated .form-check-input:valid, -.form-check-input.is-valid { - border-color: #66d432; -} - -.was-validated .form-check-input:valid:checked, -.form-check-input.is-valid:checked { - background-color: #66d432; -} - -.was-validated .form-check-input:valid:focus, -.form-check-input.is-valid:focus { - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); -} - -.was-validated .form-check-input:valid~.form-check-label, -.form-check-input.is-valid~.form-check-label { - color: #66d432; -} - -.form-check-inline .form-check-input~.valid-feedback { - margin-left: .5em; -} - -.was-validated .input-group .form-control:valid, -.input-group .form-control.is-valid, -.was-validated .input-group .form-select:valid, -.input-group .form-select.is-valid { - z-index: 1; -} - -.was-validated .input-group .form-control:valid:focus, -.input-group .form-control.is-valid:focus, -.was-validated .input-group .form-select:valid:focus, -.input-group .form-select.is-valid:focus { - z-index: 3; -} - -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #fd5c70; -} - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.875rem; - color: #000; - background-color: rgba(253, 92, 112, 0.9); - border-radius: 0.375rem; -} - -.was-validated :invalid~.invalid-feedback, -.was-validated :invalid~.invalid-tooltip, -.is-invalid~.invalid-feedback, -.is-invalid~.invalid-tooltip { - display: block; -} - -.was-validated .form-control:invalid, -.form-control.is-invalid { - border-color: #fd5c70; - padding-right: unset; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 1rem 1rem; -} - -.was-validated .form-control:invalid:focus, -.form-control.is-invalid:focus { - border-color: #fd5c70; - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} - -.was-validated textarea.form-control:invalid, -textarea.form-control.is-invalid { - padding-right: unset; - background-position: top 0.75rem right 0.75rem; -} - -.was-validated .form-select:invalid, -.form-select.is-invalid { - border-color: #fd5c70; -} - -.was-validated .form-select:invalid:not([multiple]):not([size]), -.was-validated .form-select:invalid:not([multiple])[size="1"], -.form-select.is-invalid:not([multiple]):not([size]), -.form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 1rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0 center, center right 1rem; - background-size: 16px 12px, 1rem 1rem; -} - -.was-validated .form-select:invalid:focus, -.form-select.is-invalid:focus { - border-color: #fd5c70; - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} - -.was-validated .form-check-input:invalid, -.form-check-input.is-invalid { - border-color: #fd5c70; -} - -.was-validated .form-check-input:invalid:checked, -.form-check-input.is-invalid:checked { - background-color: #fd5c70; -} - -.was-validated .form-check-input:invalid:focus, -.form-check-input.is-invalid:focus { - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); -} - -.was-validated .form-check-input:invalid~.form-check-label, -.form-check-input.is-invalid~.form-check-label { - color: #fd5c70; -} - -.form-check-inline .form-check-input~.invalid-feedback { - margin-left: .5em; -} - -.was-validated .input-group .form-control:invalid, -.input-group .form-control.is-invalid, -.was-validated .input-group .form-select:invalid, -.input-group .form-select.is-invalid { - z-index: 2; -} - -.was-validated .input-group .form-control:invalid:focus, -.input-group .form-control.is-invalid:focus, -.was-validated .input-group .form-select:invalid:focus, -.input-group .form-select.is-invalid:focus { - z-index: 3; -} - -.btn { - display: inline-block; - font-weight: 700; - line-height: 1.667; - color: #7b809a; - text-align: center; - vertical-align: middle; - cursor: pointer; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.625rem 1.5rem; - font-size: 0.75rem; - border-radius: 0.5rem; - transition: all 0.15s ease-in; -} - -@media (prefers-reduced-motion: reduce) { - .btn { - transition: none; + + .btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); + opacity: 1; } -} - -.btn:hover { - color: #7b809a; -} - -.btn-check:focus+.btn, -.btn:focus { - outline: 0; - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); -} - -.btn:disabled, -.btn.disabled, -fieldset:disabled .btn { - pointer-events: none; - opacity: 0.65; -} - -.btn-primary { - color: #000; - background-color: #e91e63; - border-color: #e91e63; -} - -.btn-primary:hover { - color: #000; - background-color: #1FD0E0; - border-color: #eb3573; -} - -.btn-check:focus+.btn-primary, -.btn-primary:focus { - color: #000; - background-color: #1FD0E0; - border-color: #eb3573; - box-shadow: 0 0 0 0.2rem rgba(198, 26, 84, 0.5); -} - -.btn-check:checked+.btn-primary, -.btn-check:active+.btn-primary, -.btn-primary:active, -.btn-primary.active, -.show>.btn-primary.dropdown-toggle { - color: #000; - background-color: #ed4b82; - border-color: #eb3573; -} - -.btn-check:checked+.btn-primary:focus, -.btn-check:active+.btn-primary:focus, -.btn-primary:active:focus, -.btn-primary.active:focus, -.show>.btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(198, 26, 84, 0.5); -} - -.btn-primary:disabled, -.btn-primary.disabled { - color: #000; - background-color: #e91e63; - border-color: #e91e63; -} - -.btn-secondary { - color: #000; - background-color: #7b809a; - border-color: #7b809a; -} - -.btn-secondary:hover { - color: #000; - background-color: #8f93a9; - border-color: #888da4; -} - -.btn-check:focus+.btn-secondary, -.btn-secondary:focus { - color: #000; - background-color: #8f93a9; - border-color: #888da4; - box-shadow: 0 0 0 0.2rem rgba(105, 109, 131, 0.5); -} - -.btn-check:checked+.btn-secondary, -.btn-check:active+.btn-secondary, -.btn-secondary:active, -.btn-secondary.active, -.show>.btn-secondary.dropdown-toggle { - color: #000; - background-color: #9599ae; - border-color: #888da4; -} - -.btn-check:checked+.btn-secondary:focus, -.btn-check:active+.btn-secondary:focus, -.btn-secondary:active:focus, -.btn-secondary.active:focus, -.show>.btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(105, 109, 131, 0.5); -} - -.btn-secondary:disabled, -.btn-secondary.disabled { - color: #000; - background-color: #7b809a; - border-color: #7b809a; -} - -.btn-success { - color: #000; - background-color: #4CAF50; - border-color: #4CAF50; -} - -.btn-success:hover { - color: #000; - background-color: #67bb6a; - border-color: #5eb762; -} - -.btn-check:focus+.btn-success, -.btn-success:focus { - color: #000; - background-color: #67bb6a; - border-color: #5eb762; - box-shadow: 0 0 0 0.2rem rgba(65, 149, 68, 0.5); -} - -.btn-check:checked+.btn-success, -.btn-check:active+.btn-success, -.btn-success:active, -.btn-success.active, -.show>.btn-success.dropdown-toggle { - color: #000; - background-color: #70bf73; - border-color: #5eb762; -} - -.btn-check:checked+.btn-success:focus, -.btn-check:active+.btn-success:focus, -.btn-success:active:focus, -.btn-success.active:focus, -.show>.btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(65, 149, 68, 0.5); -} - -.btn-success:disabled, -.btn-success.disabled { - color: #000; - background-color: #4CAF50; - border-color: #4CAF50; -} - -.btn-info { - color: #fff; - background-color: #1A73E8; - border-color: #1A73E8; -} - -.btn-info:hover { - color: #fff; - background-color: #1662c5; - border-color: #155cba; -} - -.btn-check:focus+.btn-info, -.btn-info:focus { - color: #fff; - background-color: #1662c5; - border-color: #155cba; - box-shadow: 0 0 0 0.2rem rgba(60, 136, 235, 0.5); -} - -.btn-check:checked+.btn-info, -.btn-check:active+.btn-info, -.btn-info:active, -.btn-info.active, -.show>.btn-info.dropdown-toggle { - color: #fff; - background-color: #155cba; - border-color: #1456ae; -} - -.btn-check:checked+.btn-info:focus, -.btn-check:active+.btn-info:focus, -.btn-info:active:focus, -.btn-info.active:focus, -.show>.btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(60, 136, 235, 0.5); -} - -.btn-info:disabled, -.btn-info.disabled { - color: #fff; - background-color: #1A73E8; - border-color: #1A73E8; -} - -.btn-warning { - color: #000; - background-color: #fb8c00; - border-color: #fb8c00; -} - -.btn-warning:hover { - color: #000; - background-color: #fc9d26; - border-color: #fb981a; -} - -.btn-check:focus+.btn-warning, -.btn-warning:focus { - color: #000; - background-color: #fc9d26; - border-color: #fb981a; - box-shadow: 0 0 0 0.2rem rgba(213, 119, 0, 0.5); -} - -.btn-check:checked+.btn-warning, -.btn-check:active+.btn-warning, -.btn-warning:active, -.btn-warning.active, -.show>.btn-warning.dropdown-toggle { - color: #000; - background-color: #fca333; - border-color: #fb981a; -} - -.btn-check:checked+.btn-warning:focus, -.btn-check:active+.btn-warning:focus, -.btn-warning:active:focus, -.btn-warning.active:focus, -.show>.btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(213, 119, 0, 0.5); -} - -.btn-warning:disabled, -.btn-warning.disabled { - color: #000; - background-color: #fb8c00; - border-color: #fb8c00; -} - -.btn-danger { - color: #000; - background-color: #F44335; - border-color: #F44335; -} - -.btn-danger:hover { - color: #000; - background-color: #f65f53; - border-color: #f55649; -} - -.btn-check:focus+.btn-danger, -.btn-danger:focus { - color: #000; - background-color: #f65f53; - border-color: #f55649; - box-shadow: 0 0 0 0.2rem rgba(207, 57, 45, 0.5); -} - -.btn-check:checked+.btn-danger, -.btn-check:active+.btn-danger, -.btn-danger:active, -.btn-danger.active, -.show>.btn-danger.dropdown-toggle { - color: #000; - background-color: #f6695d; - border-color: #f55649; -} - -.btn-check:checked+.btn-danger:focus, -.btn-check:active+.btn-danger:focus, -.btn-danger:active:focus, -.btn-danger.active:focus, -.show>.btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(207, 57, 45, 0.5); -} - -.btn-danger:disabled, -.btn-danger.disabled { - color: #000; - background-color: #F44335; - border-color: #F44335; -} - -.btn-light { - color: #000; - background-color: #f0f2f5; - border-color: #f0f2f5; -} - -.btn-light:hover { - color: #000; - background-color: #f2f4f7; - border-color: #f2f3f6; -} - -.btn-check:focus+.btn-light, -.btn-light:focus { - color: #000; - background-color: #f2f4f7; - border-color: #f2f3f6; - box-shadow: 0 0 0 0.2rem rgba(204, 206, 208, 0.5); -} - -.btn-check:checked+.btn-light, -.btn-check:active+.btn-light, -.btn-light:active, -.btn-light.active, -.show>.btn-light.dropdown-toggle { - color: #000; - background-color: #f3f5f7; - border-color: #f2f3f6; -} - -.btn-check:checked+.btn-light:focus, -.btn-check:active+.btn-light:focus, -.btn-light:active:focus, -.btn-light.active:focus, -.show>.btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(204, 206, 208, 0.5); -} - -.btn-light:disabled, -.btn-light.disabled { - color: #000; - background-color: #f0f2f5; - border-color: #f0f2f5; -} - -.btn-dark { - color: #fff; - background-color: #344767; - border-color: #344767; -} - -.btn-dark:hover { - color: #fff; - background-color: #2c3c58; - border-color: #2a3952; -} - -.btn-check:focus+.btn-dark, -.btn-dark:focus { - color: #fff; - background-color: #2c3c58; - border-color: #2a3952; - box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); -} - -.btn-check:checked+.btn-dark, -.btn-check:active+.btn-dark, -.btn-dark:active, -.btn-dark.active, -.show>.btn-dark.dropdown-toggle { - color: #fff; - background-color: #2a3952; - border-color: #27354d; -} - -.btn-check:checked+.btn-dark:focus, -.btn-check:active+.btn-dark:focus, -.btn-dark:active:focus, -.btn-dark.active:focus, -.show>.btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); -} - -.btn-dark:disabled, -.btn-dark.disabled { - color: #fff; - background-color: #344767; - border-color: #344767; -} - -.btn-white { - color: #000; - background-color: #fff; - border-color: #fff; -} - -.btn-white:hover { - color: #000; - background-color: white; - border-color: white; -} - -.btn-check:focus+.btn-white, -.btn-white:focus { - color: #000; - background-color: white; - border-color: white; - box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); -} - -.btn-check:checked+.btn-white, -.btn-check:active+.btn-white, -.btn-white:active, -.btn-white.active, -.show>.btn-white.dropdown-toggle { - color: #000; - background-color: white; - border-color: white; -} - -.btn-check:checked+.btn-white:focus, -.btn-check:active+.btn-white:focus, -.btn-white:active:focus, -.btn-white.active:focus, -.show>.btn-white.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); -} - -.btn-white:disabled, -.btn-white.disabled { - color: #000; - background-color: #fff; - border-color: #fff; -} - -.btn-outline-primary { - color: #e91e63; - border-color: #e91e63; -} - -.btn-outline-primary:hover { - color: #000; - background-color: #e91e63; - border-color: #e91e63; -} - -.btn-check:focus+.btn-outline-primary, -.btn-outline-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(56, 255, 135, 0.5); -} - -.btn-check:checked+.btn-outline-primary, -.btn-check:active+.btn-outline-primary, -.btn-outline-primary:active, -.btn-outline-primary.active, -.btn-outline-primary.dropdown-toggle.show { - color: #000; - background-color: #e91e63; - border-color: #e91e63; -} - -.btn-check:checked+.btn-outline-primary:focus, -.btn-check:active+.btn-outline-primary:focus, -.btn-outline-primary:active:focus, -.btn-outline-primary.active:focus, -.btn-outline-primary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(56, 255, 135, 0.5); -} - -.btn-outline-primary:disabled, -.btn-outline-primary.disabled { - color: #e91e63; - background-color: transparent; -} - -.btn-outline-secondary { - color: #7b809a; - border-color: #7b809a; -} - -.btn-outline-secondary:hover { - color: #000; - background-color: #7b809a; - border-color: #7b809a; -} - -.btn-check:focus+.btn-outline-secondary, -.btn-outline-secondary:focus { - box-shadow: 0 0 0 0.2rem rgba(, 128, 154, 0.5); -} - -.btn-check:checked+.btn-outline-secondary, -.btn-check:active+.btn-outline-secondary, -.btn-outline-secondary:active, -.btn-outline-secondary.active, -.btn-outline-secondary.dropdown-toggle.show { - color: #000; - background-color: #7b809a; - border-color: #7b809a; -} - -.btn-check:checked+.btn-outline-secondary:focus, -.btn-check:active+.btn-outline-secondary:focus, -.btn-outline-secondary:active:focus, -.btn-outline-secondary.active:focus, -.btn-outline-secondary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(, 128, 154, 0.5); -} - -.btn-outline-secondary:disabled, -.btn-outline-secondary.disabled { - color: #7b809a; - background-color: transparent; -} - -.btn-outline-success { - color: #4CAF50; - border-color: #4CAF50; -} - -.btn-outline-success:hover { - color: #000; - background-color: #4CAF50; - border-color: #4CAF50; -} - -.btn-check:focus+.btn-outline-success, -.btn-outline-success:focus { - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); -} - -.btn-check:checked+.btn-outline-success, -.btn-check:active+.btn-outline-success, -.btn-outline-success:active, -.btn-outline-success.active, -.btn-outline-success.dropdown-toggle.show { - color: #000; - background-color: #4CAF50; - border-color: #4CAF50; -} - -.btn-check:checked+.btn-outline-success:focus, -.btn-check:active+.btn-outline-success:focus, -.btn-outline-success:active:focus, -.btn-outline-success.active:focus, -.btn-outline-success.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); -} - -.btn-outline-success:disabled, -.btn-outline-success.disabled { - color: #4CAF50; - background-color: transparent; -} - -.btn-outline-info { - color: #1A73E8; - border-color: #1A73E8; -} - -.btn-outline-info:hover { - color: #fff; - background-color: #1A73E8; - border-color: #1A73E8; -} - -.btn-check:focus+.btn-outline-info, -.btn-outline-info:focus { - box-shadow: 0 0 0 0.2rem rgba(26, 115, 232, 0.5); -} - -.btn-check:checked+.btn-outline-info, -.btn-check:active+.btn-outline-info, -.btn-outline-info:active, -.btn-outline-info.active, -.btn-outline-info.dropdown-toggle.show { - color: #fff; - background-color: #1A73E8; - border-color: #1A73E8; -} - -.btn-check:checked+.btn-outline-info:focus, -.btn-check:active+.btn-outline-info:focus, -.btn-outline-info:active:focus, -.btn-outline-info.active:focus, -.btn-outline-info.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(26, 115, 232, 0.5); -} - -.btn-outline-info:disabled, -.btn-outline-info.disabled { - color: #1A73E8; - background-color: transparent; -} - -.btn-outline-warning { - color: #fb8c00; - border-color: #fb8c00; -} - -.btn-outline-warning:hover { - color: #000; - background-color: #fb8c00; - border-color: #fb8c00; -} - -.btn-check:focus+.btn-outline-warning, -.btn-outline-warning:focus { - box-shadow: 0 0 0 0.2rem rgba(251, 140, 0, 0.5); -} - -.btn-check:checked+.btn-outline-warning, -.btn-check:active+.btn-outline-warning, -.btn-outline-warning:active, -.btn-outline-warning.active, -.btn-outline-warning.dropdown-toggle.show { - color: #000; - background-color: #fb8c00; - border-color: #fb8c00; -} - -.btn-check:checked+.btn-outline-warning:focus, -.btn-check:active+.btn-outline-warning:focus, -.btn-outline-warning:active:focus, -.btn-outline-warning.active:focus, -.btn-outline-warning.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(251, 140, 0, 0.5); -} - -.btn-outline-warning:disabled, -.btn-outline-warning.disabled { - color: #fb8c00; - background-color: transparent; -} - -.btn-outline-danger { - color: #F44335; - border-color: #F44335; -} - -.btn-outline-danger:hover { - color: #000; - background-color: #F44335; - border-color: #F44335; -} - -.btn-check:focus+.btn-outline-danger, -.btn-outline-danger:focus { - box-shadow: 0 0 0 0.2rem rgba(244, 67, 53, 0.5); -} - -.btn-check:checked+.btn-outline-danger, -.btn-check:active+.btn-outline-danger, -.btn-outline-danger:active, -.btn-outline-danger.active, -.btn-outline-danger.dropdown-toggle.show { - color: #000; - background-color: #F44335; - border-color: #F44335; -} - -.btn-check:checked+.btn-outline-danger:focus, -.btn-check:active+.btn-outline-danger:focus, -.btn-outline-danger:active:focus, -.btn-outline-danger.active:focus, -.btn-outline-danger.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(244, 67, 53, 0.5); -} - -.btn-outline-danger:disabled, -.btn-outline-danger.disabled { - color: #F44335; - background-color: transparent; -} - -.btn-outline-light { - color: #f0f2f5; - border-color: #f0f2f5; -} - -.btn-outline-light:hover { - color: #000; - background-color: #f0f2f5; - border-color: #f0f2f5; -} - -.btn-check:focus+.btn-outline-light, -.btn-outline-light:focus { - box-shadow: 0 0 0 0.2rem rgba(240, 242, 245, 0.5); -} - -.btn-check:checked+.btn-outline-light, -.btn-check:active+.btn-outline-light, -.btn-outline-light:active, -.btn-outline-light.active, -.btn-outline-light.dropdown-toggle.show { - color: #000; - background-color: #f0f2f5; - border-color: #f0f2f5; -} - -.btn-check:checked+.btn-outline-light:focus, -.btn-check:active+.btn-outline-light:focus, -.btn-outline-light:active:focus, -.btn-outline-light.active:focus, -.btn-outline-light.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(240, 242, 245, 0.5); -} - -.btn-outline-light:disabled, -.btn-outline-light.disabled { - color: #f0f2f5; - background-color: transparent; -} - -.btn-outline-dark { - color: #344767; - border-color: #344767; -} - -.btn-outline-dark:hover { - color: #fff; - background-color: #344767; - border-color: #344767; -} - -.btn-check:focus+.btn-outline-dark, -.btn-outline-dark:focus { - box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); -} - -.btn-check:checked+.btn-outline-dark, -.btn-check:active+.btn-outline-dark, -.btn-outline-dark:active, -.btn-outline-dark.active, -.btn-outline-dark.dropdown-toggle.show { - color: #fff; - background-color: #344767; - border-color: #344767; -} - -.btn-check:checked+.btn-outline-dark:focus, -.btn-check:active+.btn-outline-dark:focus, -.btn-outline-dark:active:focus, -.btn-outline-dark.active:focus, -.btn-outline-dark.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); -} - -.btn-outline-dark:disabled, -.btn-outline-dark.disabled { - color: #344767; - background-color: transparent; -} - -.btn-outline-white { - color: #fff; - border-color: #fff; -} - -.btn-outline-white:hover { - color: #000; - background-color: #fff; - border-color: #fff; -} - -.btn-check:focus+.btn-outline-white, -.btn-outline-white:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); -} - -.btn-check:checked+.btn-outline-white, -.btn-check:active+.btn-outline-white, -.btn-outline-white:active, -.btn-outline-white.active, -.btn-outline-white.dropdown-toggle.show { - color: #000; - background-color: #fff; - border-color: #fff; -} - -.btn-check:checked+.btn-outline-white:focus, -.btn-check:active+.btn-outline-white:focus, -.btn-outline-white:active:focus, -.btn-outline-white.active:focus, -.btn-outline-white.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); -} - -.btn-outline-white:disabled, -.btn-outline-white.disabled { - color: #fff; - background-color: transparent; -} - -.btn-link { - font-weight: 400; - color: #e91e63; - text-decoration: none; -} - -.btn-link:hover { - color: #e91e63; - text-decoration: none; -} - -.btn-link:focus { - text-decoration: none; -} - -.btn-link:disabled, -.btn-link.disabled { - color: #6c757d; -} - -.btn-lg, -.btn-group-lg>.btn { - padding: 0.75rem 1.75rem; - font-size: 0.875rem; - border-radius: 0.5rem; -} - -.btn-sm, -.btn-group-sm>.btn { - padding: 0.375rem 1rem; - font-size: 0.75rem; - border-radius: 0.5rem; -} - -.fade { - transition: opacity 0.15s linear; -} - -@media (prefers-reduced-motion: reduce) { - .fade { - transition: none; + + .btn-close:disabled, + .btn-close.disabled { + pointer-events: none; + user-select: none; + opacity: 0.25; + } + + .btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); + } + + .toast { + --bs-toast-zindex: 1090; + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.75rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(255, 255, 255, 0.85); + --bs-toast-border-width: 0; + --bs-toast-border-color: transparent; + --bs-toast-border-radius: 0.375rem; + --bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --bs-toast-header-color: #344767; + --bs-toast-header-bg: rgba(255, 255, 255, 0.85); + --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); + } + + .toast.showing { + opacity: 0; } -} - -.fade:not(.show) { - opacity: 0; -} - -.collapse:not(.show) { - display: none; -} - -.collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; -} - -@media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; + + .toast:not(.show) { + display: none; } -} - -.collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width 0.35s ease; -} - -@media (prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - transition: none; + + .toast-container { + --bs-toast-zindex: 1090; + position: absolute; + z-index: var(--bs-toast-zindex); + width: max-content; + max-width: 100%; + pointer-events: none; } -} - -.dropup, -.dropend, -.dropdown, -.dropstart { - position: relative; -} - -.dropdown-toggle { - white-space: nowrap; -} - -.dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; -} - -.dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropdown-menu { - position: absolute; - z-index: 1000; - display: none; - min-width: 11rem; - padding: 0.5rem 0; - margin: 0; - font-size: 0.875rem; - color: #7b809a; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 0 solid transparent; - border-radius: 0.375rem; -} - -.dropdown-menu[data-bs-popper] { - top: 100%; - left: 0; - margin-top: 1.625rem; -} - -.dropdown-menu-start { - --bs-position: start; -} - -.dropdown-menu-start[data-bs-popper] { - right: auto; - left: 0; -} - -.dropdown-menu-end { - --bs-position: end; -} - -.dropdown-menu-end[data-bs-popper] { - right: 0; - left: auto; -} - -@media (min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start; + + .toast-container> :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); } - - .dropdown-menu-sm-start[data-bs-popper] { - right: auto; + + .toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + } + + .toast-header .btn-close { + margin-right: calc(-.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); + } + + .toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; + } + + .modal { + --bs-modal-zindex: 1050; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: #fff; + --bs-modal-border-color: rgba(0, 0, 0, 0.2); + --bs-modal-border-width: 1px; + --bs-modal-border-radius: 0.5rem; + --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-modal-inner-border-radius: calc(0.5rem - 1px); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: #dee2e6; + --bs-modal-header-border-width: 1px; + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: #dee2e6; + --bs-modal-footer-border-width: 1px; + position: fixed; + top: 0; left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; } - - .dropdown-menu-sm-end { - --bs-position: end; + + .modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; } - - .dropdown-menu-sm-end[data-bs-popper] { - right: 0; - left: auto; + + .modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); } -} - -@media (min-width: 768px) { - .dropdown-menu-md-start { - --bs-position: start; + + @media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } } - - .dropdown-menu-md-start[data-bs-popper] { - right: auto; + + .modal.show .modal-dialog { + transform: none; + } + + .modal.modal-static .modal-dialog { + transform: scale(1.02); + } + + .modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); + } + + .modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; + } + + .modal-dialog-scrollable .modal-body { + overflow-y: auto; + } + + .modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); + } + + .modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; + } + + .modal-backdrop { + --bs-backdrop-zindex: 1040; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); } - - .dropdown-menu-md-end { - --bs-position: end; + + .modal-backdrop.fade { + opacity: 0; } - - .dropdown-menu-md-end[data-bs-popper] { - right: 0; - left: auto; + + .modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); } -} - -@media (min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position: start; + + .modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); + } + + .modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); + margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; + } + + .modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); } - - .dropdown-menu-lg-start[data-bs-popper] { - right: auto; + + .modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); + } + + .modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); + } + + .modal-footer>* { + margin: calc(var(--bs-modal-footer-gap) * .5); + } + + @media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + + .modal-sm { + --bs-modal-width: 300px; + } + } + + @media (min-width: 992px) { + + .modal-lg, + .modal-xl { + --bs-modal-width: 800px; + } + } + + @media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } + } + + .modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen .modal-header, + .modal-fullscreen .modal-footer { + border-radius: 0; + } + + .modal-fullscreen .modal-body { + overflow-y: auto; + } + + @media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + } + + @media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + } + + @media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + } + + @media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + } + + @media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + } + + .tooltip { + --bs-tooltip-zindex: 1070; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: 0; + --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-color: #fff; + --bs-tooltip-bg: #000; + --bs-tooltip-border-radius: 0.375rem; + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + padding: var(--bs-tooltip-arrow-height); + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; + } + + .tooltip.show { + opacity: var(--bs-tooltip-opacity); + } + + .tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); + } + + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; + } + + .bs-tooltip-top .tooltip-arrow, + .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: 0; + } + + .bs-tooltip-top .tooltip-arrow::before, + .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; + border-top-color: var(--bs-tooltip-bg); + } + + /* rtl:begin:ignore */ + .bs-tooltip-end .tooltip-arrow, + .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); + } + + .bs-tooltip-end .tooltip-arrow::before, + .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; + border-right-color: var(--bs-tooltip-bg); + } + + /* rtl:end:ignore */ + .bs-tooltip-bottom .tooltip-arrow, + .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: 0; } - - .dropdown-menu-lg-end { - --bs-position: end; + + .bs-tooltip-bottom .tooltip-arrow::before, + .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); + } + + /* rtl:begin:ignore */ + .bs-tooltip-start .tooltip-arrow, + .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); + } + + .bs-tooltip-start .tooltip-arrow::before, + .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); + } + + /* rtl:end:ignore */ + .tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); + } + + .popover { + --bs-popover-zindex: 1060; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.75rem; + --bs-popover-bg: #fff; + --bs-popover-border-width: 0px; + --bs-popover-border-color: rgba(0, 0, 0, 0.2); + --bs-popover-border-radius: 0.5rem; + --bs-popover-inner-border-radius: calc(0.5rem - 0px); + --bs-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: #344767; + --bs-popover-header-bg: #f0f2f5; + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: #7b809a; + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); + } + + .popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); } - - .dropdown-menu-lg-end[data-bs-popper] { + + .popover .popover-arrow::before, + .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; + } + + .bs-popover-top>.popover-arrow, + .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { + bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + } + + .bs-popover-top>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before, + .bs-popover-top>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; + } + + .bs-popover-top>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); + } + + .bs-popover-top>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); + } + + /* rtl:begin:ignore */ + .bs-popover-end>.popover-arrow, + .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { + left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); + } + + .bs-popover-end>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before, + .bs-popover-end>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; + } + + .bs-popover-end>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); + } + + .bs-popover-end>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); + } + + /* rtl:end:ignore */ + .bs-popover-bottom>.popover-arrow, + .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { + top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + } + + .bs-popover-bottom>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before, + .bs-popover-bottom>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); + } + + .bs-popover-bottom>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); + } + + .bs-popover-bottom>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); + } + + .bs-popover-bottom .popover-header::before, + .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(-.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); + } + + /* rtl:begin:ignore */ + .bs-popover-start>.popover-arrow, + .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { + right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); + } + + .bs-popover-start>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before, + .bs-popover-start>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); + } + + .bs-popover-start>.popover-arrow::before, + .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { right: 0; - left: auto; + border-left-color: var(--bs-popover-arrow-border); + } + + .bs-popover-start>.popover-arrow::after, + .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); + } + + /* rtl:end:ignore */ + .popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); + } + + .popover-header:empty { + display: none; } -} - -@media (min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position: start; + + .popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); } - - .dropdown-menu-xl-start[data-bs-popper] { - right: auto; + + .carousel { + position: relative; + } + + .carousel.pointer-event { + touch-action: pan-y; + } + + .carousel-inner { + position: relative; + width: 100%; + overflow: hidden; + } + + .carousel-inner::after { + display: block; + clear: both; + content: ""; + } + + .carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } + } + + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + display: block; + } + + .carousel-item-next:not(.carousel-item-start), + .active.carousel-item-end { + transform: translateX(100%); + } + + .carousel-item-prev:not(.carousel-item-end), + .active.carousel-item-start { + transform: translateX(-100%); + } + + .carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; + } + + .carousel-fade .carousel-item.active, + .carousel-fade .carousel-item-next.carousel-item-start, + .carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; + } + + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; + } + + @media (prefers-reduced-motion: reduce) { + + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } + } + + .carousel-control-prev, + .carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; + } + + @media (prefers-reduced-motion: reduce) { + + .carousel-control-prev, + .carousel-control-next { + transition: none; + } + } + + .carousel-control-prev:hover, + .carousel-control-prev:focus, + .carousel-control-next:hover, + .carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; + } + + .carousel-control-prev { left: 0; } - - .dropdown-menu-xl-end { - --bs-position: end; + + .carousel-control-next { + right: 0; } - - .dropdown-menu-xl-end[data-bs-popper] { + + .carousel-control-prev-icon, + .carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; + } + + /* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] + } */ + .carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 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' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + } + + .carousel-indicators { + position: absolute; right: 0; - left: auto; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; } -} - -@media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start; + + .carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; + } + + @media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } + } + + .carousel-indicators .active { + opacity: 1; } - - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto; + + .carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; + } + + .carousel-dark .carousel-control-prev-icon, + .carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); + } + + .carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; + } + + .carousel-dark .carousel-caption { + color: #000; + } + + .spinner-grow, + .spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); + } + + @keyframes spinner-border { + to { + transform: rotate(360deg) + /* rtl:ignore */ + ; + } + } + + .spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; + } + + .spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; + } + + @keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + transform: none; + } + } + + .spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; + } + + .spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + } + + @media (prefers-reduced-motion: reduce) { + + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } + } + + .offcanvas-sm, + .offcanvas-md, + .offcanvas-lg, + .offcanvas-xl, + .offcanvas-xxl, + .offcanvas { + --bs-offcanvas-zindex: 1045; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: ; + --bs-offcanvas-bg: #fff; + --bs-offcanvas-border-width: 1px; + --bs-offcanvas-border-color: rgba(0, 0, 0, 0.2); + --bs-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + } + + @media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + + @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } + } + + @media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-sm.showing, + .offcanvas-sm.show:not(.hiding) { + transform: none; + } + + .offcanvas-sm.showing, + .offcanvas-sm.hiding, + .offcanvas-sm.show { + visibility: visible; + } + } + + @media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-sm .offcanvas-header { + display: none; + } + + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + + @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } + } + + @media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-md.showing, + .offcanvas-md.show:not(.hiding) { + transform: none; + } + + .offcanvas-md.showing, + .offcanvas-md.hiding, + .offcanvas-md.show { + visibility: visible; + } + } + + @media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-md .offcanvas-header { + display: none; + } + + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + + @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } + } + + @media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-lg.showing, + .offcanvas-lg.show:not(.hiding) { + transform: none; + } + + .offcanvas-lg.showing, + .offcanvas-lg.hiding, + .offcanvas-lg.show { + visibility: visible; + } + } + + @media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-lg .offcanvas-header { + display: none; + } + + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + + @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } + } + + @media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-xl.showing, + .offcanvas-xl.show:not(.hiding) { + transform: none; + } + + .offcanvas-xl.showing, + .offcanvas-xl.hiding, + .offcanvas-xl.show { + visibility: visible; + } + } + + @media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xl .offcanvas-header { + display: none; + } + + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + + @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } + } + + @media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-xxl.showing, + .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + + .offcanvas-xxl.showing, + .offcanvas-xxl.hiding, + .offcanvas-xxl.show { + visibility: visible; + } + } + + @media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xxl .offcanvas-header { + display: none; + } + + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + .offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } + } + + .offcanvas.offcanvas-start { + top: 0; left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); } - - .dropdown-menu-xxl-end { - --bs-position: end; + + .offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); } - - .dropdown-menu-xxl-end[data-bs-popper] { + + .offcanvas.offcanvas-top { + top: 0; right: 0; - left: auto; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); } -} - -.dropup .dropdown-menu[data-bs-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 1.625rem; -} - -.dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} - -.dropup .dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropend .dropdown-menu[data-bs-popper] { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: 1.625rem; -} - -.dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; -} - -.dropend .dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropend .dropdown-toggle::after { - vertical-align: 0; -} - -.dropstart .dropdown-menu[data-bs-popper] { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: 1.625rem; -} - -.dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; -} - -.dropstart .dropdown-toggle::after { - display: none; -} - -.dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} - -.dropstart .dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropstart .dropdown-toggle::before { - vertical-align: 0; -} - -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid transparent; -} - -.dropdown-item { - display: block; - width: 100%; - padding: 0.3rem 1rem; - clear: both; - font-weight: 400; - color: #7b809a; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: #344767; - background-color: #f0f2f5; -} - -.dropdown-item.active, -.dropdown-item:active { - color: #7b809a; - text-decoration: none; - background-color: transparent; -} - -.dropdown-item.disabled, -.dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; -} - -.dropdown-menu.show { - display: block; -} - -.dropdown-header { - display: block; - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #6c757d; - white-space: nowrap; -} - -.dropdown-item-text { - display: block; - padding: 0.3rem 1rem; - color: #7b809a; -} - -.dropdown-menu-dark { - color: #dee2e6; - background-color: #343a40; - border-color: transparent; -} - -.dropdown-menu-dark .dropdown-item { - color: #dee2e6; -} - -.dropdown-menu-dark .dropdown-item:hover, -.dropdown-menu-dark .dropdown-item:focus { - color: #fff; - background-color: rgba(255, 255, 255, 0.15); -} - -.dropdown-menu-dark .dropdown-item.active, -.dropdown-menu-dark .dropdown-item:active { - color: #7b809a; - background-color: transparent; -} - -.dropdown-menu-dark .dropdown-item.disabled, -.dropdown-menu-dark .dropdown-item:disabled { - color: #adb5bd; -} - -.dropdown-menu-dark .dropdown-divider { - border-color: transparent; -} - -.dropdown-menu-dark .dropdown-item-text { - color: #dee2e6; -} - -.dropdown-menu-dark .dropdown-header { - color: #adb5bd; -} - -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; -} - -.btn-group>.btn, -.btn-group-vertical>.btn { - position: relative; - flex: 1 1 auto; -} - -.btn-group>.btn-check:checked+.btn, -.btn-group>.btn-check:focus+.btn, -.btn-group>.btn:hover, -.btn-group>.btn:focus, -.btn-group>.btn:active, -.btn-group>.btn.active, -.btn-group-vertical>.btn-check:checked+.btn, -.btn-group-vertical>.btn-check:focus+.btn, -.btn-group-vertical>.btn:hover, -.btn-group-vertical>.btn:focus, -.btn-group-vertical>.btn:active, -.btn-group-vertical>.btn.active { - z-index: 1; -} - -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} - -.btn-toolbar .input-group { - width: auto; -} - -.btn-group>.btn:not(:first-child), -.btn-group>.btn-group:not(:first-child) { - margin-left: -1px; -} - -.btn-group>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group>.btn-group:not(:last-child)>.btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.btn-group>.btn:nth-child(n + 3), -.btn-group> :not(.btn-check)+.btn, -.btn-group>.btn-group:not(:first-child)>.btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.dropdown-toggle-split::after, -.dropup .dropdown-toggle-split::after, -.dropend .dropdown-toggle-split::after { - margin-left: 0; -} - -.dropstart .dropdown-toggle-split::before { - margin-right: 0; -} - -.btn-sm+.dropdown-toggle-split, -.btn-group-sm>.btn+.dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.btn-lg+.dropdown-toggle-split, -.btn-group-lg>.btn+.dropdown-toggle-split { - padding-right: 1.3125rem; - padding-left: 1.3125rem; -} - -.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:not(:first-child), -.btn-group-vertical>.btn-group:not(:first-child) { - margin-top: -1px; -} - -.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical>.btn-group:not(:last-child)>.btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.btn-group-vertical>.btn~.btn, -.btn-group-vertical>.btn-group:not(:first-child)>.btn { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - -.nav-link { - display: block; - padding: 0.5rem 1rem; - color: #e91e63; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .nav-link { - transition: none; - } -} - -.nav-link:hover, -.nav-link:focus { - color: #e91e63; -} - -.nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; -} - -.nav-tabs { - border-bottom: 1px solid #dee2e6; -} - -.nav-tabs .nav-link { - margin-bottom: -1px; - background: none; - border: 1px solid transparent; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.nav-tabs .nav-link:hover, -.nav-tabs .nav-link:focus { - border-color: #f0f2f5 #f0f2f5 #dee2e6; - isolation: isolate; -} - -.nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; -} - -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - 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 { - background: none; - border: 0; - border-radius: 0.75rem; -} - -.nav-pills .nav-link.active, -.nav-pills .show>.nav-link { - color: #344767; - background-color: #fff; -} - -.nav-fill>.nav-link, -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; -} - -.nav-justified>.nav-link, -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; -} - -.nav-fill .nav-item .nav-link, -.nav-justified .nav-item .nav-link { - width: 100%; -} - -.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-top: 0.5rem; - padding-right: 1rem; - padding-bottom: 0.5rem; - padding-left: 1rem; -} - -.navbar>.container, -.navbar>.container-fluid, -.navbar>.container-sm, -.navbar>.container-md, -.navbar>.container-lg, -.navbar>.container-xl, -.navbar>.container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between; -} - -.navbar-brand { - padding-top: 0.40625rem; - padding-bottom: 0.40625rem; - margin-right: 1rem; - font-size: 1.125rem; - white-space: nowrap; -} - -.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; -} - -.navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; -} - -.navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 1.125rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 0.5rem; - transition: box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } -} - -.navbar-toggler:hover { - text-decoration: none; -} - -.navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 0.2rem; -} - -.navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; -} - -.navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto; -} - -@media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start; - } - - .navbar-expand-sm .navbar-nav { - flex-direction: row; - } - - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; + + .offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas.showing, + .offcanvas.show:not(.hiding) { + transform: none; } - - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + + .offcanvas.showing, + .offcanvas.hiding, + .offcanvas.show { + visibility: visible; } - - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; + + .offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; } - - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; + + .offcanvas-backdrop.fade { + opacity: 0; } - - .navbar-expand-sm .navbar-toggler { - display: none; + + .offcanvas-backdrop.show { + opacity: 0.5; } - - .navbar-expand-sm .offcanvas-header { - display: none; + + .offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + } + + .offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); + margin-top: calc(-.5 * var(--bs-offcanvas-padding-y)); + margin-right: calc(-.5 * var(--bs-offcanvas-padding-x)); + margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); + } + + .offcanvas-title { + margin-bottom: 0; + line-height: 1.5; } - - .navbar-expand-sm .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; + + .offcanvas-body { flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; } - - .navbar-expand-sm .offcanvas-top, - .navbar-expand-sm .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; + + .placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; } - - .navbar-expand-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; + + .placeholder.btn::before { + display: inline-block; + content: ""; } -} - -@media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start; + + .placeholder-xs { + min-height: .6em; + } + + .placeholder-sm { + min-height: .8em; + } + + .placeholder-lg { + min-height: 1.2em; + } + + .placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; + } + + @keyframes placeholder-glow { + 50% { + opacity: 0.2; + } + } + + .placeholder-wave { + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; + } + + @keyframes placeholder-wave { + 100% { + mask-position: -200% 0%; + } + } + + .clearfix::after { + display: block; + clear: both; + content: ""; } - - .navbar-expand-md .navbar-nav { - flex-direction: row; + + .text-bg-primary { + color: #000 !important; + background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-secondary { + color: #000 !important; + background-color: RGBA(, 128, 154, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-success { + color: #000 !important; + background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-info { + color: #fff !important; + background-color: RGBA(26, 115, 232, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-warning { + color: #000 !important; + background-color: RGBA(251, 140, 0, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-danger { + color: #000 !important; + background-color: RGBA(244, 67, 53, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-light { + color: #000 !important; + background-color: RGBA(240, 242, 245, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-dark { + color: #fff !important; + background-color: RGBA(52, 71, 103, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-white { + color: #000 !important; + background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-dark-blue { + color: #fff !important; + background-color: RGBA(26, 35, 126, var(--bs-bg-opacity, 1)) !important; + } + + .link-primary { + color: #e91e63 !important; + } + + .link-primary:hover, + .link-primary:focus { + color: #ed4b82 !important; + } + + .link-secondary { + color: #7b809a !important; + } + + .link-secondary:hover, + .link-secondary:focus { + color: #9599ae !important; + } + + .link-success { + color: #4CAF50 !important; + } + + .link-success:hover, + .link-success:focus { + color: #70bf73 !important; + } + + .link-info { + color: #1A73E8 !important; + } + + .link-info:hover, + .link-info:focus { + color: #155cba !important; + } + + .link-warning { + color: #fb8c00 !important; + } + + .link-warning:hover, + .link-warning:focus { + color: #fca333 !important; + } + + .link-danger { + color: #F44335 !important; + } + + .link-danger:hover, + .link-danger:focus { + color: #f6695d !important; + } + + .link-light { + color: #f0f2f5 !important; + } + + .link-light:hover, + .link-light:focus { + color: #f3f5f7 !important; + } + + .link-dark { + color: #344767 !important; + } + + .link-dark:hover, + .link-dark:focus { + color: #2a3952 !important; + } + + .link-white { + color: #fff !important; + } + + .link-white:hover, + .link-white:focus { + color: white !important; + } + + .link-dark-blue { + color: #1A237E !important; + } + + .link-dark-blue:hover, + .link-dark-blue:focus { + color: #151c65 !important; + } + + .ratio { + position: relative; + width: 100%; } - - .navbar-expand-md .navbar-nav .dropdown-menu { + + .ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; + } + + .ratio>* { position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } - - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + + .ratio-1x1 { + --bs-aspect-ratio: 100%; } - - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; + + .ratio-4x3 { + --bs-aspect-ratio: calc(3 / 4 * 100%); } - - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; + + .ratio-16x9 { + --bs-aspect-ratio: calc(9 / 16 * 100%); } - - .navbar-expand-md .navbar-toggler { - display: none; + + .ratio-21x9 { + --bs-aspect-ratio: calc(9 / 21 * 100%); } - - .navbar-expand-md .offcanvas-header { - display: none; + + .fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } - - .navbar-expand-md .offcanvas { - position: inherit; + + .fixed-bottom { + position: fixed; + right: 0; bottom: 0; - z-index: 1000; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; + left: 0; + z-index: 1030; } - - .navbar-expand-md .offcanvas-top, - .navbar-expand-md .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; + + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; } - - .navbar-expand-md .offcanvas-body { + + .sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + + @media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + + @media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + + @media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + + @media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + + @media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + + .hstack { display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; + flex-direction: row; + align-items: center; + align-self: stretch; } -} - -@media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - - .navbar-expand-lg .navbar-nav .dropdown-menu { + + .vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; + } + + .visually-hidden, + .visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; + } + + .stretched-link::after { position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } - - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + + .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; + } + + .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; + } + + .float-start { + float: left !important; } - - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; + + .float-end { + float: right !important; } - - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; + + .float-none { + float: none !important; } - - .navbar-expand-lg .navbar-toggler { - display: none; + + .opacity-0 { + opacity: 0 !important; } - - .navbar-expand-lg .offcanvas-header { - display: none; + + .opacity-1 { + opacity: 0.1 !important; } - - .navbar-expand-lg .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; + + .opacity-2 { + opacity: 0.2 !important; } - - .navbar-expand-lg .offcanvas-top, - .navbar-expand-lg .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; + + .opacity-3 { + opacity: 0.3 !important; } - - .navbar-expand-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; + + .opacity-4 { + opacity: 0.4 !important; } -} - -@media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; + + .opacity-5 { + opacity: 0.5 !important; } - - .navbar-expand-xl .navbar-nav { - flex-direction: row; + + .opacity-6 { + opacity: 0.6 !important; } - - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; + + .opacity-7 { + opacity: 0.7 !important; } - - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + + .opacity-8 { + opacity: 0.8 !important; } - - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; + + .opacity-9 { + opacity: 0.9 !important; } - - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; + + .opacity-10 { + opacity: 1 !important; } - - .navbar-expand-xl .navbar-toggler { - display: none; + + .overflow-auto { + overflow: auto !important; } - - .navbar-expand-xl .offcanvas-header { - display: none; + + .overflow-hidden { + overflow: hidden !important; } - - .navbar-expand-xl .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; + + .overflow-visible { + overflow: visible !important; } - - .navbar-expand-xl .offcanvas-top, - .navbar-expand-xl .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; + + .overflow-scroll { + overflow: scroll !important; } - - .navbar-expand-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; + + .d-inline { + display: inline !important; } -} - -@media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; + + .d-inline-block { + display: inline-block !important; } - - .navbar-expand-xxl .navbar-nav { - flex-direction: row; + + .d-block { + display: block !important; } - - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; + + .d-grid { + display: grid !important; } - - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; + + .d-table { + display: table !important; } - - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; + + .d-table-row { + display: table-row !important; } - - .navbar-expand-xxl .navbar-collapse { + + .d-table-cell { + display: table-cell !important; + } + + .d-flex { display: flex !important; - flex-basis: auto; } - - .navbar-expand-xxl .navbar-toggler { - display: none; + + .d-inline-flex { + display: inline-flex !important; } - - .navbar-expand-xxl .offcanvas-header { - display: none; + + .d-none { + display: none !important; } - - .navbar-expand-xxl .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; + + .shadow { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - - .navbar-expand-xxl .offcanvas-top, - .navbar-expand-xxl .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; + + .shadow-sm { + box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important; } - - .navbar-expand-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; + + .shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } -} - -.navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start; -} - -.navbar-expand .navbar-nav { - flex-direction: row; -} - -.navbar-expand .navbar-nav .dropdown-menu { - position: absolute; -} - -.navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.navbar-expand .navbar-nav-scroll { - overflow: visible; -} - -.navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; -} - -.navbar-expand .navbar-toggler { - display: none; -} - -.navbar-expand .offcanvas-header { - display: none; -} - -.navbar-expand .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - transition: none; - transform: none; -} - -.navbar-expand .offcanvas-top, -.navbar-expand .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; -} - -.navbar-expand .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; -} - -.navbar-light .navbar-brand { - color: rgba(52, 71, 103, 0.9); -} - -.navbar-light .navbar-brand:hover, -.navbar-light .navbar-brand:focus { - color: rgba(52, 71, 103, 0.9); -} - -.navbar-light .navbar-nav .nav-link { - color: #344767; -} - -.navbar-light .navbar-nav .nav-link:hover, -.navbar-light .navbar-nav .nav-link:focus { - color: rgba(52, 71, 103, 0.7); -} - -.navbar-light .navbar-nav .nav-link.disabled { - color: rgba(52, 71, 103, 0.3); -} - -.navbar-light .navbar-nav .show>.nav-link, -.navbar-light .navbar-nav .nav-link.active { - color: rgba(52, 71, 103, 0.9); -} - -.navbar-light .navbar-toggler { - color: #344767; - border-color: rgba(52, 71, 103, 0.1); -} - -.navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - -.navbar-light .navbar-text { - color: #344767; -} - -.navbar-light .navbar-text a, -.navbar-light .navbar-text a:hover, -.navbar-light .navbar-text a:focus { - color: rgba(52, 71, 103, 0.9); -} - -.navbar-dark .navbar-brand { - color: #fff; -} - -.navbar-dark .navbar-brand:hover, -.navbar-dark .navbar-brand:focus { - color: #fff; -} - -.navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.85); -} - -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} - -.navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); -} - -.navbar-dark .navbar-nav .show>.nav-link, -.navbar-dark .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.85); - border-color: rgba(255, 255, 255, 0.1); -} - -.navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - -.navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.85); -} - -.navbar-dark .navbar-text a, -.navbar-dark .navbar-text a:hover, -.navbar-dark .navbar-text a:focus { - color: #fff; -} - -.card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #fff; - background-clip: border-box; - border: 0 solid rgba(0, 0, 0, 0.125); - border-radius: 0.75rem; -} - -.card>hr { - margin-right: 0; - margin-left: 0; -} - -.card>.list-group { - border-top: inherit; - border-bottom: inherit; -} - -.card>.list-group:first-child { - border-top-width: 0; - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.card>.list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.card>.card-header+.list-group, -.card>.list-group+.card-footer { - border-top: 0; -} - -.card-body { - flex: 1 1 auto; - padding: 1rem 1rem; -} - -.card-title { - margin-bottom: 0.5rem; -} - -.card-subtitle { - margin-top: -0.25rem; - margin-bottom: 0; -} - -.card-text:last-child { - margin-bottom: 0; -} - -.card-link+.card-link { - margin-left: 1rem; -} - -.card-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - background-color: #fff; - border-bottom: 0 solid rgba(0, 0, 0, 0.125); -} - -.card-header:first-child { - border-radius: 0.75rem 0.75rem 0 0; -} - -.card-footer { - padding: 0.5rem 1rem; - background-color: #fff; - border-top: 0 solid rgba(0, 0, 0, 0.125); -} - -.card-footer:last-child { - border-radius: 0 0 0.75rem 0.75rem; -} - -.card-header-tabs { - margin-right: -0.5rem; - margin-bottom: -0.5rem; - margin-left: -0.5rem; - border-bottom: 0; -} - -.card-header-pills { - margin-right: -0.5rem; - margin-left: -0.5rem; -} - -.card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1rem; - border-radius: 0.75rem; -} - -.card-img, -.card-img-top, -.card-img-bottom { - width: 100%; -} - -.card-img, -.card-img-top { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.card-img, -.card-img-bottom { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.card-group>.card { - margin-bottom: 0.75rem; -} - -@media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; + + .shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - - .card-group>.card { - flex: 1 0 0%; - margin-bottom: 0; + + .shadow-none { + box-shadow: none !important; } - - .card-group>.card+.card { - margin-left: 0; - border-left: 0; + + .position-static { + position: static !important; } - - .card-group>.card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + + .position-relative { + position: relative !important; } - - .card-group>.card:not(:last-child) .card-img-top, - .card-group>.card:not(:last-child) .card-header { - border-top-right-radius: 0; + + .position-absolute { + position: absolute !important; } - - .card-group>.card:not(:last-child) .card-img-bottom, - .card-group>.card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; + + .position-fixed { + position: fixed !important; } - - .card-group>.card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + + .position-sticky { + position: sticky !important; } - - .card-group>.card:not(:first-child) .card-img-top, - .card-group>.card:not(:first-child) .card-header { - border-top-left-radius: 0; + + .top-0 { + top: 0 !important; } - - .card-group>.card:not(:first-child) .card-img-bottom, - .card-group>.card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; + + .top-1 { + top: 1% !important; } -} - -.accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: 1rem 0rem; - font-size: 1rem; - color: #7b809a; - text-align: left; - background-color: transparent; - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: all 0.15s ease-in, border-radius 0.15s ease; -} - -@media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; + + .top-2 { + top: 2% !important; } -} - -.accordion-button:not(.collapsed) { - color: #344767; - background-color: transparent; - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); -} - -.accordion-button:not(.collapsed)::after { - background-image: none; - transform: rotate(180deg); -} - -.accordion-button::after { - flex-shrink: 0; - width: 1rem; - height: 1rem; - margin-left: auto; - content: ""; - background-image: none; - background-repeat: no-repeat; - background-size: 1rem; - transition: transform 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; + + .top-3 { + top: 3% !important; } -} - -.accordion-button:hover { - z-index: 2; -} - -.accordion-button:focus { - z-index: 3; - border-color: transparent; - outline: 0; - box-shadow: none; -} - -.accordion-header { - margin-bottom: 0; -} - -.accordion-item { - background-color: transparent; - border: 0 solid rgba(0, 0, 0, 0.125); -} - -.accordion-item:first-of-type { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; -} - -.accordion-item:first-of-type .accordion-button { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; -} - -.accordion-item:not(:first-of-type) { - border-top: 0; -} - -.accordion-item:last-of-type { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} - -.accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} - -.accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} - -.accordion-body { - padding: 1rem 0rem; -} - -.accordion-flush .accordion-collapse { - border-width: 0; -} - -.accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; -} - -.accordion-flush .accordion-item:first-child { - border-top: 0; -} - -.accordion-flush .accordion-item:last-child { - border-bottom: 0; -} - -.accordion-flush .accordion-item .accordion-button { - border-radius: 0; -} - -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0.5rem 1rem; - margin-bottom: 1rem; - list-style: none; - background-color: #f0f2f5; - border-radius: 0.375rem; -} - -.breadcrumb-item+.breadcrumb-item { - padding-left: 0.5rem; -} - -.breadcrumb-item+.breadcrumb-item::before { - float: left; - padding-right: 0.5rem; - color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") - /* rtl: var(--bs-breadcrumb-divider, "/") */ - ; -} - -.breadcrumb-item.active { - color: #6c757d; -} - -.pagination { - display: flex; - padding-left: 0; - list-style: none; -} - -.page-link { - position: relative; - display: block; - color: #e91e63; - background-color: #fff; - border: 1px solid #dee2e6; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; + + .top-4 { + top: 4% !important; } -} - -.page-link:hover { - z-index: 2; - color: #e91e63; - background-color: #f0f2f5; - border-color: #dee2e6; -} - -.page-link:focus { - z-index: 3; - color: #e91e63; - background-color: #f0f2f5; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(56, 255, 135, 0.25); -} - -.page-item:not(:first-child) .page-link { - margin-left: -1px; -} - -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: #e91e63; - border-color: #e91e63; -} - -.page-item.disabled .page-link { - color: #6c757d; - pointer-events: none; - background-color: #fff; - border-color: #dee2e6; -} - -.page-link { - padding: 0.375rem 0.75rem; -} - -.page-item:first-child .page-link { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.page-item:last-child .page-link { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.pagination-lg .page-link { - padding: 0.75rem 1.5rem; - font-size: 1.125rem; -} - -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; -} - -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; -} - -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; -} - -.badge { - display: inline-block; - padding: 0.55em 0.9em; - font-size: 0.75em; - font-weight: 700; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.45rem; -} - -.badge:empty { - display: none; -} - -.btn .badge { - position: relative; - top: -1px; -} - -.alert { - position: relative; - padding: 1rem 1rem; - margin-bottom: 1rem; - border: 0 solid transparent; - border-radius: 0.375rem; -} - -.alert-heading { - color: inherit; -} - -.alert-link { - font-weight: 600; -} - -.alert-dismissible { - padding-right: 3rem; -} - -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; -} - -.alert-primary { - color: #8cb; - background-color: #fbd2e0; - border-color: #f8bcd0; -} - -.alert-primary .alert-link { - color: #700e2f; -} - -.alert-secondary { - color: #4a4d5c; - background-color: #e5e6eb; - border-color: #d7d9e1; -} - -.alert-secondary .alert-link { - color: #3b3e4a; -} - -.alert-success { - color: #2e6930; - background-color: #dbefdc; - border-color: #c9e7cb; -} - -.alert-success .alert-link { - color: #255426; -} - -.alert-info { - color: #10458b; - background-color: #d1e3fa; - border-color: #bad5f8; -} - -.alert-info .alert-link { - color: #0d376f; -} - -.alert-warning { - color: #975400; - background-color: #fee8cc; - border-color: #feddb3; -} - -.alert-warning .alert-link { - color: #794300; -} - -.alert-danger { - color: #922820; - background-color: #fdd9d7; - border-color: #fcc7c2; -} - -.alert-danger .alert-link { - color: #75201a; -} - -.alert-light { - color: #606162; - background-color: #fcfcfd; - border-color: #fbfbfc; -} - -.alert-light .alert-link { - color: #4d4e4e; -} - -.alert-dark { - color: #1f2b3e; - background-color: #d6dae1; - border-color: #c2c8d1; -} - -.alert-dark .alert-link { - color: #192232; -} - -.alert-white { - color: #666666; - background-color: white; - border-color: white; -} - -.alert-white .alert-link { - color: #525252; -} - -@keyframes progress-bar-stripes { - 0% { - background-position-x: 6px; + + .top-5 { + top: 5% !important; } -} - -.progress { - display: flex; - height: 6px; - overflow: hidden; - font-size: 0.75rem; - background-color: #f0f2f5; - border-radius: 0.125rem; -} - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #e91e63; - transition: width 0.6s ease; -} - -@media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; + + .top-6 { + top: 6% !important; } -} - -.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: 6px 6px; -} - -.progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; -} - -@media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; + + .top-7 { + top: 7% !important; } -} - -.list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 0.375rem; -} - -.list-group-numbered { - list-style-type: none; - counter-reset: section; -} - -.list-group-numbered>li::before { - content: counters(section, ".") ". "; - counter-increment: section; -} - -.list-group-item-action { - width: 100%; - color: #495057; - text-align: inherit; -} - -.list-group-item-action:hover, -.list-group-item-action:focus { - z-index: 1; - color: #495057; - text-decoration: none; - background-color: #f8f9fa; -} - -.list-group-item-action:active { - color: #7b809a; - background-color: #f0f2f5; -} - -.list-group-item { - position: relative; - display: block; - padding: 0.5rem 1rem; - color: inherit; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); -} - -.list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} - -.list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; -} - -.list-group-item.disabled, -.list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; -} - -.list-group-item.active { - z-index: 2; - color: #fff; - background-color: #e91e63; - border-color: #e91e63; -} - -.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: 0.375rem; - border-top-right-radius: 0; -} - -.list-group-horizontal>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - 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; + + .top-8 { + top: 8% !important; } - - .list-group-horizontal-sm>.list-group-item:first-child { - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; + + .top-9 { + top: 9% !important; } - - .list-group-horizontal-sm>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-left-radius: 0; + + .top-10 { + top: 10% !important; } - - .list-group-horizontal-sm>.list-group-item.active { - margin-top: 0; + + .top-50 { + top: 50% !important; } - - .list-group-horizontal-sm>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; + + .top-100 { + top: 100% !important; } - - .list-group-horizontal-sm>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + + .bottom-0 { + bottom: 0 !important; } -} - -@media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; + + .bottom-1 { + bottom: 1% !important; } - - .list-group-horizontal-md>.list-group-item:first-child { - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; + + .bottom-2 { + bottom: 2% !important; } - - .list-group-horizontal-md>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-left-radius: 0; + + .bottom-3 { + bottom: 3% !important; } - - .list-group-horizontal-md>.list-group-item.active { - margin-top: 0; + + .bottom-4 { + bottom: 4% !important; } - - .list-group-horizontal-md>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; + + .bottom-5 { + bottom: 5% !important; } - - .list-group-horizontal-md>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + + .bottom-6 { + bottom: 6% !important; } -} - -@media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; + + .bottom-7 { + bottom: 7% !important; } - - .list-group-horizontal-lg>.list-group-item:first-child { - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; + + .bottom-8 { + bottom: 8% !important; } - - .list-group-horizontal-lg>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-left-radius: 0; + + .bottom-9 { + bottom: 9% !important; } - - .list-group-horizontal-lg>.list-group-item.active { - margin-top: 0; + + .bottom-10 { + bottom: 10% !important; } - - .list-group-horizontal-lg>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; + + .bottom-50 { + bottom: 50% !important; } - - .list-group-horizontal-lg>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + + .bottom-100 { + bottom: 100% !important; } -} - -@media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; + + .start-0 { + left: 0 !important; } - - .list-group-horizontal-xl>.list-group-item:first-child { - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; + + .start-1 { + left: 1% !important; } - - .list-group-horizontal-xl>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-left-radius: 0; + + .start-2 { + left: 2% !important; } - - .list-group-horizontal-xl>.list-group-item.active { - margin-top: 0; + + .start-3 { + left: 3% !important; } - - .list-group-horizontal-xl>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; + + .start-4 { + left: 4% !important; } - - .list-group-horizontal-xl>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + + .start-5 { + left: 5% !important; } -} - -@media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; + + .start-6 { + left: 6% !important; } - - .list-group-horizontal-xxl>.list-group-item:first-child { - border-bottom-left-radius: 0.375rem; - border-top-right-radius: 0; + + .start-7 { + left: 7% !important; } - - .list-group-horizontal-xxl>.list-group-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-left-radius: 0; + + .start-8 { + left: 8% !important; } - - .list-group-horizontal-xxl>.list-group-item.active { - margin-top: 0; + + .start-9 { + left: 9% !important; } - - .list-group-horizontal-xxl>.list-group-item+.list-group-item { - border-top-width: 1px; - border-left-width: 0; + + .start-10 { + left: 10% !important; } - - .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { - margin-left: -1px; - border-left-width: 1px; + + .start-50 { + left: 50% !important; } -} - -.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: #8cb; - background-color: #fbd2e0; -} - -.list-group-item-primary.list-group-item-action:hover, -.list-group-item-primary.list-group-item-action:focus { - color: #8cb; - background-color: #e2bdca; -} - -.list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #8cb; - border-color: #8cb; -} - -.list-group-item-secondary { - color: #4a4d5c; - background-color: #e5e6eb; -} - -.list-group-item-secondary.list-group-item-action:hover, -.list-group-item-secondary.list-group-item-action:focus { - color: #4a4d5c; - background-color: #cecfd4; -} - -.list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #4a4d5c; - border-color: #4a4d5c; -} - -.list-group-item-success { - color: #2e6930; - background-color: #dbefdc; -} - -.list-group-item-success.list-group-item-action:hover, -.list-group-item-success.list-group-item-action:focus { - color: #2e6930; - background-color: #c5d7c6; -} - -.list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #2e6930; - border-color: #2e6930; -} - -.list-group-item-info { - color: #10458b; - background-color: #d1e3fa; -} - -.list-group-item-info.list-group-item-action:hover, -.list-group-item-info.list-group-item-action:focus { - color: #10458b; - background-color: #bccce1; -} - -.list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #10458b; - border-color: #10458b; -} - -.list-group-item-warning { - color: #975400; - background-color: #fee8cc; -} - -.list-group-item-warning.list-group-item-action:hover, -.list-group-item-warning.list-group-item-action:focus { - color: #975400; - background-color: #e5d1b8; -} - -.list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #975400; - border-color: #975400; -} - -.list-group-item-danger { - color: #922820; - background-color: #fdd9d7; -} - -.list-group-item-danger.list-group-item-action:hover, -.list-group-item-danger.list-group-item-action:focus { - color: #922820; - background-color: #e4c3c2; -} - -.list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #922820; - border-color: #922820; -} - -.list-group-item-light { - color: #606162; - background-color: #fcfcfd; -} - -.list-group-item-light.list-group-item-action:hover, -.list-group-item-light.list-group-item-action:focus { - color: #606162; - background-color: #e3e3e4; -} - -.list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #606162; - border-color: #606162; -} - -.list-group-item-dark { - color: #1f2b3e; - background-color: #d6dae1; -} - -.list-group-item-dark.list-group-item-action:hover, -.list-group-item-dark.list-group-item-action:focus { - color: #1f2b3e; - background-color: #c1c4cb; -} - -.list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1f2b3e; - border-color: #1f2b3e; -} - -.list-group-item-white { - color: #666666; - background-color: white; -} - -.list-group-item-white.list-group-item-action:hover, -.list-group-item-white.list-group-item-action:focus { - color: #666666; - background-color: #e6e6e6; -} - -.list-group-item-white.list-group-item-action.active { - color: #fff; - background-color: #666666; - border-color: #666666; -} - -.btn-close { - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: #fff; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; - border: 0; - border-radius: 0.25rem; - opacity: 0.5; -} - -.btn-close:hover { - color: #fff; - text-decoration: none; - opacity: 0.75; -} - -.btn-close:focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(56, 255, 135, 0.25); - opacity: 1; -} - -.btn-close:disabled, -.btn-close.disabled { - pointer-events: none; - user-select: none; - opacity: 0.25; -} - -.btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); -} - -.toast { - width: 350px; - max-width: 100%; - font-size: 0.875rem; - pointer-events: auto; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border: 0 solid transparent; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - border-radius: 0.375rem; -} - -.toast.showing { - opacity: 0; -} - -.toast:not(.show) { - display: none; -} - -.toast-container { - width: max-content; - max-width: 100%; - pointer-events: none; -} - -.toast-container> :not(:last-child) { - margin-bottom: 1.5rem; -} - -.toast-header { - display: flex; - align-items: center; - padding: 0.75rem 0.75rem; - color: #344767; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border-bottom: 0 solid rgba(0, 0, 0, 0.05); - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.toast-header .btn-close { - margin-right: -0.375rem; - margin-left: 0.75rem; -} - -.toast-body { - padding: 0.75rem; - word-wrap: break-word; -} - -.modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; -} - -.modal-dialog { - position: relative; - width: auto; - margin: 0.5rem; - pointer-events: none; -} - -.modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); -} - -@media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; + + .start-100 { + left: 100% !important; } -} - -.modal.show .modal-dialog { - transform: none; -} - -.modal.modal-static .modal-dialog { - transform: scale(1.02); -} - -.modal-dialog-scrollable { - height: calc(100% - 1rem); -} - -.modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; -} - -.modal-dialog-scrollable .modal-body { - overflow-y: auto; -} - -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - 1rem); -} - -.modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.5rem; - outline: 0; -} - -.modal-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop.show { - opacity: 0.5; -} - -.modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid #dee2e6; - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); -} - -.modal-header .btn-close { - padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem 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; - flex-shrink: 0; - align-items: center; - justify-content: flex-end; - padding: 0.75rem; - border-top: 1px solid #dee2e6; - border-bottom-right-radius: calc(0.5rem - 1px); - border-bottom-left-radius: calc(0.5rem - 1px); -} - -.modal-footer>* { - margin: 0.25rem; -} - -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; + + .end-0 { + right: 0 !important; } - - .modal-dialog-scrollable { - height: calc(100% - 3.5rem); + + .end-1 { + right: 1% !important; } - - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); + + .end-2 { + right: 2% !important; } - - .modal-sm { - max-width: 300px; + + .end-3 { + right: 3% !important; } -} - -@media (min-width: 992px) { - - .modal-lg, - .modal-xl { - max-width: 800px; + + .end-4 { + right: 4% !important; } -} - -@media (min-width: 1200px) { - .modal-xl { - max-width: 1140px; + + .end-5 { + right: 5% !important; } -} - -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; -} - -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; -} - -.modal-fullscreen .modal-header { - border-radius: 0; -} - -.modal-fullscreen .modal-body { - overflow-y: auto; -} - -.modal-fullscreen .modal-footer { - border-radius: 0; -} - -@media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + + .end-6 { + right: 6% !important; } - - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; + + .end-7 { + right: 7% !important; } - - .modal-fullscreen-sm-down .modal-header { - border-radius: 0; + + .end-8 { + right: 8% !important; } - - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; + + .end-9 { + right: 9% !important; } - - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; + + .end-10 { + right: 10% !important; } -} - -@media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + + .end-50 { + right: 50% !important; } - - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; + + .end-100 { + right: 100% !important; } - - .modal-fullscreen-md-down .modal-header { - border-radius: 0; + + .translate-middle { + transform: translate(-50%, -50%) !important; } - - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; + + .translate-middle-x { + transform: translateX(-50%) !important; } - - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; + + .translate-middle-y { + transform: translateY(-50%) !important; } -} - -@media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + + .border { + border: 1px solid #dee2e6 !important; } - - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; + + .border-0 { + border: 0 !important; } - - .modal-fullscreen-lg-down .modal-header { - border-radius: 0; + + .border-top { + border-top: 1px solid #dee2e6 !important; } - - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; + + .border-top-0 { + border-top: 0 !important; } - - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; + + .border-end { + border-right: 1px solid #dee2e6 !important; } -} - -@media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + + .border-end-0 { + border-right: 0 !important; } - - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; + + .border-bottom { + border-bottom: 1px solid #dee2e6 !important; } - - .modal-fullscreen-xl-down .modal-header { - border-radius: 0; + + .border-bottom-0 { + border-bottom: 0 !important; } - - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; + + .border-start { + border-left: 1px solid #dee2e6 !important; } - - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; + + .border-start-0 { + border-left: 0 !important; } -} - -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; + + .border-primary { + border-color: #e91e63 !important; } - - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; + + .border-secondary { + border-color: #7b809a !important; } - - .modal-fullscreen-xxl-down .modal-header { - border-radius: 0; + + .border-success { + border-color: #4CAF50 !important; } - - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; + + .border-info { + border-color: #1A73E8 !important; } - - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; + + .border-warning { + border-color: #fb8c00 !important; } -} - -.tooltip { - position: absolute; - z-index: 1070; - display: block; - margin: 0; - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - opacity: 0; -} - -.tooltip.show { - opacity: 0.9; -} - -.tooltip .tooltip-arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; -} - -.tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; -} - -.bs-tooltip-top, -.bs-tooltip-auto[data-popper-placement^="top"] { - padding: 0.4rem 0; -} - -.bs-tooltip-top .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { - bottom: 0; -} - -.bs-tooltip-top .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { - top: -1px; - border-width: 0.4rem 0.4rem 0; - border-top-color: #000; -} - -.bs-tooltip-end, -.bs-tooltip-auto[data-popper-placement^="right"] { - padding: 0 0.4rem; -} - -.bs-tooltip-end .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; -} - -.bs-tooltip-end .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { - right: -1px; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: #000; -} - -.bs-tooltip-bottom, -.bs-tooltip-auto[data-popper-placement^="bottom"] { - padding: 0.4rem 0; -} - -.bs-tooltip-bottom .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { - top: 0; -} - -.bs-tooltip-bottom .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: #000; -} - -.bs-tooltip-start, -.bs-tooltip-auto[data-popper-placement^="left"] { - padding: 0 0.4rem; -} - -.bs-tooltip-start .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; -} - -.bs-tooltip-start .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { - left: -1px; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: #000; -} - -.tooltip-inner { - max-width: 200px; - padding: 0.25rem 0.5rem; - color: #fff; - text-align: center; - background-color: #000; - border-radius: 0.375rem; -} - -.popover { - position: absolute; - top: 0; - left: 0 - /* rtl:ignore */ - ; - z-index: 1060; - display: block; - max-width: 276px; - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.75rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 0px solid rgba(0, 0, 0, 0.2); - border-radius: 0.5rem; -} - -.popover .popover-arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; -} - -.popover .popover-arrow::before, -.popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; -} - -.bs-popover-top>.popover-arrow, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { - bottom: calc(-0.5rem - 0px); -} - -.bs-popover-top>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(0, 0, 0, 0.25); -} - -.bs-popover-top>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { - bottom: 0px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #fff; -} - -.bs-popover-end>.popover-arrow, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { - left: calc(-0.5rem - 0px); - width: 0.5rem; - height: 1rem; -} - -.bs-popover-end>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(0, 0, 0, 0.25); -} - -.bs-popover-end>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { - left: 0px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #fff; -} - -.bs-popover-bottom>.popover-arrow, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { - top: calc(-0.5rem - 0px); -} - -.bs-popover-bottom>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(0, 0, 0, 0.25); -} - -.bs-popover-bottom>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { - top: 0px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #fff; -} - -.bs-popover-bottom .popover-header::before, -.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 0px solid #f0f2f5; -} - -.bs-popover-start>.popover-arrow, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { - right: calc(-0.5rem - 0px); - width: 0.5rem; - height: 1rem; -} - -.bs-popover-start>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(0, 0, 0, 0.25); -} - -.bs-popover-start>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { - right: 0px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #fff; -} - -.popover-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - font-size: 1rem; - color: #344767; - background-color: #f0f2f5; - border-bottom: 0px solid rgba(0, 0, 0, 0.2); - border-top-left-radius: calc(0.5rem - 0px); - border-top-right-radius: calc(0.5rem - 0px); -} - -.popover-header:empty { - display: none; -} - -.popover-body { - padding: 1rem 1rem; - color: #7b809a; -} - -.carousel { - position: relative; -} - -.carousel.pointer-event { - touch-action: pan-y; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} - -.carousel-inner::after { - display: block; - clear: both; - content: ""; -} - -.carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; + + .border-danger { + border-color: #F44335 !important; } -} - -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; -} - -/* rtl:begin:ignore */ -.carousel-item-next:not(.carousel-item-start), -.active.carousel-item-end { - transform: translateX(100%); -} - -.carousel-item-prev:not(.carousel-item-end), -.active.carousel-item-start { - transform: translateX(-100%); -} - -/* rtl:end:ignore */ -.carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; -} - -.carousel-fade .carousel-item.active, -.carousel-fade .carousel-item-next.carousel-item-start, -.carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; -} - -.carousel-fade .active.carousel-item-start, -.carousel-fade .active.carousel-item-end { - z-index: 0; - opacity: 0; - transition: opacity 0s 0.6s; -} - -@media (prefers-reduced-motion: reduce) { - - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; + + .border-light { + border-color: #f0f2f5 !important; } -} - -.carousel-control-prev, -.carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; -} - -@media (prefers-reduced-motion: reduce) { - - .carousel-control-prev, - .carousel-control-next { - transition: none; + + .border-dark { + border-color: #344767 !important; } -} - -.carousel-control-prev:hover, -.carousel-control-prev:focus, -.carousel-control-next:hover, -.carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; -} - -.carousel-control-prev { - left: 0; -} - -.carousel-control-next { - right: 0; -} - -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; -} - -/* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] -} */ -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 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' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} - -.carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; - list-style: none; -} - -.carousel-indicators [data-bs-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; -} - -@media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - transition: none; + + .border-white { + border-color: #fff !important; } -} - -.carousel-indicators .active { - opacity: 1; -} - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; -} - -.carousel-dark .carousel-control-prev-icon, -.carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); -} - -.carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000; -} - -.carousel-dark .carousel-caption { - color: #000; -} - -@keyframes spinner-border { - to { - transform: rotate(360deg) - /* rtl:ignore */ - ; + + .border-dark-blue { + border-color: #1A237E !important; } -} - -.spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: -0.125em; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: 0.75s linear infinite spinner-border; -} - -.spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; -} - -@keyframes spinner-grow { - 0% { - transform: scale(0); + + .border-0 { + border-width: 0 !important; } - - 50% { - opacity: 1; - transform: none; + + .border-1 { + border-width: 1px !important; } -} - -.spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: -0.125em; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: 0.75s linear infinite spinner-grow; -} - -.spinner-grow-sm { - width: 1rem; - height: 1rem; -} - -@media (prefers-reduced-motion: reduce) { - - .spinner-border, - .spinner-grow { - animation-duration: 1.5s; + + .border-2 { + border-width: 2px !important; } -} - -.offcanvas { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - visibility: hidden; - background-color: #fff; - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; + + .border-3 { + border-width: 3px !important; } -} - -.offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; -} - -.offcanvas-backdrop.fade { - opacity: 0; -} - -.offcanvas-backdrop.show { - opacity: 0.5; -} - -.offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 1rem 1rem; -} - -.offcanvas-header .btn-close { - padding: 0.5rem 0.5rem; - margin-top: -0.5rem; - margin-right: -0.5rem; - margin-bottom: -0.5rem; -} - -.offcanvas-title { - margin-bottom: 0; - line-height: 1.5; -} - -.offcanvas-body { - flex-grow: 1; - padding: 1rem 1rem; - overflow-y: auto; -} - -.offcanvas-start { - top: 0; - left: 0; - width: 400px; - border-right: 1px solid rgba(0, 0, 0, 0.2); - transform: translateX(-100%); -} - -.offcanvas-end { - top: 0; - right: 0; - width: 400px; - border-left: 1px solid rgba(0, 0, 0, 0.2); - transform: translateX(100%); -} - -.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: 30vh; - max-height: 100%; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - transform: translateY(-100%); -} - -.offcanvas-bottom { - right: 0; - left: 0; - height: 30vh; - max-height: 100%; - border-top: 1px solid rgba(0, 0, 0, 0.2); - transform: translateY(100%); -} - -.offcanvas.show { - transform: none; -} - -.placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentColor; - opacity: 0.5; -} - -.placeholder.btn::before { - display: inline-block; - content: ""; -} - -.placeholder-xs { - min-height: .6em; -} - -.placeholder-sm { - min-height: .8em; -} - -.placeholder-lg { - min-height: 1.2em; -} - -.placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite; -} - -@keyframes placeholder-glow { - 50% { - opacity: 0.2; + + .border-4 { + border-width: 4px !important; } -} - -.placeholder-wave { - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite; -} - -@keyframes placeholder-wave { - 100% { - mask-position: -200% 0%; + + .border-5 { + border-width: 5px !important; } -} - -.clearfix::after { - display: block; - clear: both; - content: ""; -} - -.link-primary { - color: #e91e63; -} - -.link-primary:hover, -.link-primary:focus { - color: #ed4b82; -} - -.link-secondary { - color: #7b809a; -} - -.link-secondary:hover, -.link-secondary:focus { - color: #9599ae; -} - -.link-success { - color: #4CAF50; -} - -.link-success:hover, -.link-success:focus { - color: #70bf73; -} - -.link-info { - color: #1A73E8; -} - -.link-info:hover, -.link-info:focus { - color: #155cba; -} - -.link-warning { - color: #fb8c00; -} - -.link-warning:hover, -.link-warning:focus { - color: #fca333; -} - -.link-danger { - color: #F44335; -} - -.link-danger:hover, -.link-danger:focus { - color: #f6695d; -} - -.link-light { - color: #f0f2f5; -} - -.link-light:hover, -.link-light:focus { - color: #f3f5f7; -} - -.link-dark { - color: #344767; -} - -.link-dark:hover, -.link-dark:focus { - color: #2a3952; -} - -.link-white { - color: #fff; -} - -.link-white:hover, -.link-white:focus { - color: white; -} - -.ratio { - position: relative; - width: 100%; -} - -.ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: ""; -} - -.ratio>* { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.ratio-1x1 { - --bs-aspect-ratio: 100%; -} - -.ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); -} - -.ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); -} - -.ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); -} - -.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; -} - -.sticky-top { - position: sticky; - top: 0; - z-index: 1020; -} - -@media (min-width: 576px) { - .sticky-sm-top { - position: sticky; - top: 0; - z-index: 1020; + + .border-opacity-10 { + --bs-border-opacity: 0.1; } -} - -@media (min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020; + + .border-opacity-25 { + --bs-border-opacity: 0.25; } -} - -@media (min-width: 992px) { - .sticky-lg-top { - position: sticky; - top: 0; - z-index: 1020; + + .border-opacity-50 { + --bs-border-opacity: 0.5; } -} - -@media (min-width: 1200px) { - .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020; + + .border-opacity-75 { + --bs-border-opacity: 0.75; } -} - -@media (min-width: 1400px) { - .sticky-xxl-top { - position: sticky; - top: 0; - z-index: 1020; + + .border-opacity-100 { + --bs-border-opacity: 1; } -} - -.hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch; -} - -.vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch; -} - -.visually-hidden, -.visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; -} - -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.vr { - display: inline-block; - align-self: stretch; - width: 1px; - min-height: 1em; - background-color: currentColor; - opacity: 0.25; -} - -.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; -} - -.float-start { - float: left !important; -} - -.float-end { - float: right !important; -} - -.float-none { - float: none !important; -} - -.opacity-0 { - opacity: 0 !important; -} - -.opacity-1 { - opacity: 0.1 !important; -} - -.opacity-2 { - opacity: 0.2 !important; -} - -.opacity-3 { - opacity: 0.3 !important; -} - -.opacity-4 { - opacity: 0.4 !important; -} - -.opacity-5 { - opacity: 0.5 !important; -} - -.opacity-6 { - opacity: 0.6 !important; -} - -.opacity-7 { - opacity: 0.7 !important; -} - -.opacity-8 { - opacity: 0.8 !important; -} - -.opacity-9 { - opacity: 0.9 !important; -} - -.opacity-10 { - opacity: 1 !important; -} - -.overflow-auto { - overflow: auto !important; -} - -.overflow-hidden { - overflow: hidden !important; -} - -.overflow-visible { - overflow: visible !important; -} - -.overflow-scroll { - overflow: scroll !important; -} - -.d-inline { - display: inline !important; -} - -.d-inline-block { - display: inline-block !important; -} - -.d-block { - display: block !important; -} - -.d-grid { - display: grid !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; -} - -.d-none { - display: none !important; -} - -.shadow { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; -} - -.shadow-sm { - box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important; -} - -.shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; -} - -.shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; -} - -.shadow-none { - box-shadow: none !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; -} - -.top-0 { - top: 0 !important; -} - -.top-1 { - top: 1% !important; -} - -.top-2 { - top: 2% !important; -} - -.top-3 { - top: 3% !important; -} - -.top-4 { - top: 4% !important; -} - -.top-5 { - top: 5% !important; -} - -.top-6 { - top: 6% !important; -} - -.top-7 { - top: 7% !important; -} - -.top-8 { - top: 8% !important; -} - -.top-9 { - top: 9% !important; -} - -.top-10 { - top: 10% !important; -} - -.top-50 { - top: 50% !important; -} - -.top-100 { - top: 100% !important; -} - -.bottom-0 { - bottom: 0 !important; -} - -.bottom-1 { - bottom: 1% !important; -} - -.bottom-2 { - bottom: 2% !important; -} - -.bottom-3 { - bottom: 3% !important; -} - -.bottom-4 { - bottom: 4% !important; -} - -.bottom-5 { - bottom: 5% !important; -} - -.bottom-6 { - bottom: 6% !important; -} - -.bottom-7 { - bottom: 7% !important; -} - -.bottom-8 { - bottom: 8% !important; -} - -.bottom-9 { - bottom: 9% !important; -} - -.bottom-10 { - bottom: 10% !important; -} - -.bottom-50 { - bottom: 50% !important; -} - -.bottom-100 { - bottom: 100% !important; -} - -.start-0 { - left: 0 !important; -} - -.start-1 { - left: 1% !important; -} - -.start-2 { - left: 2% !important; -} - -.start-3 { - left: 3% !important; -} - -.start-4 { - left: 4% !important; -} - -.start-5 { - left: 5% !important; -} - -.start-6 { - left: 6% !important; -} - -.start-7 { - left: 7% !important; -} - -.start-8 { - left: 8% !important; -} - -.start-9 { - left: 9% !important; -} - -.start-10 { - left: 10% !important; -} - -.start-50 { - left: 50% !important; -} - -.start-100 { - left: 100% !important; -} - -.end-0 { - right: 0 !important; -} - -.end-1 { - right: 1% !important; -} - -.end-2 { - right: 2% !important; -} - -.end-3 { - right: 3% !important; -} - -.end-4 { - right: 4% !important; -} - -.end-5 { - right: 5% !important; -} - -.end-6 { - right: 6% !important; -} - -.end-7 { - right: 7% !important; -} - -.end-8 { - right: 8% !important; -} - -.end-9 { - right: 9% !important; -} - -.end-10 { - right: 10% !important; -} - -.end-50 { - right: 50% !important; -} - -.end-100 { - right: 100% !important; -} - -.translate-middle { - transform: translate(-50%, -50%) !important; -} - -.translate-middle-x { - transform: translateX(-50%) !important; -} - -.translate-middle-y { - transform: translateY(-50%) !important; -} - -.border { - border: 1px solid #dee2e6 !important; -} - -.border-0 { - border: 0 !important; -} - -.border-top { - border-top: 1px solid #dee2e6 !important; -} - -.border-top-0 { - border-top: 0 !important; -} - -.border-end { - border-right: 1px solid #dee2e6 !important; -} - -.border-end-0 { - border-right: 0 !important; -} - -.border-bottom { - border-bottom: 1px solid #dee2e6 !important; -} - -.border-bottom-0 { - border-bottom: 0 !important; -} - -.border-start { - border-left: 1px solid #dee2e6 !important; -} - -.border-start-0 { - border-left: 0 !important; -} - -.border-primary { - border-color: #e91e63 !important; -} - -.border-secondary { - border-color: #7b809a !important; -} - -.border-success { - border-color: #4CAF50 !important; -} - -.border-info { - border-color: #1A73E8 !important; -} - -.border-warning { - border-color: #fb8c00 !important; -} - -.border-danger { - border-color: #F44335 !important; -} - -.border-light { - border-color: #f0f2f5 !important; -} - -.border-dark { - border-color: #344767 !important; -} - -.border-white { - border-color: #fff !important; -} - -.border-0 { - border-width: 0 !important; -} - -.border-1 { - border-width: 1px !important; -} - -.border-2 { - border-width: 2px !important; -} - -.border-3 { - border-width: 3px !important; -} - -.border-4 { - border-width: 4px !important; -} - -.border-5 { - border-width: 5px !important; -} - -.w-0 { - width: 0% !important; -} - -.w-1 { - width: 1% !important; -} - -.w-2 { - width: 2% !important; -} - -.w-3 { - width: 3% !important; -} - -.w-4 { - width: 4% !important; -} - -.w-5 { - width: 5% !important; -} - -.w-6 { - width: 6% !important; -} - -.w-7 { - width: 7% !important; -} - -.w-8 { - width: 8% !important; -} - -.w-9 { - width: 9% !important; -} - -.w-10 { - width: 10% !important; -} - -.w-15 { - width: 15% !important; -} - -.w-20 { - width: 20% !important; -} - -.w-25 { - width: 25% !important; -} - -.w-30 { - width: 30% !important; -} - -.w-35 { - width: 35% !important; -} - -.w-40 { - width: 40% !important; -} - -.w-45 { - width: 45% !important; -} - -.w-50 { - width: 50% !important; -} - -.w-55 { - width: 55% !important; -} - -.w-60 { - width: 60% !important; -} - -.w-65 { - width: 65% !important; -} - -.w-70 { - width: 70% !important; -} - -.w-75 { - width: 75% !important; -} - -.w-80 { - width: 80% !important; -} - -.w-85 { - width: 85% !important; -} - -.w-90 { - width: 90% !important; -} - -.w-95 { - width: 95% !important; -} - -.w-100 { - width: 100% !important; -} - -.w-auto { - width: auto !important; -} - -.mw-100 { - max-width: 100% !important; -} - -.vw-100 { - width: 100vw !important; -} - -.min-vw-100 { - min-width: 100vw !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; -} - -.mh-100 { - max-height: 100% !important; -} - -.vh-100 { - height: 100vh !important; -} - -.min-vh-25 { - min-height: 25vh !important; -} - -.min-vh-35 { - min-height: 35vh !important; -} - -.min-vh-45 { - min-height: 45vh !important; -} - -.min-vh-50 { - min-height: 50vh !important; -} - -.min-vh-55 { - min-height: 55vh !important; -} - -.min-vh-65 { - min-height: 65vh !important; -} - -.min-vh-70 { - min-height: 70vh !important; -} - -.min-vh-75 { - min-height: 75vh !important; -} - -.min-vh-80 { - min-height: 80vh !important; -} - -.min-vh-85 { - min-height: 85vh !important; -} - -.min-vh-90 { - min-height: 90vh !important; -} - -.min-vh-95 { - min-height: 95vh !important; -} - -.min-vh-100 { - min-height: 100vh !important; -} - -.flex-fill { - flex: 1 1 auto !important; -} - -.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-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; -} - -.flex-wrap { - flex-wrap: wrap !important; -} - -.flex-nowrap { - flex-wrap: nowrap !important; -} - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; -} - -.gap-0 { - gap: 0 !important; -} - -.gap-1 { - gap: 0.25rem !important; -} - -.gap-2 { - gap: 0.5rem !important; -} - -.gap-3 { - gap: 1rem !important; -} - -.gap-4 { - gap: 1.5rem !important; -} - -.gap-5 { - gap: 3rem !important; -} - -.gap-6 { - gap: 4rem !important; -} - -.gap-7 { - gap: 6rem !important; -} - -.gap-8 { - gap: 8rem !important; -} - -.gap-9 { - gap: 10rem !important; -} - -.gap-10 { - gap: 12rem !important; -} - -.gap-11 { - gap: 14rem !important; -} - -.gap-12 { - gap: 16rem !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; -} - -.justify-content-evenly { - justify-content: space-evenly !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; -} - -.order-first { - order: -1 !important; -} - -.order-0 { - order: 0 !important; -} - -.order-1 { - order: 1 !important; -} - -.order-2 { - order: 2 !important; -} - -.order-3 { - order: 3 !important; -} - -.order-4 { - order: 4 !important; -} - -.order-5 { - order: 5 !important; -} - -.order-last { - order: 6 !important; -} - -.m-0 { - margin: 0 !important; -} - -.m-1 { - margin: 0.25rem !important; -} - -.m-2 { - margin: 0.5rem !important; -} - -.m-3 { - margin: 1rem !important; -} - -.m-4 { - margin: 1.5rem !important; -} - -.m-5 { - margin: 3rem !important; -} - -.m-6 { - margin: 4rem !important; -} - -.m-7 { - margin: 6rem !important; -} - -.m-8 { - margin: 8rem !important; -} - -.m-9 { - margin: 10rem !important; -} - -.m-10 { - margin: 12rem !important; -} - -.m-11 { - margin: 14rem !important; -} - -.m-12 { - margin: 16rem !important; -} - -.m-auto { - margin: auto !important; -} - -.mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; -} - -.mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; -} - -.mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; -} - -.mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; -} - -.mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; -} - -.mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; -} - -.mx-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; -} - -.mx-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; -} - -.mx-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; -} - -.mx-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; -} - -.mx-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; -} - -.mx-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; -} - -.mx-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; -} - -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; -} - -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; -} - -.my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; -} - -.my-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; -} - -.my-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; -} - -.my-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; -} - -.my-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; -} - -.my-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; -} - -.my-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; -} - -.my-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; -} - -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; -} - -.mt-0 { - margin-top: 0 !important; -} - -.mt-1 { - margin-top: 0.25rem !important; -} - -.mt-2 { - margin-top: 0.5rem !important; -} - -.mt-3 { - margin-top: 1rem !important; -} - -.mt-4 { - margin-top: 1.5rem !important; -} - -.mt-5 { - margin-top: 3rem !important; -} - -.mt-6 { - margin-top: 4rem !important; -} - -.mt-7 { - margin-top: 6rem !important; -} - -.mt-8 { - margin-top: 8rem !important; -} - -.mt-9 { - margin-top: 10rem !important; -} - -.mt-10 { - margin-top: 12rem !important; -} - -.mt-11 { - margin-top: 14rem !important; -} - -.mt-12 { - margin-top: 16rem !important; -} - -.mt-auto { - margin-top: auto !important; -} - -.me-0 { - margin-right: 0 !important; -} - -.me-1 { - margin-right: 0.25rem !important; -} - -.me-2 { - margin-right: 0.5rem !important; -} - -.me-3 { - margin-right: 1rem !important; -} - -.me-4 { - margin-right: 1.5rem !important; -} - -.me-5 { - margin-right: 3rem !important; -} - -.me-6 { - margin-right: 4rem !important; -} - -.me-7 { - margin-right: 6rem !important; -} - -.me-8 { - margin-right: 8rem !important; -} - -.me-9 { - margin-right: 10rem !important; -} - -.me-10 { - margin-right: 12rem !important; -} - -.me-11 { - margin-right: 14rem !important; -} - -.me-12 { - margin-right: 16rem !important; -} - -.me-auto { - margin-right: auto !important; -} - -.mb-0 { - margin-bottom: 0 !important; -} - -.mb-1 { - margin-bottom: 0.25rem !important; -} - -.mb-2 { - margin-bottom: 0.5rem !important; -} - -.mb-3 { - margin-bottom: 1rem !important; -} - -.mb-4 { - margin-bottom: 1.5rem !important; -} - -.mb-5 { - margin-bottom: 3rem !important; -} - -.mb-6 { - margin-bottom: 4rem !important; -} - -.mb-7 { - margin-bottom: 6rem !important; -} - -.mb-8 { - margin-bottom: 8rem !important; -} - -.mb-9 { - margin-bottom: 10rem !important; -} - -.mb-10 { - margin-bottom: 12rem !important; -} - -.mb-11 { - margin-bottom: 14rem !important; -} - -.mb-12 { - margin-bottom: 16rem !important; -} - -.mb-auto { - margin-bottom: auto !important; -} - -.ms-0 { - margin-left: 0 !important; -} - -.ms-1 { - margin-left: 0.25rem !important; -} - -.ms-2 { - margin-left: 0.5rem !important; -} - -.ms-3 { - margin-left: 1rem !important; -} - -.ms-4 { - margin-left: 1.5rem !important; -} - -.ms-5 { - margin-left: 3rem !important; -} - -.ms-6 { - margin-left: 4rem !important; -} - -.ms-7 { - margin-left: 6rem !important; -} - -.ms-8 { - margin-left: 8rem !important; -} - -.ms-9 { - margin-left: 10rem !important; -} - -.ms-10 { - margin-left: 12rem !important; -} - -.ms-11 { - margin-left: 14rem !important; -} - -.ms-12 { - margin-left: 16rem !important; -} - -.ms-auto { - margin-left: auto !important; -} - -.m-n1 { - margin: -0.25rem !important; -} - -.m-n2 { - margin: -0.5rem !important; -} - -.m-n3 { - margin: -1rem !important; -} - -.m-n4 { - margin: -1.5rem !important; -} - -.m-n5 { - margin: -3rem !important; -} - -.m-n6 { - margin: -4rem !important; -} - -.m-n7 { - margin: -6rem !important; -} - -.m-n8 { - margin: -8rem !important; -} - -.m-n9 { - margin: -10rem !important; -} - -.m-n10 { - margin: -12rem !important; -} - -.m-n11 { - margin: -14rem !important; -} - -.m-n12 { - margin: -16rem !important; -} - -.mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; -} - -.mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; -} - -.mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; -} - -.mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; -} - -.mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; -} - -.mx-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; -} - -.mx-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; -} - -.mx-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; -} - -.mx-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; -} - -.mx-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; -} - -.mx-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; -} - -.mx-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; -} - -.my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; -} - -.my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; -} - -.my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; -} - -.my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; -} - -.my-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; -} - -.my-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; -} - -.my-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; -} - -.my-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; -} - -.my-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; -} - -.my-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; -} - -.my-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; -} - -.mt-n1 { - margin-top: -0.25rem !important; -} - -.mt-n2 { - margin-top: -0.5rem !important; -} - -.mt-n3 { - margin-top: -1rem !important; -} - -.mt-n4 { - margin-top: -1.5rem !important; -} - -.mt-n5 { - margin-top: -3rem !important; -} - -.mt-n6 { - margin-top: -4rem !important; -} - -.mt-n7 { - margin-top: -6rem !important; -} - -.mt-n8 { - margin-top: -8rem !important; -} - -.mt-n9 { - margin-top: -10rem !important; -} - -.mt-n10 { - margin-top: -12rem !important; -} - -.mt-n11 { - margin-top: -14rem !important; -} - -.mt-n12 { - margin-top: -16rem !important; -} - -.me-n1 { - margin-right: -0.25rem !important; -} - -.me-n2 { - margin-right: -0.5rem !important; -} - -.me-n3 { - margin-right: -1rem !important; -} - -.me-n4 { - margin-right: -1.5rem !important; -} - -.me-n5 { - margin-right: -3rem !important; -} - -.me-n6 { - margin-right: -4rem !important; -} - -.me-n7 { - margin-right: -6rem !important; -} - -.me-n8 { - margin-right: -8rem !important; -} - -.me-n9 { - margin-right: -10rem !important; -} - -.me-n10 { - margin-right: -12rem !important; -} - -.me-n11 { - margin-right: -14rem !important; -} - -.me-n12 { - margin-right: -16rem !important; -} - -.mb-n1 { - margin-bottom: -0.25rem !important; -} - -.mb-n2 { - margin-bottom: -0.5rem !important; -} - -.mb-n3 { - margin-bottom: -1rem !important; -} - -.mb-n4 { - margin-bottom: -1.5rem !important; -} - -.mb-n5 { - margin-bottom: -3rem !important; -} - -.mb-n6 { - margin-bottom: -4rem !important; -} - -.mb-n7 { - margin-bottom: -6rem !important; -} - -.mb-n8 { - margin-bottom: -8rem !important; -} - -.mb-n9 { - margin-bottom: -10rem !important; -} - -.mb-n10 { - margin-bottom: -12rem !important; -} - -.mb-n11 { - margin-bottom: -14rem !important; -} - -.mb-n12 { - margin-bottom: -16rem !important; -} - -.ms-n1 { - margin-left: -0.25rem !important; -} - -.ms-n2 { - margin-left: -0.5rem !important; -} - -.ms-n3 { - margin-left: -1rem !important; -} - -.ms-n4 { - margin-left: -1.5rem !important; -} - -.ms-n5 { - margin-left: -3rem !important; -} - -.ms-n6 { - margin-left: -4rem !important; -} - -.ms-n7 { - margin-left: -6rem !important; -} - -.ms-n8 { - margin-left: -8rem !important; -} - -.ms-n9 { - margin-left: -10rem !important; -} - -.ms-n10 { - margin-left: -12rem !important; -} - -.ms-n11 { - margin-left: -14rem !important; -} - -.ms-n12 { - margin-left: -16rem !important; -} - -.p-0 { - padding: 0 !important; -} - -.p-1 { - padding: 0.25rem !important; -} - -.p-2 { - padding: 0.5rem !important; -} - -.p-3 { - padding: 1rem !important; -} - -.p-4 { - padding: 1.5rem !important; -} - -.p-5 { - padding: 3rem !important; -} - -.p-6 { - padding: 4rem !important; -} - -.p-7 { - padding: 6rem !important; -} - -.p-8 { - padding: 8rem !important; -} - -.p-9 { - padding: 10rem !important; -} - -.p-10 { - padding: 12rem !important; -} - -.p-11 { - padding: 14rem !important; -} - -.p-12 { - padding: 16rem !important; -} - -.px-0 { - padding-right: 0 !important; - padding-left: 0 !important; -} - -.px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; -} - -.px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; -} - -.px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; -} - -.px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; -} - -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; -} - -.px-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; -} - -.px-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; -} - -.px-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; -} - -.px-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; -} - -.px-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; -} - -.px-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; -} - -.px-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; -} - -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; -} - -.py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.py-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; -} - -.py-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; -} - -.py-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; -} - -.py-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; -} - -.py-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; -} - -.py-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; -} - -.py-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.pt-1 { - padding-top: 0.25rem !important; -} - -.pt-2 { - padding-top: 0.5rem !important; -} - -.pt-3 { - padding-top: 1rem !important; -} - -.pt-4 { - padding-top: 1.5rem !important; -} - -.pt-5 { - padding-top: 3rem !important; -} - -.pt-6 { - padding-top: 4rem !important; -} - -.pt-7 { - padding-top: 6rem !important; -} - -.pt-8 { - padding-top: 8rem !important; -} - -.pt-9 { - padding-top: 10rem !important; -} - -.pt-10 { - padding-top: 12rem !important; -} - -.pt-11 { - padding-top: 14rem !important; -} - -.pt-12 { - padding-top: 16rem !important; -} - -.pe-0 { - padding-right: 0 !important; -} - -.pe-1 { - padding-right: 0.25rem !important; -} - -.pe-2 { - padding-right: 0.5rem !important; -} - -.pe-3 { - padding-right: 1rem !important; -} - -.pe-4 { - padding-right: 1.5rem !important; -} - -.pe-5 { - padding-right: 3rem !important; -} - -.pe-6 { - padding-right: 4rem !important; -} - -.pe-7 { - padding-right: 6rem !important; -} - -.pe-8 { - padding-right: 8rem !important; -} - -.pe-9 { - padding-right: 10rem !important; -} - -.pe-10 { - padding-right: 12rem !important; -} - -.pe-11 { - padding-right: 14rem !important; -} - -.pe-12 { - padding-right: 16rem !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pb-1 { - padding-bottom: 0.25rem !important; -} - -.pb-2 { - padding-bottom: 0.5rem !important; -} - -.pb-3 { - padding-bottom: 1rem !important; -} - -.pb-4 { - padding-bottom: 1.5rem !important; -} - -.pb-5 { - padding-bottom: 3rem !important; -} - -.pb-6 { - padding-bottom: 4rem !important; -} - -.pb-7 { - padding-bottom: 6rem !important; -} - -.pb-8 { - padding-bottom: 8rem !important; -} - -.pb-9 { - padding-bottom: 10rem !important; -} - -.pb-10 { - padding-bottom: 12rem !important; -} - -.pb-11 { - padding-bottom: 14rem !important; -} - -.pb-12 { - padding-bottom: 16rem !important; -} - -.ps-0 { - padding-left: 0 !important; -} - -.ps-1 { - padding-left: 0.25rem !important; -} - -.ps-2 { - padding-left: 0.5rem !important; -} - -.ps-3 { - padding-left: 1rem !important; -} - -.ps-4 { - padding-left: 1.5rem !important; -} - -.ps-5 { - padding-left: 3rem !important; -} - -.ps-6 { - padding-left: 4rem !important; -} - -.ps-7 { - padding-left: 6rem !important; -} - -.ps-8 { - padding-left: 8rem !important; -} - -.ps-9 { - padding-left: 10rem !important; -} - -.ps-10 { - padding-left: 12rem !important; -} - -.ps-11 { - padding-left: 14rem !important; -} - -.ps-12 { - padding-left: 16rem !important; -} - -.font-monospace { - font-family: var(--bs-font-monospace) !important; -} - -.fs-1 { - font-size: calc(1.425rem + 2.1vw) !important; -} - -.fs-2 { - font-size: calc(1.35rem + 1.2vw) !important; -} - -.fs-3 { - font-size: calc(1.3125rem + 0.75vw) !important; -} - -.fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; -} - -.fs-5 { - font-size: 1.25rem !important; -} - -.fs-6 { - font-size: 1rem !important; -} - -.fst-italic { - font-style: italic !important; -} - -.fst-normal { - font-style: normal !important; -} - -.fw-light { - font-weight: 300 !important; -} - -.fw-lighter { - font-weight: lighter !important; -} - -.fw-normal { - font-weight: 400 !important; -} - -.fw-bold { - font-weight: 600 !important; -} - -.fw-bolder { - font-weight: 700 !important; -} - -.lh-1 { - line-height: 1 !important; -} - -.lh-sm { - line-height: 1.25 !important; -} - -.lh-base { - line-height: 1.5 !important; -} - -.lh-lg { - line-height: 2 !important; -} - -.text-start { - text-align: left !important; -} - -.text-end { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-decoration-underline { - text-decoration: underline !important; -} - -.text-decoration-line-through { - text-decoration: line-through !important; -} - -.text-lowercase { - text-transform: lowercase !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-capitalize { - text-transform: capitalize !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -/* rtl:begin:remove */ -.text-break { - word-wrap: break-word !important; - word-break: break-word !important; -} - -/* rtl:end:remove */ -.text-primary { - color: #9CFF87 !important; -} - -.text-secondary { - color: #7b809a !important; -} - -.text-success { - color: #4CAF50 !important; -} - -.text-info { - color: #1A73E8 !important; -} - -.text-warning { - color: #fb8c00 !important; -} - -.text-danger { - color: #F44335 !important; -} - -.text-light { - color: #f0f2f5 !important; -} - -.text-dark { - color: #344767 !important; -} - -.text-white { - color: #fff !important; -} - -.text-body { - color: #7b809a !important; -} - -.text-rose { - color: #e91e63 !important; -} - -.text-muted { - color: #6c757d !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-reset { - color: inherit !important; -} - -.text-opacity-25 { - --bs-text-opacity: 0.25; -} - -.text-opacity-50 { - --bs-text-opacity: 0.5; -} - -.text-opacity-75 { - --bs-text-opacity: 0.75; -} - -.text-opacity-100 { - --bs-text-opacity: 1; -} - -.bg-primary { - background-color: #e91e63 !important; -} - -.bg-secondary { - background-color: #7b809a !important; -} - -.bg-success { - background-color: #4CAF50 !important; -} - -.bg-info { - background-color: #1A73E8 !important; -} - -.bg-warning { - background-color: #fb8c00 !important; -} - -.bg-danger { - background-color: #F44335 !important; -} - -.bg-light { - background-color: #f0f2f5 !important; -} - -.bg-dark { - background-color: #344767 !important; -} - -.bg-white { - background-color: #fff !important; -} - -.bg-body { - background-color: #fff !important; -} - -.bg-transparent { - background-color: transparent !important; -} - -.bg-gray-100 { - background-color: #f8f9fa !important; -} - -.bg-gray-200 { - background-color: #f0f2f5 !important; -} - -.bg-gray-300 { - background-color: #dee2e6 !important; -} - -.bg-gray-400 { - background-color: #ced4da !important; -} - -.bg-gray-500 { - background-color: #adb5bd !important; -} - -.bg-gray-600 { - background-color: #6c757d !important; -} - -.bg-gray-700 { - background-color: #495057 !important; -} - -.bg-gray-800 { - background-color: #343a40 !important; -} - -.bg-gray-900 { - background-color: #212529 !important; -} - -.bg-opacity-10 { - --bs-bg-opacity: 0.1; -} - -.bg-opacity-25 { - --bs-bg-opacity: 0.25; -} - -.bg-opacity-50 { - --bs-bg-opacity: 0.5; -} - -.bg-opacity-75 { - --bs-bg-opacity: 0.75; -} - -.bg-opacity-100 { - --bs-bg-opacity: 1; -} - -.bg-gradient { - background-image: var(--bs-gradient) !important; -} - -.user-select-all { - user-select: all !important; -} - -.user-select-auto { - user-select: auto !important; -} - -.user-select-none { - user-select: none !important; -} - -.pe-none { - pointer-events: none !important; -} - -.pe-auto { - pointer-events: auto !important; -} - -.rounded { - border-radius: 0.25rem !important; -} - -.rounded-0 { - border-radius: 0 !important; -} - -.rounded-1 { - border-radius: 0.125rem !important; -} - -.rounded-2 { - border-radius: 0.25rem !important; -} - -.rounded-3 { - border-radius: 0.5rem !important; -} - -.rounded-circle, -.avatar.rounded-circle img { - border-radius: 50% !important; -} - -.rounded-pill { - border-radius: 50rem !important; -} - -.rounded-top { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; -} - -.rounded-end { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; -} - -.rounded-bottom { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; -} - -.rounded-start { - border-bottom-left-radius: 0.25rem !important; - border-top-left-radius: 0.25rem !important; -} - -.visible { - visibility: visible !important; -} - -.invisible { - visibility: hidden !important; -} - -.overflow-x-auto { - overflow-x: auto !important; -} - -.overflow-x-hidden { - overflow-x: hidden !important; -} - -.overflow-x-visible { - overflow-x: visible !important; -} - -.overflow-x-scroll { - overflow-x: scroll !important; -} - -.overflow-y-auto { - overflow-y: auto !important; -} - -.overflow-y-hidden { - overflow-y: hidden !important; -} - -.overflow-y-visible { - overflow-y: visible !important; -} - -.overflow-y-scroll { - overflow-y: scroll !important; -} - -.shadow-primary { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(56, 255, 135, 0.4) !important; -} - -.shadow-secondary { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(210, 210, 210, 0.4) !important; -} - -.shadow-info { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4) !important; -} - -.shadow-warning { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4) !important; -} - -.shadow-success { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4) !important; -} - -.shadow-danger { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4) !important; -} - -.shadow-dark { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(64, 64, 64, 0.4) !important; -} - -.shadow-light { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(56, 255, 135, 0.4) !important; -} - -.transform-scale-5 { - transform: scale(0.5) !important; -} - -.transform-scale-6 { - transform: scale(0.6) !important; -} - -.transform-scale-7 { - transform: scale(0.7) !important; -} - -.transform-scale-8 { - transform: scale(0.8) !important; -} - -.transform-scale-9 { - transform: scale(0.9) !important; -} - -.transform-scale-10 { - transform: scale(1) !important; -} - -.z-index-0 { - z-index: 0 !important; -} - -.z-index-1 { - z-index: 1 !important; -} - -.z-index-2 { - z-index: 2 !important; -} - -.z-index-3 { - z-index: 3 !important; -} - -.letter-spacing-1 { - letter-spacing: 1px !important; -} - -.letter-spacing-2 { - letter-spacing: 2px !important; -} - -.letter-spacing-3 { - letter-spacing: 3px !important; -} - -.letter-spacing-4 { - letter-spacing: 4px !important; -} - -.letter-spacing-5 { - letter-spacing: 5px !important; -} - -.border-radius-top-start { - border-top-left-radius: 0.25rem !important; -} - -.border-radius-top-start-0 { - border-top-left-radius: 0 !important; -} - -.border-radius-top-start-sm { - border-top-left-radius: 0.125rem !important; -} - -.border-radius-top-start-md { - border-top-left-radius: 0.25rem !important; -} - -.border-radius-top-start-lg { - border-top-left-radius: 0.5rem !important; -} - -.border-radius-top-start-xl { - border-top-left-radius: 0.75rem !important; -} - -.border-radius-top-start-2xl { - border-top-left-radius: 1rem !important; -} - -.border-radius-top-start-circle { - border-top-left-radius: 50% !important; -} - -.border-radius-top-start-pill { - border-top-left-radius: 50rem !important; -} - -.border-radius-top-end { - border-top-right-radius: 0.25rem !important; -} - -.border-radius-top-end-0 { - border-top-right-radius: 0 !important; -} - -.border-radius-top-end-sm { - border-top-right-radius: 0.125rem !important; -} - -.border-radius-top-end-md { - border-top-right-radius: 0.25rem !important; -} - -.border-radius-top-end-lg { - border-top-right-radius: 0.5rem !important; -} - -.border-radius-top-end-xl { - border-top-right-radius: 0.75rem !important; -} - -.border-radius-top-end-2xl { - border-top-right-radius: 1rem !important; -} - -.border-radius-top-end-circle { - border-top-right-radius: 50% !important; -} - -.border-radius-top-end-pill { - border-top-right-radius: 50rem !important; -} - -.border-radius-bottom-start { - border-bottom-left-radius: 0.25rem !important; -} - -.border-radius-bottom-start-0 { - border-bottom-left-radius: 0 !important; -} - -.border-radius-bottom-start-sm { - border-bottom-left-radius: 0.125rem !important; -} - -.border-radius-bottom-start-md { - border-bottom-left-radius: 0.25rem !important; -} - -.border-radius-bottom-start-lg { - border-bottom-left-radius: 0.5rem !important; -} - -.border-radius-bottom-start-xl { - border-bottom-left-radius: 0.75rem !important; -} - -.border-radius-bottom-start-2xl { - border-bottom-left-radius: 1rem !important; -} - -.border-radius-bottom-start-circle { - border-bottom-left-radius: 50% !important; -} - -.border-radius-bottom-start-pill { - border-bottom-left-radius: 50rem !important; -} - -.border-radius-bottom-end { - border-bottom-right-radius: 0.25rem !important; -} - -.border-radius-bottom-end-0 { - border-bottom-right-radius: 0 !important; -} - -.border-radius-bottom-end-sm { - border-bottom-right-radius: 0.125rem !important; -} - -.border-radius-bottom-end-md { - border-bottom-right-radius: 0.25rem !important; -} - -.border-radius-bottom-end-lg { - border-bottom-right-radius: 0.5rem !important; -} - -.border-radius-bottom-end-xl { - border-bottom-right-radius: 0.75rem !important; -} - -.border-radius-bottom-end-2xl { - border-bottom-right-radius: 1rem !important; -} - -.border-radius-bottom-end-circle { - border-bottom-right-radius: 50% !important; -} - -.border-radius-bottom-end-pill { - border-bottom-right-radius: 50rem !important; -} - -.max-height-100 { - max-height: 100px !important; -} - -.max-height-150 { - max-height: 150px !important; -} - -.max-height-160 { - max-height: 160px !important; -} - -.max-height-200 { - max-height: 200px !important; -} - -.max-height-250 { - max-height: 250px !important; -} - -.max-height-300 { - max-height: 300px !important; -} - -.max-height-400 { - max-height: 400px !important; -} - -.max-height-500 { - max-height: 500px !important; -} - -.max-height-600 { - max-height: 600px !important; -} - -.max-height-vh-10 { - max-height: 10vh !important; -} - -.max-height-vh-20 { - max-height: 20vh !important; -} - -.max-height-vh-30 { - max-height: 30vh !important; -} - -.max-height-vh-40 { - max-height: 40vh !important; -} - -.max-height-vh-50 { - max-height: 50vh !important; -} - -.max-height-vh-60 { - max-height: 60vh !important; -} - -.max-height-vh-70 { - max-height: 70vh !important; -} - -.max-height-vh-80 { - max-height: 80vh !important; -} - -.max-height-vh-90 { - max-height: 90vh !important; -} - -.max-height-vh-100 { - max-height: 100vh !important; -} - -.min-height-100 { - min-height: 100px !important; -} - -.min-height-150 { - min-height: 150px !important; -} - -.min-height-160 { - min-height: 160px !important; -} - -.min-height-200 { - min-height: 200px !important; -} - -.min-height-250 { - min-height: 250px !important; -} - -.min-height-300 { - min-height: 300px !important; -} - -.min-height-400 { - min-height: 400px !important; -} - -.min-height-500 { - min-height: 500px !important; -} - -.min-height-600 { - min-height: 600px !important; -} - -.height-100 { - height: 100px !important; -} - -.height-200 { - height: 200px !important; -} - -.height-300 { - height: 300px !important; -} - -.height-400 { - height: 400px !important; -} - -.height-500 { - height: 500px !important; -} - -.height-600 { - height: 600px !important; -} - -.max-width-100 { - max-width: 100px !important; -} - -.max-width-200 { - max-width: 200px !important; -} - -.max-width-300 { - max-width: 300px !important; -} - -.max-width-400 { - max-width: 400px !important; -} - -.max-width-500 { - max-width: 500px !important; -} - -@media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - - .float-sm-end { - float: right !important; - } - - .float-sm-none { - float: none !important; - } - - .d-sm-inline { - display: inline !important; - } - - .d-sm-inline-block { - display: inline-block !important; - } - - .d-sm-block { - display: block !important; - } - - .d-sm-grid { - display: grid !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; - } - - .d-sm-none { - display: none !important; - } - - .border-top-sm { - border-top: 1px solid #dee2e6 !important; - } - - .border-top-sm-0 { - border-top: 0 !important; - } - - .border-end-sm { - border-right: 1px solid #dee2e6 !important; - } - - .border-end-sm-0 { - border-right: 0 !important; - } - - .border-bottom-sm { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-bottom-sm-0 { - border-bottom: 0 !important; - } - - .border-start-sm { - border-left: 1px solid #dee2e6 !important; - } - - .border-start-sm-0 { - border-left: 0 !important; - } - - .w-sm-0 { - width: 0% !important; - } - - .w-sm-1 { - width: 1% !important; - } - - .w-sm-2 { - width: 2% !important; - } - - .w-sm-3 { - width: 3% !important; - } - - .w-sm-4 { - width: 4% !important; - } - - .w-sm-5 { - width: 5% !important; - } - - .w-sm-6 { - width: 6% !important; - } - - .w-sm-7 { - width: 7% !important; - } - - .w-sm-8 { - width: 8% !important; - } - - .w-sm-9 { - width: 9% !important; - } - - .w-sm-10 { - width: 10% !important; - } - - .w-sm-15 { - width: 15% !important; - } - - .w-sm-20 { - width: 20% !important; - } - - .w-sm-25 { - width: 25% !important; - } - - .w-sm-30 { - width: 30% !important; - } - - .w-sm-35 { - width: 35% !important; - } - - .w-sm-40 { - width: 40% !important; - } - - .w-sm-45 { - width: 45% !important; - } - - .w-sm-50 { - width: 50% !important; - } - - .w-sm-55 { - width: 55% !important; - } - - .w-sm-60 { - width: 60% !important; - } - - .w-sm-65 { - width: 65% !important; - } - - .w-sm-70 { - width: 70% !important; - } - - .w-sm-75 { - width: 75% !important; - } - - .w-sm-80 { - width: 80% !important; - } - - .w-sm-85 { - width: 85% !important; - } - - .w-sm-90 { - width: 90% !important; - } - - .w-sm-95 { - width: 95% !important; - } - - .w-sm-100 { - width: 100% !important; - } - - .w-sm-auto { - width: auto !important; - } - - .flex-sm-fill { - flex: 1 1 auto !important; - } - - .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-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; - } - - .flex-sm-wrap { - flex-wrap: wrap !important; - } - - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-sm-0 { - gap: 0 !important; - } - - .gap-sm-1 { - gap: 0.25rem !important; - } - - .gap-sm-2 { - gap: 0.5rem !important; - } - - .gap-sm-3 { - gap: 1rem !important; - } - - .gap-sm-4 { - gap: 1.5rem !important; - } - - .gap-sm-5 { - gap: 3rem !important; - } - - .gap-sm-6 { - gap: 4rem !important; - } - - .gap-sm-7 { - gap: 6rem !important; - } - - .gap-sm-8 { - gap: 8rem !important; - } - - .gap-sm-9 { - gap: 10rem !important; - } - - .gap-sm-10 { - gap: 12rem !important; - } - - .gap-sm-11 { - gap: 14rem !important; - } - - .gap-sm-12 { - gap: 16rem !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; - } - - .justify-content-sm-evenly { - justify-content: space-evenly !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; - } - - .order-sm-first { - order: -1 !important; - } - - .order-sm-0 { - order: 0 !important; - } - - .order-sm-1 { - order: 1 !important; - } - - .order-sm-2 { - order: 2 !important; - } - - .order-sm-3 { - order: 3 !important; - } - - .order-sm-4 { - order: 4 !important; - } - - .order-sm-5 { - order: 5 !important; - } - - .order-sm-last { - order: 6 !important; - } - - .m-sm-0 { - margin: 0 !important; - } - - .m-sm-1 { - margin: 0.25rem !important; - } - - .m-sm-2 { - margin: 0.5rem !important; - } - - .m-sm-3 { - margin: 1rem !important; - } - - .m-sm-4 { - margin: 1.5rem !important; - } - - .m-sm-5 { - margin: 3rem !important; - } - - .m-sm-6 { - margin: 4rem !important; - } - - .m-sm-7 { - margin: 6rem !important; - } - - .m-sm-8 { - margin: 8rem !important; - } - - .m-sm-9 { - margin: 10rem !important; - } - - .m-sm-10 { - margin: 12rem !important; - } - - .m-sm-11 { - margin: 14rem !important; - } - - .m-sm-12 { - margin: 16rem !important; - } - - .m-sm-auto { - margin: auto !important; - } - - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-sm-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; - } - - .mx-sm-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; - } - - .mx-sm-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; - } - - .mx-sm-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; - } - - .mx-sm-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; - } - - .mx-sm-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; - } - - .mx-sm-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; - } - - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-sm-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .my-sm-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .my-sm-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .my-sm-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .my-sm-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .my-sm-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .my-sm-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-sm-0 { - margin-top: 0 !important; - } - - .mt-sm-1 { - margin-top: 0.25rem !important; - } - - .mt-sm-2 { - margin-top: 0.5rem !important; - } - - .mt-sm-3 { - margin-top: 1rem !important; - } - - .mt-sm-4 { - margin-top: 1.5rem !important; - } - - .mt-sm-5 { - margin-top: 3rem !important; - } - - .mt-sm-6 { - margin-top: 4rem !important; - } - - .mt-sm-7 { - margin-top: 6rem !important; - } - - .mt-sm-8 { - margin-top: 8rem !important; - } - - .mt-sm-9 { - margin-top: 10rem !important; - } - - .mt-sm-10 { - margin-top: 12rem !important; - } - - .mt-sm-11 { - margin-top: 14rem !important; - } - - .mt-sm-12 { - margin-top: 16rem !important; - } - - .mt-sm-auto { - margin-top: auto !important; - } - - .me-sm-0 { - margin-right: 0 !important; - } - - .me-sm-1 { - margin-right: 0.25rem !important; - } - - .me-sm-2 { - margin-right: 0.5rem !important; - } - - .me-sm-3 { - margin-right: 1rem !important; - } - - .me-sm-4 { - margin-right: 1.5rem !important; - } - - .me-sm-5 { - margin-right: 3rem !important; - } - - .me-sm-6 { - margin-right: 4rem !important; - } - - .me-sm-7 { - margin-right: 6rem !important; - } - - .me-sm-8 { - margin-right: 8rem !important; - } - - .me-sm-9 { - margin-right: 10rem !important; - } - - .me-sm-10 { - margin-right: 12rem !important; - } - - .me-sm-11 { - margin-right: 14rem !important; - } - - .me-sm-12 { - margin-right: 16rem !important; - } - - .me-sm-auto { - margin-right: auto !important; - } - - .mb-sm-0 { - margin-bottom: 0 !important; - } - - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - - .mb-sm-3 { - margin-bottom: 1rem !important; - } - - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - - .mb-sm-5 { - margin-bottom: 3rem !important; - } - - .mb-sm-6 { - margin-bottom: 4rem !important; - } - - .mb-sm-7 { - margin-bottom: 6rem !important; - } - - .mb-sm-8 { - margin-bottom: 8rem !important; - } - - .mb-sm-9 { - margin-bottom: 10rem !important; - } - - .mb-sm-10 { - margin-bottom: 12rem !important; - } - - .mb-sm-11 { - margin-bottom: 14rem !important; - } - - .mb-sm-12 { - margin-bottom: 16rem !important; - } - - .mb-sm-auto { - margin-bottom: auto !important; - } - - .ms-sm-0 { - margin-left: 0 !important; - } - - .ms-sm-1 { - margin-left: 0.25rem !important; - } - - .ms-sm-2 { - margin-left: 0.5rem !important; - } - - .ms-sm-3 { - margin-left: 1rem !important; - } - - .ms-sm-4 { - margin-left: 1.5rem !important; - } - - .ms-sm-5 { - margin-left: 3rem !important; - } - - .ms-sm-6 { - margin-left: 4rem !important; - } - - .ms-sm-7 { - margin-left: 6rem !important; - } - - .ms-sm-8 { - margin-left: 8rem !important; - } - - .ms-sm-9 { - margin-left: 10rem !important; - } - - .ms-sm-10 { - margin-left: 12rem !important; - } - - .ms-sm-11 { - margin-left: 14rem !important; - } - - .ms-sm-12 { - margin-left: 16rem !important; - } - - .ms-sm-auto { - margin-left: auto !important; - } - - .m-sm-n1 { - margin: -0.25rem !important; - } - - .m-sm-n2 { - margin: -0.5rem !important; - } - - .m-sm-n3 { - margin: -1rem !important; - } - - .m-sm-n4 { - margin: -1.5rem !important; - } - - .m-sm-n5 { - margin: -3rem !important; - } - - .m-sm-n6 { - margin: -4rem !important; - } - - .m-sm-n7 { - margin: -6rem !important; - } - - .m-sm-n8 { - margin: -8rem !important; - } - - .m-sm-n9 { - margin: -10rem !important; - } - - .m-sm-n10 { - margin: -12rem !important; - } - - .m-sm-n11 { - margin: -14rem !important; - } - - .m-sm-n12 { - margin: -16rem !important; - } - - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .mx-sm-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; - } - - .mx-sm-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; - } - - .mx-sm-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; - } - - .mx-sm-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; - } - - .mx-sm-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; - } - - .mx-sm-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; - } - - .mx-sm-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; - } - - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .my-sm-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .my-sm-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .my-sm-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .my-sm-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .my-sm-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .my-sm-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .my-sm-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - - .mt-sm-n3 { - margin-top: -1rem !important; - } - - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - - .mt-sm-n5 { - margin-top: -3rem !important; - } - - .mt-sm-n6 { - margin-top: -4rem !important; - } - - .mt-sm-n7 { - margin-top: -6rem !important; - } - - .mt-sm-n8 { - margin-top: -8rem !important; - } - - .mt-sm-n9 { - margin-top: -10rem !important; - } - - .mt-sm-n10 { - margin-top: -12rem !important; - } - - .mt-sm-n11 { - margin-top: -14rem !important; - } - - .mt-sm-n12 { - margin-top: -16rem !important; - } - - .me-sm-n1 { - margin-right: -0.25rem !important; - } - - .me-sm-n2 { - margin-right: -0.5rem !important; - } - - .me-sm-n3 { - margin-right: -1rem !important; - } - - .me-sm-n4 { - margin-right: -1.5rem !important; - } - - .me-sm-n5 { - margin-right: -3rem !important; - } - - .me-sm-n6 { - margin-right: -4rem !important; - } - - .me-sm-n7 { - margin-right: -6rem !important; - } - - .me-sm-n8 { - margin-right: -8rem !important; - } - - .me-sm-n9 { - margin-right: -10rem !important; - } - - .me-sm-n10 { - margin-right: -12rem !important; - } - - .me-sm-n11 { - margin-right: -14rem !important; - } - - .me-sm-n12 { - margin-right: -16rem !important; - } - - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - - .mb-sm-n6 { - margin-bottom: -4rem !important; - } - - .mb-sm-n7 { - margin-bottom: -6rem !important; - } - - .mb-sm-n8 { - margin-bottom: -8rem !important; - } - - .mb-sm-n9 { - margin-bottom: -10rem !important; - } - - .mb-sm-n10 { - margin-bottom: -12rem !important; - } - - .mb-sm-n11 { - margin-bottom: -14rem !important; - } - - .mb-sm-n12 { - margin-bottom: -16rem !important; - } - - .ms-sm-n1 { - margin-left: -0.25rem !important; - } - - .ms-sm-n2 { - margin-left: -0.5rem !important; - } - - .ms-sm-n3 { - margin-left: -1rem !important; - } - - .ms-sm-n4 { - margin-left: -1.5rem !important; - } - - .ms-sm-n5 { - margin-left: -3rem !important; - } - - .ms-sm-n6 { - margin-left: -4rem !important; - } - - .ms-sm-n7 { - margin-left: -6rem !important; - } - - .ms-sm-n8 { - margin-left: -8rem !important; - } - - .ms-sm-n9 { - margin-left: -10rem !important; - } - - .ms-sm-n10 { - margin-left: -12rem !important; - } - - .ms-sm-n11 { - margin-left: -14rem !important; - } - - .ms-sm-n12 { - margin-left: -16rem !important; - } - - .p-sm-0 { - padding: 0 !important; - } - - .p-sm-1 { - padding: 0.25rem !important; - } - - .p-sm-2 { - padding: 0.5rem !important; - } - - .p-sm-3 { - padding: 1rem !important; - } - - .p-sm-4 { - padding: 1.5rem !important; - } - - .p-sm-5 { - padding: 3rem !important; - } - - .p-sm-6 { - padding: 4rem !important; - } - - .p-sm-7 { - padding: 6rem !important; - } - - .p-sm-8 { - padding: 8rem !important; - } - - .p-sm-9 { - padding: 10rem !important; - } - - .p-sm-10 { - padding: 12rem !important; - } - - .p-sm-11 { - padding: 14rem !important; - } - - .p-sm-12 { - padding: 16rem !important; - } - - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .px-sm-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; - } - - .px-sm-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; - } - - .px-sm-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; - } - - .px-sm-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; - } - - .px-sm-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; - } - - .px-sm-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; - } - - .px-sm-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; - } - - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .py-sm-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-sm-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-sm-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-sm-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-sm-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-sm-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-sm-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .pt-sm-0 { - padding-top: 0 !important; - } - - .pt-sm-1 { - padding-top: 0.25rem !important; - } - - .pt-sm-2 { - padding-top: 0.5rem !important; - } - - .pt-sm-3 { - padding-top: 1rem !important; - } - - .pt-sm-4 { - padding-top: 1.5rem !important; - } - - .pt-sm-5 { - padding-top: 3rem !important; - } - - .pt-sm-6 { - padding-top: 4rem !important; - } - - .pt-sm-7 { - padding-top: 6rem !important; - } - - .pt-sm-8 { - padding-top: 8rem !important; - } - - .pt-sm-9 { - padding-top: 10rem !important; - } - - .pt-sm-10 { - padding-top: 12rem !important; - } - - .pt-sm-11 { - padding-top: 14rem !important; - } - - .pt-sm-12 { - padding-top: 16rem !important; - } - - .pe-sm-0 { - padding-right: 0 !important; - } - - .pe-sm-1 { - padding-right: 0.25rem !important; - } - - .pe-sm-2 { - padding-right: 0.5rem !important; - } - - .pe-sm-3 { - padding-right: 1rem !important; - } - - .pe-sm-4 { - padding-right: 1.5rem !important; - } - - .pe-sm-5 { - padding-right: 3rem !important; - } - - .pe-sm-6 { - padding-right: 4rem !important; - } - - .pe-sm-7 { - padding-right: 6rem !important; - } - - .pe-sm-8 { - padding-right: 8rem !important; - } - - .pe-sm-9 { - padding-right: 10rem !important; - } - - .pe-sm-10 { - padding-right: 12rem !important; - } - - .pe-sm-11 { - padding-right: 14rem !important; - } - - .pe-sm-12 { - padding-right: 16rem !important; - } - - .pb-sm-0 { - padding-bottom: 0 !important; - } - - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - - .pb-sm-3 { - padding-bottom: 1rem !important; - } - - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - - .pb-sm-5 { - padding-bottom: 3rem !important; - } - - .pb-sm-6 { - padding-bottom: 4rem !important; - } - - .pb-sm-7 { - padding-bottom: 6rem !important; - } - - .pb-sm-8 { - padding-bottom: 8rem !important; - } - - .pb-sm-9 { - padding-bottom: 10rem !important; - } - - .pb-sm-10 { - padding-bottom: 12rem !important; - } - - .pb-sm-11 { - padding-bottom: 14rem !important; - } - - .pb-sm-12 { - padding-bottom: 16rem !important; - } - - .ps-sm-0 { - padding-left: 0 !important; - } - - .ps-sm-1 { - padding-left: 0.25rem !important; - } - - .ps-sm-2 { - padding-left: 0.5rem !important; - } - - .ps-sm-3 { - padding-left: 1rem !important; - } - - .ps-sm-4 { - padding-left: 1.5rem !important; - } - - .ps-sm-5 { - padding-left: 3rem !important; - } - - .ps-sm-6 { - padding-left: 4rem !important; - } - - .ps-sm-7 { - padding-left: 6rem !important; - } - - .ps-sm-8 { - padding-left: 8rem !important; - } - - .ps-sm-9 { - padding-left: 10rem !important; - } - - .ps-sm-10 { - padding-left: 12rem !important; - } - - .ps-sm-11 { - padding-left: 14rem !important; - } - - .ps-sm-12 { - padding-left: 16rem !important; - } - - .text-sm-start { - text-align: left !important; - } - - .text-sm-end { - text-align: right !important; - } - - .text-sm-center { - text-align: center !important; - } - - .transform-scale-sm-5 { - transform: scale(0.5) !important; - } - - .transform-scale-sm-6 { - transform: scale(0.6) !important; - } - - .transform-scale-sm-7 { - transform: scale(0.7) !important; - } - - .transform-scale-sm-8 { - transform: scale(0.8) !important; - } - - .transform-scale-sm-9 { - transform: scale(0.9) !important; - } - - .transform-scale-sm-10 { - transform: scale(1) !important; - } - - .border-radius-top-start-sm { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-sm-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-start-sm-sm { - border-top-left-radius: 0.125rem !important; - } - - .border-radius-top-start-sm-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-sm-lg { - border-top-left-radius: 0.5rem !important; - } - - .border-radius-top-start-sm-xl { - border-top-left-radius: 0.75rem !important; - } - - .border-radius-top-start-sm-2xl { - border-top-left-radius: 1rem !important; - } - - .border-radius-top-start-sm-circle { - border-top-left-radius: 50% !important; - } - - .border-radius-top-start-sm-pill { - border-top-left-radius: 50rem !important; - } - - .border-radius-top-end-sm { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-sm-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-top-end-sm-sm { - border-top-right-radius: 0.125rem !important; - } - - .border-radius-top-end-sm-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-sm-lg { - border-top-right-radius: 0.5rem !important; - } - - .border-radius-top-end-sm-xl { - border-top-right-radius: 0.75rem !important; - } - - .border-radius-top-end-sm-2xl { - border-top-right-radius: 1rem !important; - } - - .border-radius-top-end-sm-circle { - border-top-right-radius: 50% !important; - } - - .border-radius-top-end-sm-pill { - border-top-right-radius: 50rem !important; - } - - .border-radius-bottom-start-sm { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-sm-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-start-sm-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .border-radius-bottom-start-sm-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-sm-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .border-radius-bottom-start-sm-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .border-radius-bottom-start-sm-2xl { - border-bottom-left-radius: 1rem !important; - } - - .border-radius-bottom-start-sm-circle { - border-bottom-left-radius: 50% !important; - } - - .border-radius-bottom-start-sm-pill { - border-bottom-left-radius: 50rem !important; - } - - .border-radius-bottom-end-sm { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-sm-0 { - border-bottom-right-radius: 0 !important; - } - - .border-radius-bottom-end-sm-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .border-radius-bottom-end-sm-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-sm-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .border-radius-bottom-end-sm-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .border-radius-bottom-end-sm-2xl { - border-bottom-right-radius: 1rem !important; - } - - .border-radius-bottom-end-sm-circle { - border-bottom-right-radius: 50% !important; - } - - .border-radius-bottom-end-sm-pill { - border-bottom-right-radius: 50rem !important; - } -} - -@media (min-width: 768px) { - .float-md-start { - float: left !important; - } - - .float-md-end { - float: right !important; - } - - .float-md-none { - float: none !important; - } - - .d-md-inline { - display: inline !important; - } - - .d-md-inline-block { - display: inline-block !important; - } - - .d-md-block { - display: block !important; - } - - .d-md-grid { - display: grid !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; - } - - .d-md-none { - display: none !important; - } - - .border-top-md { - border-top: 1px solid #dee2e6 !important; - } - - .border-top-md-0 { - border-top: 0 !important; - } - - .border-end-md { - border-right: 1px solid #dee2e6 !important; - } - - .border-end-md-0 { - border-right: 0 !important; - } - - .border-bottom-md { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-bottom-md-0 { - border-bottom: 0 !important; - } - - .border-start-md { - border-left: 1px solid #dee2e6 !important; - } - - .border-start-md-0 { - border-left: 0 !important; - } - - .w-md-0 { - width: 0% !important; - } - - .w-md-1 { - width: 1% !important; - } - - .w-md-2 { - width: 2% !important; - } - - .w-md-3 { - width: 3% !important; - } - - .w-md-4 { - width: 4% !important; - } - - .w-md-5 { - width: 5% !important; - } - - .w-md-6 { - width: 6% !important; - } - - .w-md-7 { - width: 7% !important; - } - - .w-md-8 { - width: 8% !important; - } - - .w-md-9 { - width: 9% !important; - } - - .w-md-10 { - width: 10% !important; - } - - .w-md-15 { - width: 15% !important; - } - - .w-md-20 { - width: 20% !important; - } - - .w-md-25 { - width: 25% !important; - } - - .w-md-30 { - width: 30% !important; - } - - .w-md-35 { - width: 35% !important; - } - - .w-md-40 { - width: 40% !important; - } - - .w-md-45 { - width: 45% !important; - } - - .w-md-50 { - width: 50% !important; - } - - .w-md-55 { - width: 55% !important; - } - - .w-md-60 { - width: 60% !important; - } - - .w-md-65 { - width: 65% !important; - } - - .w-md-70 { - width: 70% !important; - } - - .w-md-75 { - width: 75% !important; - } - - .w-md-80 { - width: 80% !important; - } - - .w-md-85 { - width: 85% !important; - } - - .w-md-90 { - width: 90% !important; - } - - .w-md-95 { - width: 95% !important; - } - - .w-md-100 { - width: 100% !important; - } - - .w-md-auto { - width: auto !important; - } - - .flex-md-fill { - flex: 1 1 auto !important; - } - - .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-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; - } - - .flex-md-wrap { - flex-wrap: wrap !important; - } - - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-md-0 { - gap: 0 !important; - } - - .gap-md-1 { - gap: 0.25rem !important; - } - - .gap-md-2 { - gap: 0.5rem !important; - } - - .gap-md-3 { - gap: 1rem !important; - } - - .gap-md-4 { - gap: 1.5rem !important; - } - - .gap-md-5 { - gap: 3rem !important; - } - - .gap-md-6 { - gap: 4rem !important; - } - - .gap-md-7 { - gap: 6rem !important; - } - - .gap-md-8 { - gap: 8rem !important; - } - - .gap-md-9 { - gap: 10rem !important; - } - - .gap-md-10 { - gap: 12rem !important; - } - - .gap-md-11 { - gap: 14rem !important; - } - - .gap-md-12 { - gap: 16rem !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; - } - - .justify-content-md-evenly { - justify-content: space-evenly !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; - } - - .order-md-first { - order: -1 !important; - } - - .order-md-0 { - order: 0 !important; - } - - .order-md-1 { - order: 1 !important; - } - - .order-md-2 { - order: 2 !important; - } - - .order-md-3 { - order: 3 !important; - } - - .order-md-4 { - order: 4 !important; - } - - .order-md-5 { - order: 5 !important; - } - - .order-md-last { - order: 6 !important; - } - - .m-md-0 { - margin: 0 !important; - } - - .m-md-1 { - margin: 0.25rem !important; - } - - .m-md-2 { - margin: 0.5rem !important; - } - - .m-md-3 { - margin: 1rem !important; - } - - .m-md-4 { - margin: 1.5rem !important; - } - - .m-md-5 { - margin: 3rem !important; - } - - .m-md-6 { - margin: 4rem !important; - } - - .m-md-7 { - margin: 6rem !important; - } - - .m-md-8 { - margin: 8rem !important; - } - - .m-md-9 { - margin: 10rem !important; - } - - .m-md-10 { - margin: 12rem !important; - } - - .m-md-11 { - margin: 14rem !important; - } - - .m-md-12 { - margin: 16rem !important; - } - - .m-md-auto { - margin: auto !important; - } - - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-md-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; - } - - .mx-md-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; - } - - .mx-md-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; - } - - .mx-md-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; - } - - .mx-md-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; - } - - .mx-md-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; - } - - .mx-md-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; - } - - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-md-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .my-md-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .my-md-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .my-md-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .my-md-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .my-md-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .my-md-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-md-0 { - margin-top: 0 !important; - } - - .mt-md-1 { - margin-top: 0.25rem !important; - } - - .mt-md-2 { - margin-top: 0.5rem !important; - } - - .mt-md-3 { - margin-top: 1rem !important; - } - - .mt-md-4 { - margin-top: 1.5rem !important; - } - - .mt-md-5 { - margin-top: 3rem !important; - } - - .mt-md-6 { - margin-top: 4rem !important; - } - - .mt-md-7 { - margin-top: 6rem !important; - } - - .mt-md-8 { - margin-top: 8rem !important; - } - - .mt-md-9 { - margin-top: 10rem !important; - } - - .mt-md-10 { - margin-top: 12rem !important; - } - - .mt-md-11 { - margin-top: 14rem !important; - } - - .mt-md-12 { - margin-top: 16rem !important; - } - - .mt-md-auto { - margin-top: auto !important; - } - - .me-md-0 { - margin-right: 0 !important; - } - - .me-md-1 { - margin-right: 0.25rem !important; - } - - .me-md-2 { - margin-right: 0.5rem !important; - } - - .me-md-3 { - margin-right: 1rem !important; - } - - .me-md-4 { - margin-right: 1.5rem !important; - } - - .me-md-5 { - margin-right: 3rem !important; - } - - .me-md-6 { - margin-right: 4rem !important; - } - - .me-md-7 { - margin-right: 6rem !important; - } - - .me-md-8 { - margin-right: 8rem !important; - } - - .me-md-9 { - margin-right: 10rem !important; - } - - .me-md-10 { - margin-right: 12rem !important; - } - - .me-md-11 { - margin-right: 14rem !important; - } - - .me-md-12 { - margin-right: 16rem !important; - } - - .me-md-auto { - margin-right: auto !important; - } - - .mb-md-0 { - margin-bottom: 0 !important; - } - - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - - .mb-md-3 { - margin-bottom: 1rem !important; - } - - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - - .mb-md-5 { - margin-bottom: 3rem !important; - } - - .mb-md-6 { - margin-bottom: 4rem !important; - } - - .mb-md-7 { - margin-bottom: 6rem !important; - } - - .mb-md-8 { - margin-bottom: 8rem !important; - } - - .mb-md-9 { - margin-bottom: 10rem !important; - } - - .mb-md-10 { - margin-bottom: 12rem !important; - } - - .mb-md-11 { - margin-bottom: 14rem !important; - } - - .mb-md-12 { - margin-bottom: 16rem !important; - } - - .mb-md-auto { - margin-bottom: auto !important; - } - - .ms-md-0 { - margin-left: 0 !important; - } - - .ms-md-1 { - margin-left: 0.25rem !important; - } - - .ms-md-2 { - margin-left: 0.5rem !important; - } - - .ms-md-3 { - margin-left: 1rem !important; - } - - .ms-md-4 { - margin-left: 1.5rem !important; - } - - .ms-md-5 { - margin-left: 3rem !important; - } - - .ms-md-6 { - margin-left: 4rem !important; - } - - .ms-md-7 { - margin-left: 6rem !important; - } - - .ms-md-8 { - margin-left: 8rem !important; - } - - .ms-md-9 { - margin-left: 10rem !important; - } - - .ms-md-10 { - margin-left: 12rem !important; - } - - .ms-md-11 { - margin-left: 14rem !important; - } - - .ms-md-12 { - margin-left: 16rem !important; - } - - .ms-md-auto { - margin-left: auto !important; - } - - .m-md-n1 { - margin: -0.25rem !important; - } - - .m-md-n2 { - margin: -0.5rem !important; - } - - .m-md-n3 { - margin: -1rem !important; - } - - .m-md-n4 { - margin: -1.5rem !important; - } - - .m-md-n5 { - margin: -3rem !important; - } - - .m-md-n6 { - margin: -4rem !important; - } - - .m-md-n7 { - margin: -6rem !important; - } - - .m-md-n8 { - margin: -8rem !important; - } - - .m-md-n9 { - margin: -10rem !important; - } - - .m-md-n10 { - margin: -12rem !important; - } - - .m-md-n11 { - margin: -14rem !important; - } - - .m-md-n12 { - margin: -16rem !important; - } - - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .mx-md-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; - } - - .mx-md-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; - } - - .mx-md-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; - } - - .mx-md-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; - } - - .mx-md-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; - } - - .mx-md-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; - } - - .mx-md-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; - } - - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .my-md-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .my-md-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .my-md-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .my-md-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .my-md-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .my-md-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .my-md-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .mt-md-n1 { - margin-top: -0.25rem !important; - } - - .mt-md-n2 { - margin-top: -0.5rem !important; - } - - .mt-md-n3 { - margin-top: -1rem !important; - } - - .mt-md-n4 { - margin-top: -1.5rem !important; - } - - .mt-md-n5 { - margin-top: -3rem !important; - } - - .mt-md-n6 { - margin-top: -4rem !important; - } - - .mt-md-n7 { - margin-top: -6rem !important; - } - - .mt-md-n8 { - margin-top: -8rem !important; - } - - .mt-md-n9 { - margin-top: -10rem !important; - } - - .mt-md-n10 { - margin-top: -12rem !important; - } - - .mt-md-n11 { - margin-top: -14rem !important; - } - - .mt-md-n12 { - margin-top: -16rem !important; - } - - .me-md-n1 { - margin-right: -0.25rem !important; - } - - .me-md-n2 { - margin-right: -0.5rem !important; - } - - .me-md-n3 { - margin-right: -1rem !important; - } - - .me-md-n4 { - margin-right: -1.5rem !important; - } - - .me-md-n5 { - margin-right: -3rem !important; - } - - .me-md-n6 { - margin-right: -4rem !important; - } - - .me-md-n7 { - margin-right: -6rem !important; - } - - .me-md-n8 { - margin-right: -8rem !important; - } - - .me-md-n9 { - margin-right: -10rem !important; - } - - .me-md-n10 { - margin-right: -12rem !important; - } - - .me-md-n11 { - margin-right: -14rem !important; - } - - .me-md-n12 { - margin-right: -16rem !important; - } - - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-md-n3 { - margin-bottom: -1rem !important; - } - - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-md-n5 { - margin-bottom: -3rem !important; - } - - .mb-md-n6 { - margin-bottom: -4rem !important; - } - - .mb-md-n7 { - margin-bottom: -6rem !important; - } - - .mb-md-n8 { - margin-bottom: -8rem !important; - } - - .mb-md-n9 { - margin-bottom: -10rem !important; - } - - .mb-md-n10 { - margin-bottom: -12rem !important; - } - - .mb-md-n11 { - margin-bottom: -14rem !important; - } - - .mb-md-n12 { - margin-bottom: -16rem !important; - } - - .ms-md-n1 { - margin-left: -0.25rem !important; - } - - .ms-md-n2 { - margin-left: -0.5rem !important; - } - - .ms-md-n3 { - margin-left: -1rem !important; - } - - .ms-md-n4 { - margin-left: -1.5rem !important; - } - - .ms-md-n5 { - margin-left: -3rem !important; - } - - .ms-md-n6 { - margin-left: -4rem !important; - } - - .ms-md-n7 { - margin-left: -6rem !important; - } - - .ms-md-n8 { - margin-left: -8rem !important; - } - - .ms-md-n9 { - margin-left: -10rem !important; - } - - .ms-md-n10 { - margin-left: -12rem !important; - } - - .ms-md-n11 { - margin-left: -14rem !important; - } - - .ms-md-n12 { - margin-left: -16rem !important; - } - - .p-md-0 { - padding: 0 !important; - } - - .p-md-1 { - padding: 0.25rem !important; - } - - .p-md-2 { - padding: 0.5rem !important; - } - - .p-md-3 { - padding: 1rem !important; - } - - .p-md-4 { - padding: 1.5rem !important; - } - - .p-md-5 { - padding: 3rem !important; - } - - .p-md-6 { - padding: 4rem !important; - } - - .p-md-7 { - padding: 6rem !important; - } - - .p-md-8 { - padding: 8rem !important; - } - - .p-md-9 { - padding: 10rem !important; - } - - .p-md-10 { - padding: 12rem !important; - } - - .p-md-11 { - padding: 14rem !important; - } - - .p-md-12 { - padding: 16rem !important; - } - - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .px-md-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; - } - - .px-md-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; - } - - .px-md-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; - } - - .px-md-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; - } - - .px-md-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; - } - - .px-md-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; - } - - .px-md-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; - } - - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .py-md-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-md-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-md-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-md-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-md-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-md-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-md-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .pt-md-0 { - padding-top: 0 !important; - } - - .pt-md-1 { - padding-top: 0.25rem !important; - } - - .pt-md-2 { - padding-top: 0.5rem !important; - } - - .pt-md-3 { - padding-top: 1rem !important; - } - - .pt-md-4 { - padding-top: 1.5rem !important; - } - - .pt-md-5 { - padding-top: 3rem !important; - } - - .pt-md-6 { - padding-top: 4rem !important; - } - - .pt-md-7 { - padding-top: 6rem !important; - } - - .pt-md-8 { - padding-top: 8rem !important; - } - - .pt-md-9 { - padding-top: 10rem !important; - } - - .pt-md-10 { - padding-top: 12rem !important; - } - - .pt-md-11 { - padding-top: 14rem !important; - } - - .pt-md-12 { - padding-top: 16rem !important; - } - - .pe-md-0 { - padding-right: 0 !important; - } - - .pe-md-1 { - padding-right: 0.25rem !important; - } - - .pe-md-2 { - padding-right: 0.5rem !important; - } - - .pe-md-3 { - padding-right: 1rem !important; - } - - .pe-md-4 { - padding-right: 1.5rem !important; - } - - .pe-md-5 { - padding-right: 3rem !important; - } - - .pe-md-6 { - padding-right: 4rem !important; - } - - .pe-md-7 { - padding-right: 6rem !important; - } - - .pe-md-8 { - padding-right: 8rem !important; - } - - .pe-md-9 { - padding-right: 10rem !important; - } - - .pe-md-10 { - padding-right: 12rem !important; - } - - .pe-md-11 { - padding-right: 14rem !important; - } - - .pe-md-12 { - padding-right: 16rem !important; - } - - .pb-md-0 { - padding-bottom: 0 !important; - } - - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - - .pb-md-3 { - padding-bottom: 1rem !important; - } - - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - - .pb-md-5 { - padding-bottom: 3rem !important; - } - - .pb-md-6 { - padding-bottom: 4rem !important; - } - - .pb-md-7 { - padding-bottom: 6rem !important; - } - - .pb-md-8 { - padding-bottom: 8rem !important; - } - - .pb-md-9 { - padding-bottom: 10rem !important; - } - - .pb-md-10 { - padding-bottom: 12rem !important; - } - - .pb-md-11 { - padding-bottom: 14rem !important; - } - - .pb-md-12 { - padding-bottom: 16rem !important; - } - - .ps-md-0 { - padding-left: 0 !important; - } - - .ps-md-1 { - padding-left: 0.25rem !important; - } - - .ps-md-2 { - padding-left: 0.5rem !important; - } - - .ps-md-3 { - padding-left: 1rem !important; - } - - .ps-md-4 { - padding-left: 1.5rem !important; - } - - .ps-md-5 { - padding-left: 3rem !important; - } - - .ps-md-6 { - padding-left: 4rem !important; - } - - .ps-md-7 { - padding-left: 6rem !important; - } - - .ps-md-8 { - padding-left: 8rem !important; - } - - .ps-md-9 { - padding-left: 10rem !important; - } - - .ps-md-10 { - padding-left: 12rem !important; - } - - .ps-md-11 { - padding-left: 14rem !important; - } - - .ps-md-12 { - padding-left: 16rem !important; - } - - .text-md-start { - text-align: left !important; - } - - .text-md-end { - text-align: right !important; - } - - .text-md-center { - text-align: center !important; - } - - .transform-scale-md-5 { - transform: scale(0.5) !important; - } - - .transform-scale-md-6 { - transform: scale(0.6) !important; - } - - .transform-scale-md-7 { - transform: scale(0.7) !important; - } - - .transform-scale-md-8 { - transform: scale(0.8) !important; - } - - .transform-scale-md-9 { - transform: scale(0.9) !important; - } - - .transform-scale-md-10 { - transform: scale(1) !important; - } - - .border-radius-top-start-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-md-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-start-md-sm { - border-top-left-radius: 0.125rem !important; - } - - .border-radius-top-start-md-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-md-lg { - border-top-left-radius: 0.5rem !important; - } - - .border-radius-top-start-md-xl { - border-top-left-radius: 0.75rem !important; - } - - .border-radius-top-start-md-2xl { - border-top-left-radius: 1rem !important; - } - - .border-radius-top-start-md-circle { - border-top-left-radius: 50% !important; - } - - .border-radius-top-start-md-pill { - border-top-left-radius: 50rem !important; - } - - .border-radius-top-end-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-md-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-top-end-md-sm { - border-top-right-radius: 0.125rem !important; - } - - .border-radius-top-end-md-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-md-lg { - border-top-right-radius: 0.5rem !important; - } - - .border-radius-top-end-md-xl { - border-top-right-radius: 0.75rem !important; - } - - .border-radius-top-end-md-2xl { - border-top-right-radius: 1rem !important; - } - - .border-radius-top-end-md-circle { - border-top-right-radius: 50% !important; - } - - .border-radius-top-end-md-pill { - border-top-right-radius: 50rem !important; - } - - .border-radius-bottom-start-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-md-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-start-md-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .border-radius-bottom-start-md-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-md-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .border-radius-bottom-start-md-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .border-radius-bottom-start-md-2xl { - border-bottom-left-radius: 1rem !important; - } - - .border-radius-bottom-start-md-circle { - border-bottom-left-radius: 50% !important; - } - - .border-radius-bottom-start-md-pill { - border-bottom-left-radius: 50rem !important; - } - - .border-radius-bottom-end-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-md-0 { - border-bottom-right-radius: 0 !important; - } - - .border-radius-bottom-end-md-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .border-radius-bottom-end-md-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-md-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .border-radius-bottom-end-md-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .border-radius-bottom-end-md-2xl { - border-bottom-right-radius: 1rem !important; - } - - .border-radius-bottom-end-md-circle { - border-bottom-right-radius: 50% !important; - } - - .border-radius-bottom-end-md-pill { - border-bottom-right-radius: 50rem !important; - } -} - -@media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - - .float-lg-end { - float: right !important; - } - - .float-lg-none { - float: none !important; - } - - .d-lg-inline { - display: inline !important; - } - - .d-lg-inline-block { - display: inline-block !important; - } - - .d-lg-block { - display: block !important; - } - - .d-lg-grid { - display: grid !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; - } - - .d-lg-none { - display: none !important; - } - - .border-top-lg { - border-top: 1px solid #dee2e6 !important; - } - - .border-top-lg-0 { - border-top: 0 !important; - } - - .border-end-lg { - border-right: 1px solid #dee2e6 !important; - } - - .border-end-lg-0 { - border-right: 0 !important; - } - - .border-bottom-lg { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-bottom-lg-0 { - border-bottom: 0 !important; - } - - .border-start-lg { - border-left: 1px solid #dee2e6 !important; - } - - .border-start-lg-0 { - border-left: 0 !important; - } - - .w-lg-0 { - width: 0% !important; - } - - .w-lg-1 { - width: 1% !important; - } - - .w-lg-2 { - width: 2% !important; - } - - .w-lg-3 { - width: 3% !important; - } - - .w-lg-4 { - width: 4% !important; - } - - .w-lg-5 { - width: 5% !important; - } - - .w-lg-6 { - width: 6% !important; - } - - .w-lg-7 { - width: 7% !important; - } - - .w-lg-8 { - width: 8% !important; - } - - .w-lg-9 { - width: 9% !important; - } - - .w-lg-10 { - width: 10% !important; - } - - .w-lg-15 { - width: 15% !important; - } - - .w-lg-20 { - width: 20% !important; - } - - .w-lg-25 { - width: 25% !important; - } - - .w-lg-30 { - width: 30% !important; - } - - .w-lg-35 { - width: 35% !important; - } - - .w-lg-40 { - width: 40% !important; - } - - .w-lg-45 { - width: 45% !important; - } - - .w-lg-50 { - width: 50% !important; - } - - .w-lg-55 { - width: 55% !important; - } - - .w-lg-60 { - width: 60% !important; - } - - .w-lg-65 { - width: 65% !important; - } - - .w-lg-70 { - width: 70% !important; - } - - .w-lg-75 { - width: 75% !important; - } - - .w-lg-80 { - width: 80% !important; - } - - .w-lg-85 { - width: 85% !important; - } - - .w-lg-90 { - width: 90% !important; - } - - .w-lg-95 { - width: 95% !important; - } - - .w-lg-100 { - width: 100% !important; - } - - .w-lg-auto { - width: auto !important; - } - - .flex-lg-fill { - flex: 1 1 auto !important; - } - - .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-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; - } - - .flex-lg-wrap { - flex-wrap: wrap !important; - } - - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-lg-0 { - gap: 0 !important; - } - - .gap-lg-1 { - gap: 0.25rem !important; - } - - .gap-lg-2 { - gap: 0.5rem !important; - } - - .gap-lg-3 { - gap: 1rem !important; - } - - .gap-lg-4 { - gap: 1.5rem !important; - } - - .gap-lg-5 { - gap: 3rem !important; - } - - .gap-lg-6 { - gap: 4rem !important; - } - - .gap-lg-7 { - gap: 6rem !important; - } - - .gap-lg-8 { - gap: 8rem !important; - } - - .gap-lg-9 { - gap: 10rem !important; - } - - .gap-lg-10 { - gap: 12rem !important; - } - - .gap-lg-11 { - gap: 14rem !important; - } - - .gap-lg-12 { - gap: 16rem !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; - } - - .justify-content-lg-evenly { - justify-content: space-evenly !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; - } - - .order-lg-first { - order: -1 !important; - } - - .order-lg-0 { - order: 0 !important; - } - - .order-lg-1 { - order: 1 !important; - } - - .order-lg-2 { - order: 2 !important; - } - - .order-lg-3 { - order: 3 !important; - } - - .order-lg-4 { - order: 4 !important; - } - - .order-lg-5 { - order: 5 !important; - } - - .order-lg-last { - order: 6 !important; - } - - .m-lg-0 { - margin: 0 !important; - } - - .m-lg-1 { - margin: 0.25rem !important; - } - - .m-lg-2 { - margin: 0.5rem !important; - } - - .m-lg-3 { - margin: 1rem !important; - } - - .m-lg-4 { - margin: 1.5rem !important; - } - - .m-lg-5 { - margin: 3rem !important; - } - - .m-lg-6 { - margin: 4rem !important; - } - - .m-lg-7 { - margin: 6rem !important; - } - - .m-lg-8 { - margin: 8rem !important; - } - - .m-lg-9 { - margin: 10rem !important; - } - - .m-lg-10 { - margin: 12rem !important; - } - - .m-lg-11 { - margin: 14rem !important; - } - - .m-lg-12 { - margin: 16rem !important; - } - - .m-lg-auto { - margin: auto !important; - } - - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-lg-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; - } - - .mx-lg-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; - } - - .mx-lg-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; - } - - .mx-lg-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; - } - - .mx-lg-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; - } - - .mx-lg-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; - } - - .mx-lg-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; - } - - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-lg-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .my-lg-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .my-lg-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .my-lg-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .my-lg-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .my-lg-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .my-lg-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-lg-0 { - margin-top: 0 !important; - } - - .mt-lg-1 { - margin-top: 0.25rem !important; - } - - .mt-lg-2 { - margin-top: 0.5rem !important; - } - - .mt-lg-3 { - margin-top: 1rem !important; - } - - .mt-lg-4 { - margin-top: 1.5rem !important; - } - - .mt-lg-5 { - margin-top: 3rem !important; - } - - .mt-lg-6 { - margin-top: 4rem !important; - } - - .mt-lg-7 { - margin-top: 6rem !important; - } - - .mt-lg-8 { - margin-top: 8rem !important; - } - - .mt-lg-9 { - margin-top: 10rem !important; - } - - .mt-lg-10 { - margin-top: 12rem !important; - } - - .mt-lg-11 { - margin-top: 14rem !important; - } - - .mt-lg-12 { - margin-top: 16rem !important; - } - - .mt-lg-auto { - margin-top: auto !important; - } - - .me-lg-0 { - margin-right: 0 !important; - } - - .me-lg-1 { - margin-right: 0.25rem !important; - } - - .me-lg-2 { - margin-right: 0.5rem !important; - } - - .me-lg-3 { - margin-right: 1rem !important; - } - - .me-lg-4 { - margin-right: 1.5rem !important; - } - - .me-lg-5 { - margin-right: 3rem !important; - } - - .me-lg-6 { - margin-right: 4rem !important; - } - - .me-lg-7 { - margin-right: 6rem !important; - } - - .me-lg-8 { - margin-right: 8rem !important; - } - - .me-lg-9 { - margin-right: 10rem !important; - } - - .me-lg-10 { - margin-right: 12rem !important; - } - - .me-lg-11 { - margin-right: 14rem !important; - } - - .me-lg-12 { - margin-right: 16rem !important; - } - - .me-lg-auto { - margin-right: auto !important; - } - - .mb-lg-0 { - margin-bottom: 0 !important; - } - - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - - .mb-lg-3 { - margin-bottom: 1rem !important; - } - - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - - .mb-lg-5 { - margin-bottom: 3rem !important; - } - - .mb-lg-6 { - margin-bottom: 4rem !important; - } - - .mb-lg-7 { - margin-bottom: 6rem !important; - } - - .mb-lg-8 { - margin-bottom: 8rem !important; - } - - .mb-lg-9 { - margin-bottom: 10rem !important; - } - - .mb-lg-10 { - margin-bottom: 12rem !important; - } - - .mb-lg-11 { - margin-bottom: 14rem !important; - } - - .mb-lg-12 { - margin-bottom: 16rem !important; - } - - .mb-lg-auto { - margin-bottom: auto !important; - } - - .ms-lg-0 { - margin-left: 0 !important; - } - - .ms-lg-1 { - margin-left: 0.25rem !important; - } - - .ms-lg-2 { - margin-left: 0.5rem !important; - } - - .ms-lg-3 { - margin-left: 1rem !important; - } - - .ms-lg-4 { - margin-left: 1.5rem !important; - } - - .ms-lg-5 { - margin-left: 3rem !important; - } - - .ms-lg-6 { - margin-left: 4rem !important; - } - - .ms-lg-7 { - margin-left: 6rem !important; - } - - .ms-lg-8 { - margin-left: 8rem !important; - } - - .ms-lg-9 { - margin-left: 10rem !important; - } - - .ms-lg-10 { - margin-left: 12rem !important; - } - - .ms-lg-11 { - margin-left: 14rem !important; - } - - .ms-lg-12 { - margin-left: 16rem !important; - } - - .ms-lg-auto { - margin-left: auto !important; - } - - .m-lg-n1 { - margin: -0.25rem !important; - } - - .m-lg-n2 { - margin: -0.5rem !important; - } - - .m-lg-n3 { - margin: -1rem !important; - } - - .m-lg-n4 { - margin: -1.5rem !important; - } - - .m-lg-n5 { - margin: -3rem !important; - } - - .m-lg-n6 { - margin: -4rem !important; - } - - .m-lg-n7 { - margin: -6rem !important; - } - - .m-lg-n8 { - margin: -8rem !important; - } - - .m-lg-n9 { - margin: -10rem !important; - } - - .m-lg-n10 { - margin: -12rem !important; - } - - .m-lg-n11 { - margin: -14rem !important; - } - - .m-lg-n12 { - margin: -16rem !important; - } - - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .mx-lg-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; - } - - .mx-lg-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; - } - - .mx-lg-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; - } - - .mx-lg-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; - } - - .mx-lg-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; - } - - .mx-lg-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; - } - - .mx-lg-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; - } - - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .my-lg-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .my-lg-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .my-lg-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .my-lg-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .my-lg-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .my-lg-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .my-lg-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - - .mt-lg-n3 { - margin-top: -1rem !important; - } - - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - - .mt-lg-n5 { - margin-top: -3rem !important; - } - - .mt-lg-n6 { - margin-top: -4rem !important; - } - - .mt-lg-n7 { - margin-top: -6rem !important; - } - - .mt-lg-n8 { - margin-top: -8rem !important; - } - - .mt-lg-n9 { - margin-top: -10rem !important; - } - - .mt-lg-n10 { - margin-top: -12rem !important; - } - - .mt-lg-n11 { - margin-top: -14rem !important; - } - - .mt-lg-n12 { - margin-top: -16rem !important; - } - - .me-lg-n1 { - margin-right: -0.25rem !important; - } - - .me-lg-n2 { - margin-right: -0.5rem !important; - } - - .me-lg-n3 { - margin-right: -1rem !important; - } - - .me-lg-n4 { - margin-right: -1.5rem !important; - } - - .me-lg-n5 { - margin-right: -3rem !important; - } - - .me-lg-n6 { - margin-right: -4rem !important; - } - - .me-lg-n7 { - margin-right: -6rem !important; - } - - .me-lg-n8 { - margin-right: -8rem !important; - } - - .me-lg-n9 { - margin-right: -10rem !important; - } - - .me-lg-n10 { - margin-right: -12rem !important; - } - - .me-lg-n11 { - margin-right: -14rem !important; - } - - .me-lg-n12 { - margin-right: -16rem !important; - } - - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - - .mb-lg-n6 { - margin-bottom: -4rem !important; - } - - .mb-lg-n7 { - margin-bottom: -6rem !important; - } - - .mb-lg-n8 { - margin-bottom: -8rem !important; - } - - .mb-lg-n9 { - margin-bottom: -10rem !important; - } - - .mb-lg-n10 { - margin-bottom: -12rem !important; - } - - .mb-lg-n11 { - margin-bottom: -14rem !important; - } - - .mb-lg-n12 { - margin-bottom: -16rem !important; - } - - .ms-lg-n1 { - margin-left: -0.25rem !important; - } - - .ms-lg-n2 { - margin-left: -0.5rem !important; - } - - .ms-lg-n3 { - margin-left: -1rem !important; - } - - .ms-lg-n4 { - margin-left: -1.5rem !important; - } - - .ms-lg-n5 { - margin-left: -3rem !important; - } - - .ms-lg-n6 { - margin-left: -4rem !important; - } - - .ms-lg-n7 { - margin-left: -6rem !important; - } - - .ms-lg-n8 { - margin-left: -8rem !important; - } - - .ms-lg-n9 { - margin-left: -10rem !important; - } - - .ms-lg-n10 { - margin-left: -12rem !important; - } - - .ms-lg-n11 { - margin-left: -14rem !important; - } - - .ms-lg-n12 { - margin-left: -16rem !important; - } - - .p-lg-0 { - padding: 0 !important; - } - - .p-lg-1 { - padding: 0.25rem !important; - } - - .p-lg-2 { - padding: 0.5rem !important; - } - - .p-lg-3 { - padding: 1rem !important; - } - - .p-lg-4 { - padding: 1.5rem !important; - } - - .p-lg-5 { - padding: 3rem !important; - } - - .p-lg-6 { - padding: 4rem !important; - } - - .p-lg-7 { - padding: 6rem !important; - } - - .p-lg-8 { - padding: 8rem !important; - } - - .p-lg-9 { - padding: 10rem !important; - } - - .p-lg-10 { - padding: 12rem !important; - } - - .p-lg-11 { - padding: 14rem !important; - } - - .p-lg-12 { - padding: 16rem !important; - } - - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .px-lg-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; - } - - .px-lg-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; - } - - .px-lg-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; - } - - .px-lg-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; - } - - .px-lg-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; - } - - .px-lg-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; - } - - .px-lg-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; - } - - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .py-lg-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-lg-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-lg-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-lg-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-lg-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-lg-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-lg-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .pt-lg-0 { - padding-top: 0 !important; - } - - .pt-lg-1 { - padding-top: 0.25rem !important; - } - - .pt-lg-2 { - padding-top: 0.5rem !important; - } - - .pt-lg-3 { - padding-top: 1rem !important; - } - - .pt-lg-4 { - padding-top: 1.5rem !important; - } - - .pt-lg-5 { - padding-top: 3rem !important; - } - - .pt-lg-6 { - padding-top: 4rem !important; - } - - .pt-lg-7 { - padding-top: 6rem !important; - } - - .pt-lg-8 { - padding-top: 8rem !important; - } - - .pt-lg-9 { - padding-top: 10rem !important; - } - - .pt-lg-10 { - padding-top: 12rem !important; - } - - .pt-lg-11 { - padding-top: 14rem !important; - } - - .pt-lg-12 { - padding-top: 16rem !important; - } - - .pe-lg-0 { - padding-right: 0 !important; - } - - .pe-lg-1 { - padding-right: 0.25rem !important; - } - - .pe-lg-2 { - padding-right: 0.5rem !important; - } - - .pe-lg-3 { - padding-right: 1rem !important; - } - - .pe-lg-4 { - padding-right: 1.5rem !important; - } - - .pe-lg-5 { - padding-right: 3rem !important; - } - - .pe-lg-6 { - padding-right: 4rem !important; - } - - .pe-lg-7 { - padding-right: 6rem !important; - } - - .pe-lg-8 { - padding-right: 8rem !important; - } - - .pe-lg-9 { - padding-right: 10rem !important; - } - - .pe-lg-10 { - padding-right: 12rem !important; - } - - .pe-lg-11 { - padding-right: 14rem !important; - } - - .pe-lg-12 { - padding-right: 16rem !important; - } - - .pb-lg-0 { - padding-bottom: 0 !important; - } - - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - - .pb-lg-3 { - padding-bottom: 1rem !important; - } - - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - - .pb-lg-5 { - padding-bottom: 3rem !important; - } - - .pb-lg-6 { - padding-bottom: 4rem !important; - } - - .pb-lg-7 { - padding-bottom: 6rem !important; - } - - .pb-lg-8 { - padding-bottom: 8rem !important; - } - - .pb-lg-9 { - padding-bottom: 10rem !important; - } - - .pb-lg-10 { - padding-bottom: 12rem !important; - } - - .pb-lg-11 { - padding-bottom: 14rem !important; - } - - .pb-lg-12 { - padding-bottom: 16rem !important; - } - - .ps-lg-0 { - padding-left: 0 !important; - } - - .ps-lg-1 { - padding-left: 0.25rem !important; - } - - .ps-lg-2 { - padding-left: 0.5rem !important; - } - - .ps-lg-3 { - padding-left: 1rem !important; - } - - .ps-lg-4 { - padding-left: 1.5rem !important; - } - - .ps-lg-5 { - padding-left: 3rem !important; - } - - .ps-lg-6 { - padding-left: 4rem !important; - } - - .ps-lg-7 { - padding-left: 6rem !important; - } - - .ps-lg-8 { - padding-left: 8rem !important; - } - - .ps-lg-9 { - padding-left: 10rem !important; - } - - .ps-lg-10 { - padding-left: 12rem !important; - } - - .ps-lg-11 { - padding-left: 14rem !important; - } - - .ps-lg-12 { - padding-left: 16rem !important; - } - - .text-lg-start { - text-align: left !important; - } - - .text-lg-end { - text-align: right !important; - } - - .text-lg-center { - text-align: center !important; - } - - .transform-scale-lg-5 { - transform: scale(0.5) !important; - } - - .transform-scale-lg-6 { - transform: scale(0.6) !important; - } - - .transform-scale-lg-7 { - transform: scale(0.7) !important; - } - - .transform-scale-lg-8 { - transform: scale(0.8) !important; - } - - .transform-scale-lg-9 { - transform: scale(0.9) !important; - } - - .transform-scale-lg-10 { - transform: scale(1) !important; - } - - .border-radius-top-start-lg { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-lg-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-start-lg-sm { - border-top-left-radius: 0.125rem !important; - } - - .border-radius-top-start-lg-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-lg-lg { - border-top-left-radius: 0.5rem !important; - } - - .border-radius-top-start-lg-xl { - border-top-left-radius: 0.75rem !important; - } - - .border-radius-top-start-lg-2xl { - border-top-left-radius: 1rem !important; - } - - .border-radius-top-start-lg-circle { - border-top-left-radius: 50% !important; - } - - .border-radius-top-start-lg-pill { - border-top-left-radius: 50rem !important; - } - - .border-radius-top-end-lg { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-lg-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-top-end-lg-sm { - border-top-right-radius: 0.125rem !important; - } - - .border-radius-top-end-lg-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-lg-lg { - border-top-right-radius: 0.5rem !important; - } - - .border-radius-top-end-lg-xl { - border-top-right-radius: 0.75rem !important; - } - - .border-radius-top-end-lg-2xl { - border-top-right-radius: 1rem !important; - } - - .border-radius-top-end-lg-circle { - border-top-right-radius: 50% !important; - } - - .border-radius-top-end-lg-pill { - border-top-right-radius: 50rem !important; - } - - .border-radius-bottom-start-lg { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-lg-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-start-lg-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .border-radius-bottom-start-lg-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-lg-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .border-radius-bottom-start-lg-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .border-radius-bottom-start-lg-2xl { - border-bottom-left-radius: 1rem !important; - } - - .border-radius-bottom-start-lg-circle { - border-bottom-left-radius: 50% !important; - } - - .border-radius-bottom-start-lg-pill { - border-bottom-left-radius: 50rem !important; - } - - .border-radius-bottom-end-lg { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-lg-0 { - border-bottom-right-radius: 0 !important; - } - - .border-radius-bottom-end-lg-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .border-radius-bottom-end-lg-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-lg-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .border-radius-bottom-end-lg-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .border-radius-bottom-end-lg-2xl { - border-bottom-right-radius: 1rem !important; - } - - .border-radius-bottom-end-lg-circle { - border-bottom-right-radius: 50% !important; - } - - .border-radius-bottom-end-lg-pill { - border-bottom-right-radius: 50rem !important; - } -} - -@media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - - .float-xl-end { - float: right !important; - } - - .float-xl-none { - float: none !important; - } - - .d-xl-inline { - display: inline !important; - } - - .d-xl-inline-block { - display: inline-block !important; - } - - .d-xl-block { - display: block !important; - } - - .d-xl-grid { - display: grid !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; - } - - .d-xl-none { - display: none !important; - } - - .border-top-xl { - border-top: 1px solid #dee2e6 !important; - } - - .border-top-xl-0 { - border-top: 0 !important; - } - - .border-end-xl { - border-right: 1px solid #dee2e6 !important; - } - - .border-end-xl-0 { - border-right: 0 !important; - } - - .border-bottom-xl { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-bottom-xl-0 { - border-bottom: 0 !important; - } - - .border-start-xl { - border-left: 1px solid #dee2e6 !important; - } - - .border-start-xl-0 { - border-left: 0 !important; - } - - .w-xl-0 { - width: 0% !important; - } - - .w-xl-1 { - width: 1% !important; - } - - .w-xl-2 { - width: 2% !important; - } - - .w-xl-3 { - width: 3% !important; - } - - .w-xl-4 { - width: 4% !important; - } - - .w-xl-5 { - width: 5% !important; - } - - .w-xl-6 { - width: 6% !important; - } - - .w-xl-7 { - width: 7% !important; - } - - .w-xl-8 { - width: 8% !important; - } - - .w-xl-9 { - width: 9% !important; - } - - .w-xl-10 { - width: 10% !important; - } - - .w-xl-15 { - width: 15% !important; - } - - .w-xl-20 { - width: 20% !important; - } - - .w-xl-25 { - width: 25% !important; - } - - .w-xl-30 { - width: 30% !important; - } - - .w-xl-35 { - width: 35% !important; - } - - .w-xl-40 { - width: 40% !important; - } - - .w-xl-45 { - width: 45% !important; - } - - .w-xl-50 { - width: 50% !important; - } - - .w-xl-55 { - width: 55% !important; - } - - .w-xl-60 { - width: 60% !important; - } - - .w-xl-65 { - width: 65% !important; - } - - .w-xl-70 { - width: 70% !important; - } - - .w-xl-75 { - width: 75% !important; - } - - .w-xl-80 { - width: 80% !important; - } - - .w-xl-85 { - width: 85% !important; - } - - .w-xl-90 { - width: 90% !important; - } - - .w-xl-95 { - width: 95% !important; - } - - .w-xl-100 { - width: 100% !important; - } - - .w-xl-auto { - width: auto !important; - } - - .flex-xl-fill { - flex: 1 1 auto !important; - } - - .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-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; - } - - .flex-xl-wrap { - flex-wrap: wrap !important; - } - - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-xl-0 { - gap: 0 !important; - } - - .gap-xl-1 { - gap: 0.25rem !important; - } - - .gap-xl-2 { - gap: 0.5rem !important; - } - - .gap-xl-3 { - gap: 1rem !important; - } - - .gap-xl-4 { - gap: 1.5rem !important; - } - - .gap-xl-5 { - gap: 3rem !important; - } - - .gap-xl-6 { - gap: 4rem !important; - } - - .gap-xl-7 { - gap: 6rem !important; - } - - .gap-xl-8 { - gap: 8rem !important; - } - - .gap-xl-9 { - gap: 10rem !important; - } - - .gap-xl-10 { - gap: 12rem !important; - } - - .gap-xl-11 { - gap: 14rem !important; - } - - .gap-xl-12 { - gap: 16rem !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; - } - - .justify-content-xl-evenly { - justify-content: space-evenly !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; - } - - .order-xl-first { - order: -1 !important; - } - - .order-xl-0 { - order: 0 !important; - } - - .order-xl-1 { - order: 1 !important; - } - - .order-xl-2 { - order: 2 !important; - } - - .order-xl-3 { - order: 3 !important; - } - - .order-xl-4 { - order: 4 !important; - } - - .order-xl-5 { - order: 5 !important; - } - - .order-xl-last { - order: 6 !important; - } - - .m-xl-0 { - margin: 0 !important; - } - - .m-xl-1 { - margin: 0.25rem !important; - } - - .m-xl-2 { - margin: 0.5rem !important; - } - - .m-xl-3 { - margin: 1rem !important; - } - - .m-xl-4 { - margin: 1.5rem !important; - } - - .m-xl-5 { - margin: 3rem !important; - } - - .m-xl-6 { - margin: 4rem !important; - } - - .m-xl-7 { - margin: 6rem !important; - } - - .m-xl-8 { - margin: 8rem !important; - } - - .m-xl-9 { - margin: 10rem !important; - } - - .m-xl-10 { - margin: 12rem !important; - } - - .m-xl-11 { - margin: 14rem !important; - } - - .m-xl-12 { - margin: 16rem !important; - } - - .m-xl-auto { - margin: auto !important; - } - - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-xl-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; - } - - .mx-xl-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; - } - - .mx-xl-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; - } - - .mx-xl-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; - } - - .mx-xl-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; - } - - .mx-xl-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; - } - - .mx-xl-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; - } - - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-xl-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .my-xl-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .my-xl-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .my-xl-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .my-xl-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .my-xl-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .my-xl-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-xl-0 { - margin-top: 0 !important; - } - - .mt-xl-1 { - margin-top: 0.25rem !important; - } - - .mt-xl-2 { - margin-top: 0.5rem !important; - } - - .mt-xl-3 { - margin-top: 1rem !important; - } - - .mt-xl-4 { - margin-top: 1.5rem !important; - } - - .mt-xl-5 { - margin-top: 3rem !important; - } - - .mt-xl-6 { - margin-top: 4rem !important; - } - - .mt-xl-7 { - margin-top: 6rem !important; - } - - .mt-xl-8 { - margin-top: 8rem !important; - } - - .mt-xl-9 { - margin-top: 10rem !important; - } - - .mt-xl-10 { - margin-top: 12rem !important; - } - - .mt-xl-11 { - margin-top: 14rem !important; - } - - .mt-xl-12 { - margin-top: 16rem !important; - } - - .mt-xl-auto { - margin-top: auto !important; - } - - .me-xl-0 { - margin-right: 0 !important; - } - - .me-xl-1 { - margin-right: 0.25rem !important; - } - - .me-xl-2 { - margin-right: 0.5rem !important; - } - - .me-xl-3 { - margin-right: 1rem !important; - } - - .me-xl-4 { - margin-right: 1.5rem !important; - } - - .me-xl-5 { - margin-right: 3rem !important; - } - - .me-xl-6 { - margin-right: 4rem !important; - } - - .me-xl-7 { - margin-right: 6rem !important; - } - - .me-xl-8 { - margin-right: 8rem !important; - } - - .me-xl-9 { - margin-right: 10rem !important; - } - - .me-xl-10 { - margin-right: 12rem !important; - } - - .me-xl-11 { - margin-right: 14rem !important; - } - - .me-xl-12 { - margin-right: 16rem !important; - } - - .me-xl-auto { - margin-right: auto !important; - } - - .mb-xl-0 { - margin-bottom: 0 !important; - } - - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - - .mb-xl-3 { - margin-bottom: 1rem !important; - } - - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - - .mb-xl-5 { - margin-bottom: 3rem !important; - } - - .mb-xl-6 { - margin-bottom: 4rem !important; - } - - .mb-xl-7 { - margin-bottom: 6rem !important; - } - - .mb-xl-8 { - margin-bottom: 8rem !important; - } - - .mb-xl-9 { - margin-bottom: 10rem !important; - } - - .mb-xl-10 { - margin-bottom: 12rem !important; - } - - .mb-xl-11 { - margin-bottom: 14rem !important; - } - - .mb-xl-12 { - margin-bottom: 16rem !important; - } - - .mb-xl-auto { - margin-bottom: auto !important; - } - - .ms-xl-0 { - margin-left: 0 !important; - } - - .ms-xl-1 { - margin-left: 0.25rem !important; - } - - .ms-xl-2 { - margin-left: 0.5rem !important; - } - - .ms-xl-3 { - margin-left: 1rem !important; - } - - .ms-xl-4 { - margin-left: 1.5rem !important; - } - - .ms-xl-5 { - margin-left: 3rem !important; - } - - .ms-xl-6 { - margin-left: 4rem !important; - } - - .ms-xl-7 { - margin-left: 6rem !important; - } - - .ms-xl-8 { - margin-left: 8rem !important; - } - - .ms-xl-9 { - margin-left: 10rem !important; - } - - .ms-xl-10 { - margin-left: 12rem !important; - } - - .ms-xl-11 { - margin-left: 14rem !important; - } - - .ms-xl-12 { - margin-left: 16rem !important; - } - - .ms-xl-auto { - margin-left: auto !important; - } - - .m-xl-n1 { - margin: -0.25rem !important; - } - - .m-xl-n2 { - margin: -0.5rem !important; - } - - .m-xl-n3 { - margin: -1rem !important; - } - - .m-xl-n4 { - margin: -1.5rem !important; - } - - .m-xl-n5 { - margin: -3rem !important; - } - - .m-xl-n6 { - margin: -4rem !important; - } - - .m-xl-n7 { - margin: -6rem !important; - } - - .m-xl-n8 { - margin: -8rem !important; - } - - .m-xl-n9 { - margin: -10rem !important; - } - - .m-xl-n10 { - margin: -12rem !important; - } - - .m-xl-n11 { - margin: -14rem !important; - } - - .m-xl-n12 { - margin: -16rem !important; - } - - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .mx-xl-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; - } - - .mx-xl-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; - } - - .mx-xl-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; - } - - .mx-xl-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; - } - - .mx-xl-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; - } - - .mx-xl-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; - } - - .mx-xl-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; - } - - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .my-xl-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .my-xl-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .my-xl-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .my-xl-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .my-xl-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .my-xl-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .my-xl-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - - .mt-xl-n3 { - margin-top: -1rem !important; - } - - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - - .mt-xl-n5 { - margin-top: -3rem !important; - } - - .mt-xl-n6 { - margin-top: -4rem !important; - } - - .mt-xl-n7 { - margin-top: -6rem !important; - } - - .mt-xl-n8 { - margin-top: -8rem !important; - } - - .mt-xl-n9 { - margin-top: -10rem !important; - } - - .mt-xl-n10 { - margin-top: -12rem !important; - } - - .mt-xl-n11 { - margin-top: -14rem !important; - } - - .mt-xl-n12 { - margin-top: -16rem !important; - } - - .me-xl-n1 { - margin-right: -0.25rem !important; - } - - .me-xl-n2 { - margin-right: -0.5rem !important; - } - - .me-xl-n3 { - margin-right: -1rem !important; - } - - .me-xl-n4 { - margin-right: -1.5rem !important; - } - - .me-xl-n5 { - margin-right: -3rem !important; - } - - .me-xl-n6 { - margin-right: -4rem !important; - } - - .me-xl-n7 { - margin-right: -6rem !important; - } - - .me-xl-n8 { - margin-right: -8rem !important; - } - - .me-xl-n9 { - margin-right: -10rem !important; - } - - .me-xl-n10 { - margin-right: -12rem !important; - } - - .me-xl-n11 { - margin-right: -14rem !important; - } - - .me-xl-n12 { - margin-right: -16rem !important; - } - - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - - .mb-xl-n6 { - margin-bottom: -4rem !important; - } - - .mb-xl-n7 { - margin-bottom: -6rem !important; - } - - .mb-xl-n8 { - margin-bottom: -8rem !important; - } - - .mb-xl-n9 { - margin-bottom: -10rem !important; - } - - .mb-xl-n10 { - margin-bottom: -12rem !important; - } - - .mb-xl-n11 { - margin-bottom: -14rem !important; - } - - .mb-xl-n12 { - margin-bottom: -16rem !important; - } - - .ms-xl-n1 { - margin-left: -0.25rem !important; - } - - .ms-xl-n2 { - margin-left: -0.5rem !important; - } - - .ms-xl-n3 { - margin-left: -1rem !important; - } - - .ms-xl-n4 { - margin-left: -1.5rem !important; - } - - .ms-xl-n5 { - margin-left: -3rem !important; - } - - .ms-xl-n6 { - margin-left: -4rem !important; - } - - .ms-xl-n7 { - margin-left: -6rem !important; - } - - .ms-xl-n8 { - margin-left: -8rem !important; - } - - .ms-xl-n9 { - margin-left: -10rem !important; - } - - .ms-xl-n10 { - margin-left: -12rem !important; - } - - .ms-xl-n11 { - margin-left: -14rem !important; - } - - .ms-xl-n12 { - margin-left: -16rem !important; - } - - .p-xl-0 { - padding: 0 !important; - } - - .p-xl-1 { - padding: 0.25rem !important; - } - - .p-xl-2 { - padding: 0.5rem !important; - } - - .p-xl-3 { - padding: 1rem !important; - } - - .p-xl-4 { - padding: 1.5rem !important; - } - - .p-xl-5 { - padding: 3rem !important; - } - - .p-xl-6 { - padding: 4rem !important; - } - - .p-xl-7 { - padding: 6rem !important; - } - - .p-xl-8 { - padding: 8rem !important; - } - - .p-xl-9 { - padding: 10rem !important; - } - - .p-xl-10 { - padding: 12rem !important; - } - - .p-xl-11 { - padding: 14rem !important; - } - - .p-xl-12 { - padding: 16rem !important; - } - - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .px-xl-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; - } - - .px-xl-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; - } - - .px-xl-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; - } - - .px-xl-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; - } - - .px-xl-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; - } - - .px-xl-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; - } - - .px-xl-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; - } - - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .py-xl-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-xl-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-xl-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-xl-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-xl-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-xl-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-xl-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .pt-xl-0 { - padding-top: 0 !important; - } - - .pt-xl-1 { - padding-top: 0.25rem !important; - } - - .pt-xl-2 { - padding-top: 0.5rem !important; - } - - .pt-xl-3 { - padding-top: 1rem !important; - } - - .pt-xl-4 { - padding-top: 1.5rem !important; - } - - .pt-xl-5 { - padding-top: 3rem !important; - } - - .pt-xl-6 { - padding-top: 4rem !important; - } - - .pt-xl-7 { - padding-top: 6rem !important; - } - - .pt-xl-8 { - padding-top: 8rem !important; - } - - .pt-xl-9 { - padding-top: 10rem !important; - } - - .pt-xl-10 { - padding-top: 12rem !important; - } - - .pt-xl-11 { - padding-top: 14rem !important; - } - - .pt-xl-12 { - padding-top: 16rem !important; - } - - .pe-xl-0 { - padding-right: 0 !important; - } - - .pe-xl-1 { - padding-right: 0.25rem !important; - } - - .pe-xl-2 { - padding-right: 0.5rem !important; - } - - .pe-xl-3 { - padding-right: 1rem !important; - } - - .pe-xl-4 { - padding-right: 1.5rem !important; - } - - .pe-xl-5 { - padding-right: 3rem !important; - } - - .pe-xl-6 { - padding-right: 4rem !important; - } - - .pe-xl-7 { - padding-right: 6rem !important; - } - - .pe-xl-8 { - padding-right: 8rem !important; - } - - .pe-xl-9 { - padding-right: 10rem !important; - } - - .pe-xl-10 { - padding-right: 12rem !important; - } - - .pe-xl-11 { - padding-right: 14rem !important; - } - - .pe-xl-12 { - padding-right: 16rem !important; - } - - .pb-xl-0 { - padding-bottom: 0 !important; - } - - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - - .pb-xl-3 { - padding-bottom: 1rem !important; - } - - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - - .pb-xl-5 { - padding-bottom: 3rem !important; - } - - .pb-xl-6 { - padding-bottom: 4rem !important; - } - - .pb-xl-7 { - padding-bottom: 6rem !important; - } - - .pb-xl-8 { - padding-bottom: 8rem !important; - } - - .pb-xl-9 { - padding-bottom: 10rem !important; - } - - .pb-xl-10 { - padding-bottom: 12rem !important; - } - - .pb-xl-11 { - padding-bottom: 14rem !important; - } - - .pb-xl-12 { - padding-bottom: 16rem !important; - } - - .ps-xl-0 { - padding-left: 0 !important; - } - - .ps-xl-1 { - padding-left: 0.25rem !important; - } - - .ps-xl-2 { - padding-left: 0.5rem !important; - } - - .ps-xl-3 { - padding-left: 1rem !important; - } - - .ps-xl-4 { - padding-left: 1.5rem !important; - } - - .ps-xl-5 { - padding-left: 3rem !important; - } - - .ps-xl-6 { - padding-left: 4rem !important; - } - - .ps-xl-7 { - padding-left: 6rem !important; - } - - .ps-xl-8 { - padding-left: 8rem !important; - } - - .ps-xl-9 { - padding-left: 10rem !important; - } - - .ps-xl-10 { - padding-left: 12rem !important; - } - - .ps-xl-11 { - padding-left: 14rem !important; - } - - .ps-xl-12 { - padding-left: 16rem !important; - } - - .text-xl-start { - text-align: left !important; - } - - .text-xl-end { - text-align: right !important; - } - - .text-xl-center { - text-align: center !important; - } - - .transform-scale-xl-5 { - transform: scale(0.5) !important; - } - - .transform-scale-xl-6 { - transform: scale(0.6) !important; - } - - .transform-scale-xl-7 { - transform: scale(0.7) !important; - } - - .transform-scale-xl-8 { - transform: scale(0.8) !important; - } - - .transform-scale-xl-9 { - transform: scale(0.9) !important; - } - - .transform-scale-xl-10 { - transform: scale(1) !important; - } - - .border-radius-top-start-xl { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-xl-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-start-xl-sm { - border-top-left-radius: 0.125rem !important; - } - - .border-radius-top-start-xl-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-xl-lg { - border-top-left-radius: 0.5rem !important; - } - - .border-radius-top-start-xl-xl { - border-top-left-radius: 0.75rem !important; - } - - .border-radius-top-start-xl-2xl { - border-top-left-radius: 1rem !important; - } - - .border-radius-top-start-xl-circle { - border-top-left-radius: 50% !important; - } - - .border-radius-top-start-xl-pill { - border-top-left-radius: 50rem !important; - } - - .border-radius-top-end-xl { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-xl-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-top-end-xl-sm { - border-top-right-radius: 0.125rem !important; - } - - .border-radius-top-end-xl-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-xl-lg { - border-top-right-radius: 0.5rem !important; - } - - .border-radius-top-end-xl-xl { - border-top-right-radius: 0.75rem !important; - } - - .border-radius-top-end-xl-2xl { - border-top-right-radius: 1rem !important; - } - - .border-radius-top-end-xl-circle { - border-top-right-radius: 50% !important; - } - - .border-radius-top-end-xl-pill { - border-top-right-radius: 50rem !important; - } - - .border-radius-bottom-start-xl { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-xl-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-start-xl-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .border-radius-bottom-start-xl-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-xl-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .border-radius-bottom-start-xl-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .border-radius-bottom-start-xl-2xl { - border-bottom-left-radius: 1rem !important; - } - - .border-radius-bottom-start-xl-circle { - border-bottom-left-radius: 50% !important; - } - - .border-radius-bottom-start-xl-pill { - border-bottom-left-radius: 50rem !important; - } - - .border-radius-bottom-end-xl { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-xl-0 { - border-bottom-right-radius: 0 !important; - } - - .border-radius-bottom-end-xl-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .border-radius-bottom-end-xl-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-xl-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .border-radius-bottom-end-xl-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .border-radius-bottom-end-xl-2xl { - border-bottom-right-radius: 1rem !important; - } - - .border-radius-bottom-end-xl-circle { - border-bottom-right-radius: 50% !important; - } - - .border-radius-bottom-end-xl-pill { - border-bottom-right-radius: 50rem !important; - } -} - -@media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - - .float-xxl-end { - float: right !important; - } - - .float-xxl-none { - float: none !important; - } - - .d-xxl-inline { - display: inline !important; - } - - .d-xxl-inline-block { - display: inline-block !important; - } - - .d-xxl-block { - display: block !important; - } - - .d-xxl-grid { - display: grid !important; - } - - .d-xxl-table { - display: table !important; - } - - .d-xxl-table-row { - display: table-row !important; - } - - .d-xxl-table-cell { - display: table-cell !important; - } - - .d-xxl-flex { - display: flex !important; - } - - .d-xxl-inline-flex { - display: inline-flex !important; - } - - .d-xxl-none { - display: none !important; - } - - .border-top-xxl { - border-top: 1px solid #dee2e6 !important; - } - - .border-top-xxl-0 { - border-top: 0 !important; - } - - .border-end-xxl { - border-right: 1px solid #dee2e6 !important; - } - - .border-end-xxl-0 { - border-right: 0 !important; - } - - .border-bottom-xxl { - border-bottom: 1px solid #dee2e6 !important; - } - - .border-bottom-xxl-0 { - border-bottom: 0 !important; - } - - .border-start-xxl { - border-left: 1px solid #dee2e6 !important; - } - - .border-start-xxl-0 { - border-left: 0 !important; - } - - .w-xxl-0 { - width: 0% !important; - } - - .w-xxl-1 { - width: 1% !important; - } - - .w-xxl-2 { - width: 2% !important; - } - - .w-xxl-3 { - width: 3% !important; - } - - .w-xxl-4 { - width: 4% !important; - } - - .w-xxl-5 { - width: 5% !important; - } - - .w-xxl-6 { - width: 6% !important; - } - - .w-xxl-7 { - width: 7% !important; - } - - .w-xxl-8 { - width: 8% !important; - } - - .w-xxl-9 { - width: 9% !important; - } - - .w-xxl-10 { - width: 10% !important; - } - - .w-xxl-15 { - width: 15% !important; - } - - .w-xxl-20 { - width: 20% !important; - } - - .w-xxl-25 { - width: 25% !important; - } - - .w-xxl-30 { - width: 30% !important; - } - - .w-xxl-35 { - width: 35% !important; - } - - .w-xxl-40 { - width: 40% !important; - } - - .w-xxl-45 { - width: 45% !important; - } - - .w-xxl-50 { - width: 50% !important; - } - - .w-xxl-55 { - width: 55% !important; - } - - .w-xxl-60 { - width: 60% !important; - } - - .w-xxl-65 { - width: 65% !important; - } - - .w-xxl-70 { - width: 70% !important; - } - - .w-xxl-75 { - width: 75% !important; - } - - .w-xxl-80 { - width: 80% !important; - } - - .w-xxl-85 { - width: 85% !important; - } - - .w-xxl-90 { - width: 90% !important; - } - - .w-xxl-95 { - width: 95% !important; - } - - .w-xxl-100 { - width: 100% !important; - } - - .w-xxl-auto { - width: auto !important; - } - - .flex-xxl-fill { - flex: 1 1 auto !important; - } - - .flex-xxl-row { - flex-direction: row !important; - } - - .flex-xxl-column { - flex-direction: column !important; - } - - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .gap-xxl-0 { - gap: 0 !important; - } - - .gap-xxl-1 { - gap: 0.25rem !important; - } - - .gap-xxl-2 { - gap: 0.5rem !important; - } - - .gap-xxl-3 { - gap: 1rem !important; - } - - .gap-xxl-4 { - gap: 1.5rem !important; - } - - .gap-xxl-5 { - gap: 3rem !important; - } - - .gap-xxl-6 { - gap: 4rem !important; - } - - .gap-xxl-7 { - gap: 6rem !important; - } - - .gap-xxl-8 { - gap: 8rem !important; - } - - .gap-xxl-9 { - gap: 10rem !important; - } - - .gap-xxl-10 { - gap: 12rem !important; - } - - .gap-xxl-11 { - gap: 14rem !important; - } - - .gap-xxl-12 { - gap: 16rem !important; - } - - .justify-content-xxl-start { - justify-content: flex-start !important; - } - - .justify-content-xxl-end { - justify-content: flex-end !important; - } - - .justify-content-xxl-center { - justify-content: center !important; - } - - .justify-content-xxl-between { - justify-content: space-between !important; - } - - .justify-content-xxl-around { - justify-content: space-around !important; - } - - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - - .align-items-xxl-start { - align-items: flex-start !important; - } - - .align-items-xxl-end { - align-items: flex-end !important; - } - - .align-items-xxl-center { - align-items: center !important; - } - - .align-items-xxl-baseline { - align-items: baseline !important; - } - - .align-items-xxl-stretch { - align-items: stretch !important; - } - - .align-content-xxl-start { - align-content: flex-start !important; - } - - .align-content-xxl-end { - align-content: flex-end !important; - } - - .align-content-xxl-center { - align-content: center !important; - } - - .align-content-xxl-between { - align-content: space-between !important; - } - - .align-content-xxl-around { - align-content: space-around !important; - } - - .align-content-xxl-stretch { - align-content: stretch !important; - } - - .align-self-xxl-auto { - align-self: auto !important; - } - - .align-self-xxl-start { - align-self: flex-start !important; - } - - .align-self-xxl-end { - align-self: flex-end !important; - } - - .align-self-xxl-center { - align-self: center !important; - } - - .align-self-xxl-baseline { - align-self: baseline !important; - } - - .align-self-xxl-stretch { - align-self: stretch !important; - } - - .order-xxl-first { - order: -1 !important; - } - - .order-xxl-0 { - order: 0 !important; - } - - .order-xxl-1 { - order: 1 !important; - } - - .order-xxl-2 { - order: 2 !important; - } - - .order-xxl-3 { - order: 3 !important; - } - - .order-xxl-4 { - order: 4 !important; - } - - .order-xxl-5 { - order: 5 !important; - } - - .order-xxl-last { - order: 6 !important; - } - - .m-xxl-0 { - margin: 0 !important; - } - - .m-xxl-1 { - margin: 0.25rem !important; - } - - .m-xxl-2 { - margin: 0.5rem !important; - } - - .m-xxl-3 { - margin: 1rem !important; - } - - .m-xxl-4 { - margin: 1.5rem !important; - } - - .m-xxl-5 { - margin: 3rem !important; - } - - .m-xxl-6 { - margin: 4rem !important; - } - - .m-xxl-7 { - margin: 6rem !important; - } - - .m-xxl-8 { - margin: 8rem !important; - } - - .m-xxl-9 { - margin: 10rem !important; - } - - .m-xxl-10 { - margin: 12rem !important; - } - - .m-xxl-11 { - margin: 14rem !important; - } - - .m-xxl-12 { - margin: 16rem !important; - } - - .m-xxl-auto { - margin: auto !important; - } - - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-xxl-6 { - margin-right: 4rem !important; - margin-left: 4rem !important; - } - - .mx-xxl-7 { - margin-right: 6rem !important; - margin-left: 6rem !important; - } - - .mx-xxl-8 { - margin-right: 8rem !important; - margin-left: 8rem !important; - } - - .mx-xxl-9 { - margin-right: 10rem !important; - margin-left: 10rem !important; - } - - .mx-xxl-10 { - margin-right: 12rem !important; - margin-left: 12rem !important; - } - - .mx-xxl-11 { - margin-right: 14rem !important; - margin-left: 14rem !important; - } - - .mx-xxl-12 { - margin-right: 16rem !important; - margin-left: 16rem !important; - } - - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-xxl-6 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .my-xxl-7 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .my-xxl-8 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .my-xxl-9 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .my-xxl-10 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .my-xxl-11 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .my-xxl-12 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-xxl-0 { - margin-top: 0 !important; - } - - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - - .mt-xxl-3 { - margin-top: 1rem !important; - } - - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - - .mt-xxl-5 { - margin-top: 3rem !important; - } - - .mt-xxl-6 { - margin-top: 4rem !important; - } - - .mt-xxl-7 { - margin-top: 6rem !important; - } - - .mt-xxl-8 { - margin-top: 8rem !important; - } - - .mt-xxl-9 { - margin-top: 10rem !important; - } - - .mt-xxl-10 { - margin-top: 12rem !important; - } - - .mt-xxl-11 { - margin-top: 14rem !important; - } - - .mt-xxl-12 { - margin-top: 16rem !important; - } - - .mt-xxl-auto { - margin-top: auto !important; - } - - .me-xxl-0 { - margin-right: 0 !important; - } - - .me-xxl-1 { - margin-right: 0.25rem !important; - } - - .me-xxl-2 { - margin-right: 0.5rem !important; - } - - .me-xxl-3 { - margin-right: 1rem !important; - } - - .me-xxl-4 { - margin-right: 1.5rem !important; - } - - .me-xxl-5 { - margin-right: 3rem !important; - } - - .me-xxl-6 { - margin-right: 4rem !important; - } - - .me-xxl-7 { - margin-right: 6rem !important; - } - - .me-xxl-8 { - margin-right: 8rem !important; - } - - .me-xxl-9 { - margin-right: 10rem !important; - } - - .me-xxl-10 { - margin-right: 12rem !important; - } - - .me-xxl-11 { - margin-right: 14rem !important; - } - - .me-xxl-12 { - margin-right: 16rem !important; - } - - .me-xxl-auto { - margin-right: auto !important; - } - - .mb-xxl-0 { - margin-bottom: 0 !important; - } - - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - - .mb-xxl-6 { - margin-bottom: 4rem !important; - } - - .mb-xxl-7 { - margin-bottom: 6rem !important; - } - - .mb-xxl-8 { - margin-bottom: 8rem !important; - } - - .mb-xxl-9 { - margin-bottom: 10rem !important; - } - - .mb-xxl-10 { - margin-bottom: 12rem !important; - } - - .mb-xxl-11 { - margin-bottom: 14rem !important; - } - - .mb-xxl-12 { - margin-bottom: 16rem !important; - } - - .mb-xxl-auto { - margin-bottom: auto !important; - } - - .ms-xxl-0 { - margin-left: 0 !important; - } - - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - - .ms-xxl-3 { - margin-left: 1rem !important; - } - - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - - .ms-xxl-5 { - margin-left: 3rem !important; - } - - .ms-xxl-6 { - margin-left: 4rem !important; - } - - .ms-xxl-7 { - margin-left: 6rem !important; - } - - .ms-xxl-8 { - margin-left: 8rem !important; - } - - .ms-xxl-9 { - margin-left: 10rem !important; - } - - .ms-xxl-10 { - margin-left: 12rem !important; - } - - .ms-xxl-11 { - margin-left: 14rem !important; - } - - .ms-xxl-12 { - margin-left: 16rem !important; - } - - .ms-xxl-auto { - margin-left: auto !important; - } - - .m-xxl-n1 { - margin: -0.25rem !important; - } - - .m-xxl-n2 { - margin: -0.5rem !important; - } - - .m-xxl-n3 { - margin: -1rem !important; - } - - .m-xxl-n4 { - margin: -1.5rem !important; - } - - .m-xxl-n5 { - margin: -3rem !important; - } - - .m-xxl-n6 { - margin: -4rem !important; - } - - .m-xxl-n7 { - margin: -6rem !important; - } - - .m-xxl-n8 { - margin: -8rem !important; - } - - .m-xxl-n9 { - margin: -10rem !important; - } - - .m-xxl-n10 { - margin: -12rem !important; - } - - .m-xxl-n11 { - margin: -14rem !important; - } - - .m-xxl-n12 { - margin: -16rem !important; - } - - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - - .mx-xxl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - - .mx-xxl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - - .mx-xxl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - - .mx-xxl-n6 { - margin-right: -4rem !important; - margin-left: -4rem !important; - } - - .mx-xxl-n7 { - margin-right: -6rem !important; - margin-left: -6rem !important; - } - - .mx-xxl-n8 { - margin-right: -8rem !important; - margin-left: -8rem !important; - } - - .mx-xxl-n9 { - margin-right: -10rem !important; - margin-left: -10rem !important; - } - - .mx-xxl-n10 { - margin-right: -12rem !important; - margin-left: -12rem !important; - } - - .mx-xxl-n11 { - margin-right: -14rem !important; - margin-left: -14rem !important; - } - - .mx-xxl-n12 { - margin-right: -16rem !important; - margin-left: -16rem !important; - } - - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .my-xxl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .my-xxl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .my-xxl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .my-xxl-n6 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .my-xxl-n7 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .my-xxl-n8 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .my-xxl-n9 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .my-xxl-n10 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .my-xxl-n11 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .my-xxl-n12 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .mt-xxl-n1 { - margin-top: -0.25rem !important; - } - - .mt-xxl-n2 { - margin-top: -0.5rem !important; - } - - .mt-xxl-n3 { - margin-top: -1rem !important; - } - - .mt-xxl-n4 { - margin-top: -1.5rem !important; - } - - .mt-xxl-n5 { - margin-top: -3rem !important; - } - - .mt-xxl-n6 { - margin-top: -4rem !important; - } - - .mt-xxl-n7 { - margin-top: -6rem !important; - } - - .mt-xxl-n8 { - margin-top: -8rem !important; - } - - .mt-xxl-n9 { - margin-top: -10rem !important; - } - - .mt-xxl-n10 { - margin-top: -12rem !important; - } - - .mt-xxl-n11 { - margin-top: -14rem !important; - } - - .mt-xxl-n12 { - margin-top: -16rem !important; - } - - .me-xxl-n1 { - margin-right: -0.25rem !important; - } - - .me-xxl-n2 { - margin-right: -0.5rem !important; - } - - .me-xxl-n3 { - margin-right: -1rem !important; - } - - .me-xxl-n4 { - margin-right: -1.5rem !important; - } - - .me-xxl-n5 { - margin-right: -3rem !important; - } - - .me-xxl-n6 { - margin-right: -4rem !important; - } - - .me-xxl-n7 { - margin-right: -6rem !important; - } - - .me-xxl-n8 { - margin-right: -8rem !important; - } - - .me-xxl-n9 { - margin-right: -10rem !important; - } - - .me-xxl-n10 { - margin-right: -12rem !important; - } - - .me-xxl-n11 { - margin-right: -14rem !important; - } - - .me-xxl-n12 { - margin-right: -16rem !important; - } - - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; - } - - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; - } - - .mb-xxl-n3 { - margin-bottom: -1rem !important; - } - - .mb-xxl-n4 { - margin-bottom: -1.5rem !important; - } - - .mb-xxl-n5 { - margin-bottom: -3rem !important; - } - - .mb-xxl-n6 { - margin-bottom: -4rem !important; - } - - .mb-xxl-n7 { - margin-bottom: -6rem !important; - } - - .mb-xxl-n8 { - margin-bottom: -8rem !important; - } - - .mb-xxl-n9 { - margin-bottom: -10rem !important; - } - - .mb-xxl-n10 { - margin-bottom: -12rem !important; - } - - .mb-xxl-n11 { - margin-bottom: -14rem !important; - } - - .mb-xxl-n12 { - margin-bottom: -16rem !important; - } - - .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - - .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - - .ms-xxl-n3 { - margin-left: -1rem !important; - } - - .ms-xxl-n4 { - margin-left: -1.5rem !important; - } - - .ms-xxl-n5 { - margin-left: -3rem !important; - } - - .ms-xxl-n6 { - margin-left: -4rem !important; - } - - .ms-xxl-n7 { - margin-left: -6rem !important; - } - - .ms-xxl-n8 { - margin-left: -8rem !important; - } - - .ms-xxl-n9 { - margin-left: -10rem !important; - } - - .ms-xxl-n10 { - margin-left: -12rem !important; - } - - .ms-xxl-n11 { - margin-left: -14rem !important; - } - - .ms-xxl-n12 { - margin-left: -16rem !important; - } - - .p-xxl-0 { - padding: 0 !important; - } - - .p-xxl-1 { - padding: 0.25rem !important; - } - - .p-xxl-2 { - padding: 0.5rem !important; - } - - .p-xxl-3 { - padding: 1rem !important; - } - - .p-xxl-4 { - padding: 1.5rem !important; - } - - .p-xxl-5 { - padding: 3rem !important; - } - - .p-xxl-6 { - padding: 4rem !important; - } - - .p-xxl-7 { - padding: 6rem !important; - } - - .p-xxl-8 { - padding: 8rem !important; - } - - .p-xxl-9 { - padding: 10rem !important; - } - - .p-xxl-10 { - padding: 12rem !important; - } - - .p-xxl-11 { - padding: 14rem !important; - } - - .p-xxl-12 { - padding: 16rem !important; - } - - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .px-xxl-6 { - padding-right: 4rem !important; - padding-left: 4rem !important; - } - - .px-xxl-7 { - padding-right: 6rem !important; - padding-left: 6rem !important; - } - - .px-xxl-8 { - padding-right: 8rem !important; - padding-left: 8rem !important; - } - - .px-xxl-9 { - padding-right: 10rem !important; - padding-left: 10rem !important; - } - - .px-xxl-10 { - padding-right: 12rem !important; - padding-left: 12rem !important; - } - - .px-xxl-11 { - padding-right: 14rem !important; - padding-left: 14rem !important; - } - - .px-xxl-12 { - padding-right: 16rem !important; - padding-left: 16rem !important; - } - - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .py-xxl-6 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .py-xxl-7 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .py-xxl-8 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .py-xxl-9 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .py-xxl-10 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .py-xxl-11 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .py-xxl-12 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .pt-xxl-0 { - padding-top: 0 !important; - } - - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - - .pt-xxl-3 { - padding-top: 1rem !important; - } - - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - - .pt-xxl-5 { - padding-top: 3rem !important; - } - - .pt-xxl-6 { - padding-top: 4rem !important; - } - - .pt-xxl-7 { - padding-top: 6rem !important; - } - - .pt-xxl-8 { - padding-top: 8rem !important; - } - - .pt-xxl-9 { - padding-top: 10rem !important; - } - - .pt-xxl-10 { - padding-top: 12rem !important; - } - - .pt-xxl-11 { - padding-top: 14rem !important; - } - - .pt-xxl-12 { - padding-top: 16rem !important; - } - - .pe-xxl-0 { - padding-right: 0 !important; - } - - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - - .pe-xxl-3 { - padding-right: 1rem !important; - } - - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - - .pe-xxl-5 { - padding-right: 3rem !important; - } - - .pe-xxl-6 { - padding-right: 4rem !important; - } - - .pe-xxl-7 { - padding-right: 6rem !important; - } - - .pe-xxl-8 { - padding-right: 8rem !important; - } - - .pe-xxl-9 { - padding-right: 10rem !important; - } - - .pe-xxl-10 { - padding-right: 12rem !important; - } - - .pe-xxl-11 { - padding-right: 14rem !important; - } - - .pe-xxl-12 { - padding-right: 16rem !important; - } - - .pb-xxl-0 { - padding-bottom: 0 !important; - } - - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - - .pb-xxl-6 { - padding-bottom: 4rem !important; - } - - .pb-xxl-7 { - padding-bottom: 6rem !important; - } - - .pb-xxl-8 { - padding-bottom: 8rem !important; - } - - .pb-xxl-9 { - padding-bottom: 10rem !important; - } - - .pb-xxl-10 { - padding-bottom: 12rem !important; - } - - .pb-xxl-11 { - padding-bottom: 14rem !important; - } - - .pb-xxl-12 { - padding-bottom: 16rem !important; - } - - .ps-xxl-0 { - padding-left: 0 !important; - } - - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - - .ps-xxl-3 { - padding-left: 1rem !important; - } - - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - - .ps-xxl-5 { - padding-left: 3rem !important; - } - - .ps-xxl-6 { - padding-left: 4rem !important; - } - - .ps-xxl-7 { - padding-left: 6rem !important; - } - - .ps-xxl-8 { - padding-left: 8rem !important; - } - - .ps-xxl-9 { - padding-left: 10rem !important; - } - - .ps-xxl-10 { - padding-left: 12rem !important; - } - - .ps-xxl-11 { - padding-left: 14rem !important; - } - - .ps-xxl-12 { - padding-left: 16rem !important; - } - - .text-xxl-start { - text-align: left !important; - } - - .text-xxl-end { - text-align: right !important; - } - - .text-xxl-center { - text-align: center !important; - } - - .transform-scale-xxl-5 { - transform: scale(0.5) !important; - } - - .transform-scale-xxl-6 { - transform: scale(0.6) !important; - } - - .transform-scale-xxl-7 { - transform: scale(0.7) !important; - } - - .transform-scale-xxl-8 { - transform: scale(0.8) !important; - } - - .transform-scale-xxl-9 { - transform: scale(0.9) !important; - } - - .transform-scale-xxl-10 { - transform: scale(1) !important; - } - - .border-radius-top-start-xxl { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-xxl-0 { - border-top-left-radius: 0 !important; - } - - .border-radius-top-start-xxl-sm { - border-top-left-radius: 0.125rem !important; - } - - .border-radius-top-start-xxl-md { - border-top-left-radius: 0.25rem !important; - } - - .border-radius-top-start-xxl-lg { - border-top-left-radius: 0.5rem !important; - } - - .border-radius-top-start-xxl-xl { - border-top-left-radius: 0.75rem !important; - } - - .border-radius-top-start-xxl-2xl { - border-top-left-radius: 1rem !important; - } - - .border-radius-top-start-xxl-circle { - border-top-left-radius: 50% !important; - } - - .border-radius-top-start-xxl-pill { - border-top-left-radius: 50rem !important; - } - - .border-radius-top-end-xxl { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-xxl-0 { - border-top-right-radius: 0 !important; - } - - .border-radius-top-end-xxl-sm { - border-top-right-radius: 0.125rem !important; - } - - .border-radius-top-end-xxl-md { - border-top-right-radius: 0.25rem !important; - } - - .border-radius-top-end-xxl-lg { - border-top-right-radius: 0.5rem !important; - } - - .border-radius-top-end-xxl-xl { - border-top-right-radius: 0.75rem !important; - } - - .border-radius-top-end-xxl-2xl { - border-top-right-radius: 1rem !important; - } - - .border-radius-top-end-xxl-circle { - border-top-right-radius: 50% !important; - } - - .border-radius-top-end-xxl-pill { - border-top-right-radius: 50rem !important; - } - - .border-radius-bottom-start-xxl { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-xxl-0 { - border-bottom-left-radius: 0 !important; - } - - .border-radius-bottom-start-xxl-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .border-radius-bottom-start-xxl-md { - border-bottom-left-radius: 0.25rem !important; - } - - .border-radius-bottom-start-xxl-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .border-radius-bottom-start-xxl-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .border-radius-bottom-start-xxl-2xl { - border-bottom-left-radius: 1rem !important; - } - - .border-radius-bottom-start-xxl-circle { - border-bottom-left-radius: 50% !important; - } - - .border-radius-bottom-start-xxl-pill { - border-bottom-left-radius: 50rem !important; - } - - .border-radius-bottom-end-xxl { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-xxl-0 { - border-bottom-right-radius: 0 !important; - } - - .border-radius-bottom-end-xxl-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .border-radius-bottom-end-xxl-md { - border-bottom-right-radius: 0.25rem !important; - } - - .border-radius-bottom-end-xxl-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .border-radius-bottom-end-xxl-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .border-radius-bottom-end-xxl-2xl { - border-bottom-right-radius: 1rem !important; - } - - .border-radius-bottom-end-xxl-circle { - border-bottom-right-radius: 50% !important; - } - - .border-radius-bottom-end-xxl-pill { - border-bottom-right-radius: 50rem !important; - } -} - -@media (min-width: 1200px) { - .fs-1 { - font-size: 3rem !important; - } - - .fs-2 { - font-size: 2.25rem !important; - } - - .fs-3 { - font-size: 1.875rem !important; - } - - .fs-4 { - font-size: 1.5rem !important; - } -} - -@media print { - .d-print-inline { - display: inline !important; - } - - .d-print-inline-block { - display: inline-block !important; - } - - .d-print-block { - display: block !important; - } - - .d-print-grid { - display: grid !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; - } - - .d-print-none { - display: none !important; - } -} - -/*! - -========================================================= -* Material Dashboard - v3.0.2 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard -* Copyright 2022 Creative Tim (https://www.creative-tim.com) -* Licensed under MIT (site.license) - -* Coded by www.creative-tim.com - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ -.alert-primary { - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); -} - -.alert-secondary { - background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); -} - -.alert-success { - background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); -} - -.alert-info { - background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); -} - -.alert-warning { - background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); -} - -.alert-danger { - background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); -} - -.alert-light { - background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); -} - -.alert-dark { - background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); -} - -.btn-close:focus { - box-shadow: none; -} - -.alert-dismissible .btn-close { - background-image: none; -} - -.avatar { - color: #fff; - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 1rem; - border-radius: 50rem; - height: 48px; - width: 48px; - transition: all .2s ease-in-out; -} - -.avatar img { - width: 100%; -} - -.avatar+.avatar-content { - display: inline-block; - margin-left: 0.75rem; -} - -.avatar.avatar-raised { - margin-top: -24px; -} - -.avatar.avatar-scale-up:hover { - transform: scale(1.2); -} - -.active .avatar.avatar-scale-up { - transform: scale(1.2); -} - -.avatar-xxl { - width: 110px !important; - height: 110px !important; -} - -.avatar-xxl.avatar-raised { - margin-top: -55px; -} - -.avatar-xl { - width: 74px !important; - height: 74px !important; -} - -.avatar-xl.avatar-raised { - margin-top: -37px; -} - -.avatar-lg { - width: 58px !important; - height: 58px !important; - font-size: 0.875rem; -} - -.avatar-lg.avatar-raised { - margin-top: -29px; -} - -.avatar-sm { - width: 36px !important; - height: 36px !important; - font-size: 0.875rem; -} - -.avatar-sm.avatar-raised { - margin-top: -18px; -} - -.avatar-xs { - width: 24px !important; - height: 24px !important; - font-size: 0.75rem; -} - -.avatar-xs.avatar-raised { - margin-top: -12px; -} - -.avatar-group .avatar { - position: relative; - z-index: 2; - border: 2px solid #fff; -} - -.avatar-group .avatar:hover { - z-index: 3; -} - -.avatar-group .avatar+.avatar { - margin-left: -1rem; -} - -.badge.bg-primary { - background: #e91e63; -} - -.badge.bg-secondary { - background: #7b809a; -} - -.badge.bg-success { - background: #4CAF50; -} - -.badge.bg-info { - background: #1A73E8; -} - -.badge.bg-warning { - background: #fb8c00; -} - -.badge.bg-danger { - background: #F44335; -} - -.badge.bg-light { - background: #f0f2f5; -} - -.badge.bg-dark { - background: #344767; -} - -.badge.bg-white { - background: #fff; -} - -.badge { - text-transform: uppercase; -} - -.btn { - margin-bottom: 1rem; - letter-spacing: 0; - text-transform: uppercase; - background-size: 150%; - background-position-x: 25%; - position: relative; - overflow: hidden; -} - -.btn:not([class*="btn-outline-"]) { - border: 0; -} - -.btn:active, -.btn:active:focus, -.btn:active:hover { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); - transform: none; - opacity: 0.85; -} - -.btn.bg-white:hover { - color: #7b809a; -} - -.btn.btn-link { - box-shadow: none; - font-weight: 700; -} - -.btn.btn-link:hover, -.btn.btn-link:focus { - box-shadow: none; -} - -.btn.btn-round { - border-radius: 1.875rem; -} - -.btn.btn-icon-only { - width: 2.375rem; - height: 2.375rem; - padding: 0.7rem 0.7rem; -} - -.btn.btn-sm.btn-icon-only, -.btn-group-sm>.btn.btn-icon-only { - width: 1.5rem; - height: 1.5rem; - padding: 0.3rem 0.3rem; -} - -.btn.btn-sm i, -.btn-group-sm>.btn i { - font-size: 0.5rem; -} - -.btn.btn-lg.btn-icon-only, -.btn-group-lg>.btn.btn-icon-only { - width: 3.25rem; - height: 3.25rem; - padding: 1rem 1rem; -} - -.btn.btn-lg i, -.btn-group-lg>.btn i { - font-size: 1.2rem; - position: relative; - top: 0px; -} - -.btn.btn-rounded { - border-radius: 1.875rem; -} - -.btn .material-icons { - vertical-align: middle; - margin-top: -1px; - margin-bottom: -1px; - font-size: 1.1rem; - display: inline-block; - top: 0; -} - -.btn-check:checked+.btn svg .color-background { - fill: #fff; -} - -.btn-check:checked+.btn:hover svg .color-background { - fill: #344767; -} - -.icon-move-right i { - transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); -} - -.icon-move-right:hover i, -.icon-move-right:focus i { - transform: translateX(5px); -} - -.icon-move-left i { - transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); -} - -.icon-move-left:hover i, -.icon-move-left:focus i { - transform: translateX(-5px); -} - -.btn-primary, -.btn.bg-gradient-primary { - box-shadow: 0 3px 3px 0 rgba(56, 255, 135, 0.15), 0 3px 1px -2px rgba(56, 255, 135, 0.2), 0 1px 5px 0 rgba(56, 255, 135, 0.15); -} - -.btn-primary:hover, -.btn.bg-gradient-primary:hover { - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 14px 26px -12px rgba(56, 255, 135, 0.4), 0 4px 23px 0 rgba(56, 255, 135, 0.15), 0 8px 10px -5px rgba(56, 255, 135, 0.2); -} - -.btn-primary .btn.bg-outline-primary, -.btn.bg-gradient-primary .btn.bg-outline-primary { - border: 1px solid #e91e63; -} - -.btn-primary:not(:disabled):not(.disabled).active, -.btn-primary:not(:disabled):not(.disabled):active, -.show>.btn-primary.dropdown-toggle, -.btn.bg-gradient-primary:not(:disabled):not(.disabled).active, -.btn.bg-gradient-primary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-primary.dropdown-toggle { - color: color-yiq(#e91e63); - background-color: #e91e63; -} - -.btn-primary.focus, -.btn-primary:focus, -.btn.bg-gradient-primary.focus, -.btn.bg-gradient-primary:focus { - color: #fff; -} - -.btn-outline-primary { - box-shadow: none; -} - -.btn-outline-primary:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #e91e63; -} - -.btn-secondary, -.btn.bg-gradient-secondary { - box-shadow: 0 3px 3px 0 rgba(, 128, 154, 0.15), 0 3px 1px -2px rgba(, 128, 154, 0.2), 0 1px 5px 0 rgba(, 128, 154, 0.15); -} - -.btn-secondary:hover, -.btn.bg-gradient-secondary:hover { - background-color: #7b809a; - border-color: #7b809a; - box-shadow: 0 14px 26px -12px rgba(, 128, 154, 0.4), 0 4px 23px 0 rgba(, 128, 154, 0.15), 0 8px 10px -5px rgba(, 128, 154, 0.2); -} - -.btn-secondary .btn.bg-outline-secondary, -.btn.bg-gradient-secondary .btn.bg-outline-secondary { - border: 1px solid #7b809a; -} - -.btn-secondary:not(:disabled):not(.disabled).active, -.btn-secondary:not(:disabled):not(.disabled):active, -.show>.btn-secondary.dropdown-toggle, -.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, -.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-secondary.dropdown-toggle { - color: color-yiq(#7b809a); - background-color: #7b809a; -} - -.btn-secondary.focus, -.btn-secondary:focus, -.btn.bg-gradient-secondary.focus, -.btn.bg-gradient-secondary:focus { - color: #fff; -} - -.btn-outline-secondary { - box-shadow: none; -} - -.btn-outline-secondary:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #7b809a; -} - -.btn-success, -.btn.bg-gradient-success { - box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15); -} - -.btn-success:hover, -.btn.bg-gradient-success:hover { - background-color: #4CAF50; - border-color: #4CAF50; - box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2); -} - -.btn-success .btn.bg-outline-success, -.btn.bg-gradient-success .btn.bg-outline-success { - border: 1px solid #4CAF50; -} - -.btn-success:not(:disabled):not(.disabled).active, -.btn-success:not(:disabled):not(.disabled):active, -.show>.btn-success.dropdown-toggle, -.btn.bg-gradient-success:not(:disabled):not(.disabled).active, -.btn.bg-gradient-success:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-success.dropdown-toggle { - color: color-yiq(#4CAF50); - background-color: #4CAF50; -} - -.btn-success.focus, -.btn-success:focus, -.btn.bg-gradient-success.focus, -.btn.bg-gradient-success:focus { - color: #fff; -} - -.btn-outline-success { - box-shadow: none; -} - -.btn-outline-success:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #4CAF50; -} - -.btn-info, -.btn.bg-gradient-info { - box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15); -} - -.btn-info:hover, -.btn.bg-gradient-info:hover { - background-color: #1A73E8; - border-color: #1A73E8; - box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2); -} - -.btn-info .btn.bg-outline-info, -.btn.bg-gradient-info .btn.bg-outline-info { - border: 1px solid #1A73E8; -} - -.btn-info:not(:disabled):not(.disabled).active, -.btn-info:not(:disabled):not(.disabled):active, -.show>.btn-info.dropdown-toggle, -.btn.bg-gradient-info:not(:disabled):not(.disabled).active, -.btn.bg-gradient-info:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-info.dropdown-toggle { - color: color-yiq(#1A73E8); - background-color: #1A73E8; -} - -.btn-info.focus, -.btn-info:focus, -.btn.bg-gradient-info.focus, -.btn.bg-gradient-info:focus { - color: #fff; -} - -.btn-outline-info { - box-shadow: none; -} - -.btn-outline-info:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #1A73E8; -} - -.btn-warning, -.btn.bg-gradient-warning { - box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15); -} - -.btn-warning:hover, -.btn.bg-gradient-warning:hover { - background-color: #fb8c00; - border-color: #fb8c00; - box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2); -} - -.btn-warning .btn.bg-outline-warning, -.btn.bg-gradient-warning .btn.bg-outline-warning { - border: 1px solid #fb8c00; -} - -.btn-warning:not(:disabled):not(.disabled).active, -.btn-warning:not(:disabled):not(.disabled):active, -.show>.btn-warning.dropdown-toggle, -.btn.bg-gradient-warning:not(:disabled):not(.disabled).active, -.btn.bg-gradient-warning:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-warning.dropdown-toggle { - color: color-yiq(#fb8c00); - background-color: #fb8c00; -} - -.btn-warning.focus, -.btn-warning:focus, -.btn.bg-gradient-warning.focus, -.btn.bg-gradient-warning:focus { - color: #fff; -} - -.btn-outline-warning { - box-shadow: none; -} - -.btn-outline-warning:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #fb8c00; -} - -.btn-danger, -.btn.bg-gradient-danger { - box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15); -} - -.btn-danger:hover, -.btn.bg-gradient-danger:hover { - background-color: #F44335; - border-color: #F44335; - box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2); -} - -.btn-danger .btn.bg-outline-danger, -.btn.bg-gradient-danger .btn.bg-outline-danger { - border: 1px solid #F44335; -} - -.btn-danger:not(:disabled):not(.disabled).active, -.btn-danger:not(:disabled):not(.disabled):active, -.show>.btn-danger.dropdown-toggle, -.btn.bg-gradient-danger:not(:disabled):not(.disabled).active, -.btn.bg-gradient-danger:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-danger.dropdown-toggle { - color: color-yiq(#F44335); - background-color: #F44335; -} - -.btn-danger.focus, -.btn-danger:focus, -.btn.bg-gradient-danger.focus, -.btn.bg-gradient-danger:focus { - color: #fff; -} - -.btn-outline-danger { - box-shadow: none; -} - -.btn-outline-danger:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #F44335; -} - -.btn-light, -.btn.bg-gradient-light { - box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15); -} - -.btn-light:hover, -.btn.bg-gradient-light:hover { - background-color: #f0f2f5; - border-color: #f0f2f5; - box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2); -} - -.btn-light .btn.bg-outline-light, -.btn.bg-gradient-light .btn.bg-outline-light { - border: 1px solid #f0f2f5; -} - -.btn-light:not(:disabled):not(.disabled).active, -.btn-light:not(:disabled):not(.disabled):active, -.show>.btn-light.dropdown-toggle, -.btn.bg-gradient-light:not(:disabled):not(.disabled).active, -.btn.bg-gradient-light:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-light.dropdown-toggle { - color: color-yiq(#f0f2f5); - background-color: #f0f2f5; -} - -.btn-outline-light { - box-shadow: none; -} - -.btn-outline-light:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #f0f2f5; -} - -.btn-dark, -.btn.bg-gradient-dark { - box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15); -} - -.btn-dark:hover, -.btn.bg-gradient-dark:hover { - background-color: #344767; - border-color: #344767; - box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2); -} - -.btn-dark .btn.bg-outline-dark, -.btn.bg-gradient-dark .btn.bg-outline-dark { - border: 1px solid #344767; -} - -.btn-dark:not(:disabled):not(.disabled).active, -.btn-dark:not(:disabled):not(.disabled):active, -.show>.btn-dark.dropdown-toggle, -.btn.bg-gradient-dark:not(:disabled):not(.disabled).active, -.btn.bg-gradient-dark:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-dark.dropdown-toggle { - color: color-yiq(#344767); - background-color: #344767; -} - -.btn-dark.focus, -.btn-dark:focus, -.btn.bg-gradient-dark.focus, -.btn.bg-gradient-dark:focus { - color: #fff; -} - -.btn-outline-dark { - box-shadow: none; -} - -.btn-outline-dark:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #344767; -} - -.btn-white, -.btn.bg-gradient-white { - box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15); -} - -.btn-white:hover, -.btn.bg-gradient-white:hover { - background-color: #fff; - border-color: #fff; - box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2); -} - -.btn-white .btn.bg-outline-white, -.btn.bg-gradient-white .btn.bg-outline-white { - border: 1px solid #fff; -} - -.btn-white:not(:disabled):not(.disabled).active, -.btn-white:not(:disabled):not(.disabled):active, -.show>.btn-white.dropdown-toggle, -.btn.bg-gradient-white:not(:disabled):not(.disabled).active, -.btn.bg-gradient-white:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-white.dropdown-toggle { - color: color-yiq(#fff); - background-color: #fff; -} - -.btn-outline-white { - box-shadow: none; -} - -.btn-outline-white:hover:not(.active) { - background-color: transparent; - opacity: .75; - box-shadow: none; - color: #fff; -} - -.btn-outline-white { - border-color: rgba(255, 255, 255, 0.75); - background: rgba(255, 255, 255, 0.1); -} - -.btn-primary, -.btn.bg-gradient-primary { - color: #fff; -} - -.btn-primary:hover, -.btn.bg-gradient-primary:hover { - color: #fff; -} - -.btn-secondary, -.btn.bg-gradient-secondary { - color: #fff; -} - -.btn-secondary:hover, -.btn.bg-gradient-secondary:hover { - color: #fff; -} - -.btn-danger, -.btn.bg-gradient-danger { - color: #fff; -} - -.btn-danger:hover, -.btn.bg-gradient-danger:hover { - color: #fff; -} - -.btn-info, -.btn.bg-gradient-info { - color: #fff; -} - -.btn-info:hover, -.btn.bg-gradient-info:hover { - color: #fff; -} - -.btn-success, -.btn.bg-gradient-success { - color: #fff; -} - -.btn-success:hover, -.btn.bg-gradient-success:hover { - color: #fff; -} - -.btn-warning, -.btn.bg-gradient-warning { - color: #fff; -} - -.btn-warning:hover, -.btn.bg-gradient-warning:hover { - color: #fff; -} - -.btn-dark, -.btn.bg-gradient-dark { - color: #fff; -} - -.btn-dark:hover, -.btn.bg-gradient-dark:hover { - color: #fff; -} - -.btn-light, -.btn.bg-gradient-light { - color: #3A416F; -} - -.btn-light:hover, -.btn.bg-gradient-light:hover { - color: #3A416F; -} - -.breadcrumb-item { - font-size: 0.875rem; -} - -.breadcrumb-item.text-white::before { - color: #fff; -} - -.breadcrumb-dark { - background-color: #344767; -} - -.breadcrumb-dark .breadcrumb-item { - font-weight: 600; -} - -.breadcrumb-dark .breadcrumb-item a { - color: #f8f9fa; -} - -.breadcrumb-dark .breadcrumb-item a:hover { - color: #fff; -} - -.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { - color: #adb5bd; -} - -.breadcrumb-dark .breadcrumb-item.active { - color: #dee2e6; -} - -.breadcrumb-links { - padding: 0; - margin: 0; - background: transparent; -} - -.card { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); -} - -.card[data-animation="true"] .card-header { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); - -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); - -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); - -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); - transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -} - -.card:hover[data-animation="true"] .card-header { - -webkit-transform: translate3d(0, -50px, 0); - -moz-transform: translate3d(0, -50px, 0); - -o-transform: translate3d(0, -50px, 0); - -ms-transform: translate3d(0, -50px, 0); - transform: translate3d(0, -50px, 0); -} - -.card .card-header { - padding: 1.5rem; -} - -.card .card-body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - padding: 1.5rem; -} - -.card.card-plain { - background-color: transparent; - box-shadow: none; -} - -.card .card-footer { - padding: 1.5rem; - background-color: transparent; -} - -.author { - display: flex; -} - -.author .name>span { - line-height: 1.571; - font-weight: 600; - font-size: 0.875rem; - color: #3A416F; -} - -.author .stats { - font-size: 0.875rem; - font-weight: 400; -} - -.card.card-background { - align-items: center; -} - -.card.card-background .full-background { - background-position: 50%; - background-size: cover; - margin-bottom: 30px; - width: 100%; - height: 100%; - position: absolute; - border-radius: 0.75rem; -} - -.card.card-background .card-body { - color: #fff; - position: relative; - z-index: 2; -} - -.card.card-background .card-body .content-center, -.card.card-background .card-body .content-left { - min-height: 330px; - max-width: 450px; - padding-top: 60px; - padding-bottom: 60px; -} - -.card.card-background .card-body .content-center { - text-align: center; -} - -.card.card-background .card-body.body-left { - width: 90%; -} - -.card.card-background .card-body .author .name span, -.card.card-background .card-body .author .name .stats { - color: #fff; -} - -.card.card-background:after { - position: absolute; - top: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 1; - display: block; - content: ""; - background: rgba(0, 0, 0, 0.56); - border-radius: 0.75rem; -} - -.card.card-background.card-background-mask-primary:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-primary:after { - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-secondary:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-secondary:after { - background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-success:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-success:after { - background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-info:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-info:after { - background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-warning:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-warning:after { - background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-danger:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-danger:after { - background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-light:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-light:after { - background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); - opacity: .85; -} - -.card.card-background.card-background-mask-dark:before { - background: rgba(0, 0, 0, 0.2); -} - -.card.card-background.card-background-mask-dark:after { - background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); - opacity: .85; -} - -.card.card-background .card-category { - font-size: 0.875rem; - font-weight: 600; -} - -.card.card-background .card-description { - margin-top: 24px; - margin-bottom: 24px; -} - -.rotating-card-container { - -webkit-perspective: 800px; - -moz-perspective: 800px; - -o-perspective: 800px; - -ms-perspective: 800px; - perspective: 800px; -} - -.rotating-card-container .card-rotate { - background: transparent; - box-shadow: none; -} - -.rotating-card-container .card-rotate:after { - display: none; -} - -.rotating-card-container .card { - -webkit-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); - -moz-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); - -o-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); - -ms-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); - transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -o-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - position: relative; -} - -.rotating-card-container .card .back, -.rotating-card-container .card .front { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -o-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; - background-color: #fff; - border-radius: 0.5rem; - top: 0; - left: 0; - justify-content: center; - align-content: center; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -o-flex; - display: flex; - -moz-flex-direction: column; - -ms-flex-direction: column; - -o-flex-direction: column; - flex-direction: column; -} - -.rotating-card-container .card .back .card-body, -.rotating-card-container .card .front .card-body { - justify-content: center; - align-content: center; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -o-flex; - display: flex; - -moz-flex-direction: column; - -ms-flex-direction: column; - -o-flex-direction: column; - flex-direction: column; -} - -.rotating-card-container .card .back:after, -.rotating-card-container .card .front:after { - position: absolute; - z-index: 1; - width: 100%; - height: 100%; - display: block; - left: 0; - top: 0; - content: ""; - border-radius: 0.5rem; - background-image: linear-gradient(195deg, #1FD0E0, #D81B60); - opacity: .85; -} - -.rotating-card-container .card .front { - z-index: 2; - position: relative; -} - -.rotating-card-container .card .back { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - transform: rotateY(180deg); - z-index: 5; - text-align: center; - width: 100%; - height: 100%; -} - -.rotating-card-container .card .back.back-background .card-body { - position: relative; - z-index: 2; -} - -.rotating-card-container .card .back .card-footer .btn { - margin: 0; -} - -.rotating-card-container .card .back .card-body { - padding-left: 15px; - padding-right: 15px; -} - -.rotating-card-container:not(.manual-flip):hover .card { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -.rotating-card-container.hover.manual-flip .card { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -.card-profile .rotating-card-container .front { - text-align: left; -} - -.back-background .card-body { - min-height: auto; - padding-top: 15px; - padding-bottom: 15px; -} - -/* Fix bug for IE */ -@media screen and (-ms-high-contrast: active), -(-ms-high-contrast: none) { - - .rotating-card-container .card .back, - .rotating-card-container .card .front { - -ms-backface-visibility: visible; - backface-visibility: visible; - } - - .rotating-card-container .card .back { - visibility: hidden; - transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1); - } - - .rotating-card-container .card .front { - z-index: 4; - } - - .rotating-card-container.manual-flip.hover .card .back, - .rotating-card-container:not(.manual-flip):hover .card .back { - z-index: 5; - visibility: visible; - } -} - -.dark-version { - background-color: #1a2035 !important; -} - -.dark-version .main-content { - background-color: #1a2035 !important; -} - -.dark-version.virtual-reality>div { - background-image: none !important; -} - -.dark-version .sidenav { - background: #1f283e !important; -} - -.dark-version .sidenav.bg-transparent { - background: transparent !important; -} - -.dark-version .sidenav.bg-transparent .navbar-nav .nav-link { - color: #fff !important; -} - -.dark-version .sidenav.bg-transparent .nav .nav-link { - color: #fff !important; -} - -.dark-version .sidenav.bg-white { - background: #fff; -} - -.dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after { - color: rgba(206, 212, 218, 0.7); -} - -.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i { - color: #344767; -} - -.dark-version .sidenav.bg-white .collapse .nav-item h6, -.dark-version .sidenav.bg-white .collapse .nav-item .h6 { - color: #344767; -} - -.dark-version .sidenav .collapse .nav-item .nav-link i { - color: #fff !important; -} - - -.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, -.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text { - color: #344767 !important; -} - -.dark-version .fixed-plugin .btn.bg-gradient-dark, -.dark-version .fixed-plugin .btn.btn-outline-dark { - color: #fff !important; - border: 1px solid #fff !important; -} - -.dark-version .fixed-plugin .btn.active { - background: #fff !important; - color: #344767 !important; -} - -.dark-version .bg-gradient-dark { - background-image: linear-gradient(195deg, #323a54, #1a2035) !important; -} - -.dark-version .dropdown .dropdown-menu:before { - color: #202940; -} - -.dark-version .dropdown .dropdown-menu .dropdown-item:hover, -.dark-version .dropdown .dropdown-menu .dropdown-item:focus { - background-color: #1a2035 !important; -} - -.dark-version .dropdown .dropdown-menu .dropdown-item i, -.dark-version .dropdown .dropdown-menu .dropdown-item .material-icons { - color: #fff; -} - -.dark-version .card, -.dark-version .swal2-popup, -.dark-version .dropdown .dropdown-menu, -.dark-version .kanban-board { - background: #202940; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.dark-version .card .card-header, -.dark-version .swal2-popup .card-header, -.dark-version .dropdown .dropdown-menu .card-header, -.dark-version .kanban-board .card-header { - background: transparent; -} - -.dark-version .card p, -.dark-version .swal2-popup p, -.dark-version .dropdown .dropdown-menu p, -.dark-version .kanban-board p { - color: #fff !important; - opacity: .6; -} - -.dark-version .kanban-item { - background: transparent !important; - border: 1px solid; -} - -.dark-version .swal2-html-container { - color: #fff !important; - opacity: .6; -} - -.dark-version h1, -.dark-version .h1, -.dark-version .h1, -.dark-version h2, -.dark-version .h2, -.dark-version .h2, -.dark-version h3, -.dark-version .h3, -.dark-version .h3, -.dark-version h4, -.dark-version .h4, -.dark-version .h4, -.dark-version h5, -.dark-version .h5, -.dark-version .h5, -.dark-version h6, -.dark-version .h6, -.dark-version .h6, -.dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button), -.dark-version .table thead tr th, -.dark-version .kanban-title-board { - color: #fff !important; -} - -.dark-version .input-group.input-group-dynamic .form-control, -.dark-version .input-group.input-group-static .form-control { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important; - background-size: 0 100%, 100% 100%; -} - -.dark-version .input-group.input-group-dynamic .form-control:focus, -.dark-version .input-group.input-group-static .form-control:focus { - background-size: 100% 100%, 100% 100%; -} - -.dark-version .input-group.input-group-outline .form-control { - border-color: rgba(255, 255, 255, 0.4) !important; -} - -.dark-version .input-group .is-valid, -.dark-version .input-group .is-invalid { - border-color: rgba(255, 255, 255, 0.4) !important; -} - -.dark-version .accordion .accordion-button { - border-color: rgba(255, 255, 255, 0.4) !important; - color: #fff; - opacity: .8; -} - -.dark-version .table> :not(caption)>*>* { - border-color: rgba(255, 255, 255, 0.4) !important; - color: rgba(255, 255, 255, 0.6) !important; -} - -.dark-version label { - color: rgba(255, 255, 255, 0.8) !important; -} - -.dark-version .list-group-item, -.dark-version .multisteps-form__panel { - background-color: transparent !important; -} - -.dark-version .nav.bg-white { - background-color: #202940 !important; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.dark-version .nav .nav-link[data-scroll]:hover { - color: #344767 !important; -} - -.dark-version .toast { - background-color: #202940 !important; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.dark-version .toast .toast-header { - background: transparent; -} - -.dark-version .toast span { - color: #fff; -} - -.dark-version .toast p { - color: #fff !important; - opacity: .6; -} - -.dark-version .choices .choices__input { - background-color: transparent !important; - border-bottom: 1px solid rgba(255, 255, 255, 0.4); - color: #fff; -} - -.dark-version .choices .choices__list.choices__list--dropdown { - background: #202940; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.dark-version .fc-theme-standard td, -.dark-version .fc-theme-standard th { - border-color: rgba(, 128, 154, 0.3); -} - -.dark-version .dataTable-sorter::after { - border-bottom-color: #fff; -} - -.dark-version .dataTable-sorter::before { - border-top-color: #fff; -} - -.dark-version .ql-snow .ql-stroke { - stroke: #f0f2f5; -} - -.dark-version .ql-snow .ql-fill, -.dark-version .ql-snow .ql-stroke.ql-fill { - fill: #f0f2f5; -} - -.dark-version .ql-toolbar.ql-snow .ql-picker-label { - color: #f0f2f5; -} - -body.dark-version { - color: rgba(255, 255, 255, 0.8) !important; -} - -@media (min-width: 992px) { - - .dropdown .dropdown-menu, - .dropup .dropdown-menu, - .dropstart .dropdown-menu, - .dropend .dropdown-menu { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; - cursor: pointer; - } - - .dropdown .dropdown-toggle:after, - .dropup .dropdown-toggle:after, - .dropstart .dropdown-toggle:after, - .dropend .dropdown-toggle:after { - content: "\f107"; - font: normal normal normal 14px/1 FontAwesome; - border: none; - vertical-align: middle; - font-weight: 600; - } - - .dropdown .dropdown-toggle.show:after, - .dropup .dropdown-toggle.show:after, - .dropstart .dropdown-toggle.show:after, - .dropend .dropdown-toggle.show:after { - transform: rotate(180deg); - } - - .dropdown .dropdown-toggle:after, - .dropup .dropdown-toggle:after, - .dropstart .dropdown-toggle:after, - .dropend .dropdown-toggle:after { - transition: 0.3s ease; - } - - .dropdown.dropdown-hover .dropdown-menu, - .dropdown .dropdown-menu { - display: block; - position: absolute; - opacity: 0; - transform-origin: 0 0; - inset: 0px auto auto 0px; - margin-top: 2.8125rem !important; - pointer-events: none; - transform: scale(0.95) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; - } - - .dropdown.dropdown-hover .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, - .dropdown.dropdown-hover .dropdown-menu .dropdown .dropdown-menu, - .dropdown .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, - .dropdown .dropdown-menu .dropdown .dropdown-menu { - margin-top: 0 !important; - } - - .dropdown.dropdown-hover:hover>.dropdown-menu, - .dropdown .dropdown-menu.show { - opacity: 1; - pointer-events: auto; - visibility: visible; - transform: scale(1) !important; - } - - .dropdown.dropdown-hover:hover>.dropdown-menu:before, - .dropdown .dropdown-menu.show:before { - top: -20px; - } - - .dropdown.dropdown-hover:after { - content: ''; - position: absolute; - left: 0; - bottom: -24px; - width: 100%; - height: 100%; - } - - .dropdown:not(.dropdown-hover) .dropdown-menu.show { - margin-top: 2.8125rem !important; - } - - .dropdown .dropdown-menu:before { - font-family: "FontAwesome"; - content: "\f0d8"; - position: absolute; - top: 0; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: top 0.35s ease; - } - - .dropdown .dropdown-item .arrow { - transform: rotate(-90deg); - } - - .dropdown-item { - transition: background-color 0.3s ease, color 0.3s ease; - } -} - -@media (max-width: 991.98px) { - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { - display: block; - opacity: 0; - top: 0; - transform-origin: 0 0; - pointer-events: none; - transform: scale(0.95) !important; - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { - font-family: "FontAwesome"; - content: "\f0d8"; - position: absolute; - top: 0; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: top 0.35s ease; - } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { - margin-top: 2.8125rem !important; - } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { - opacity: 1; - pointer-events: auto; - visibility: visible; - transform: scale(1) !important; - } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { - top: -20px; - } - - .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu { - background-color: transparent; - overflow: scroll; - position: relative; - } - - .dropdown .dropdown-menu { - opacity: 0; - top: 0; - transform-origin: 0 0; - pointer-events: none; - transform: scale(0.95) !important; - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .dropdown .dropdown-menu:before { - font-family: "FontAwesome"; - content: "\f0d8"; - position: absolute; - top: 0; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: top 0.35s ease; - } - - .dropdown:not(.dropdown-hover) .dropdown-menu { - margin-top: 2.8125rem !important; - } - - .dropdown .dropdown-menu.show { - opacity: 1; - pointer-events: auto; - visibility: visible; - transform: scale(1) !important; - } - - .dropdown .dropdown-menu.show:before { - top: -20px; - } - - .dropdown.nav-item .dropdown-menu { - position: absolute; - } - - .dropdown.nav-item .dropdown-menu-animation { - display: block; - height: 0; - transition: all .35s ease; - padding-top: 0 !important; - padding-bottom: 0 !important; - opacity: 0; - } - - .dropdown.nav-item .dropdown-menu-animation.show { - height: 250px; - opacity: 1; - } -} - -.dropdown-menu li { - position: relative; -} - -.dropdown.dropdown-subitem:after { - left: 100%; - bottom: 0; - width: 50%; -} - -.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before { - transform: rotate(-90deg); - left: 0; - top: 0; - z-index: -1; - transition: left .35s ease; -} - -.dropdown .dropdown-menu.dropdown-menu-end { - right: 0 !important; - left: auto !important; -} - -.dropdown .dropdown-menu.dropdown-menu-end:before { - right: 28px; - left: auto; -} - -.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before { - left: -8px; -} - -.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { - transform: scale(1) !important; -} - -.dropdown .dropdown-menu .dropdown-item+.dropdown-menu { - right: -197px; - left: auto; - top: 0; -} - -.dropdown-image { - background-size: cover; -} - -@media (min-width: 992px) { - .dropdown-xl { - min-width: 40rem; - } - - .dropdown-lg { - min-width: 23rem; - } - - .dropdown-md { - min-width: 15rem; - } -} - -@media (max-width: 1199.98px) { - .dropdown-lg-responsive { - min-width: 19rem; - } -} - -.dropup .dropdown-menu { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; - cursor: pointer; - top: auto !important; - bottom: 100% !important; - margin-bottom: 0.5rem !important; - display: block; - opacity: 0; - transform-origin: bottom; - pointer-events: none; - transform: scale(0.95) !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; -} - -.dropup .dropdown-menu.show { - pointer-events: auto; - transform: scale(1) !important; - opacity: 1; -} - -.dropup .dropdown-menu.show:after { - bottom: -20px; -} - -.dropup .dropdown-menu:after { - font-family: "FontAwesome"; - content: "\f0d7"; - position: absolute; - z-index: -1; - bottom: 22px; - left: 28px; - right: auto; - font-size: 22px; - color: #fff; - transition: bottom 0.35s ease; -} - -.page-header { - padding: 0; - position: relative; - overflow: hidden; - display: flex; - align-items: center; - background-size: cover; - background-position: 50%; -} - -.page-header .container { - z-index: 1; -} - -.page-header video { - position: absolute; - top: 50%; - left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - z-index: 0; - transform: translateX(-50%) translateY(-50%); -} - -.fixed-plugin .fixed-plugin-button { - background: #fff; - border-radius: 50%; - bottom: 30px; - right: 30px; - font-size: 1.25rem; - z-index: 990; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); - cursor: pointer; -} - -.fixed-plugin .fixed-plugin-button i { - pointer-events: none; -} - -.fixed-plugin .card { - position: fixed !important; - right: -360px; - top: 0; - height: 100%; - left: auto !important; - transform: unset !important; - width: 360px; - border-radius: 0; - padding: 0 10px; - transition: .2s ease; - z-index: 1020; -} - -.fixed-plugin .badge { - border: 1px solid #fff; - border-radius: 50%; - cursor: pointer; - display: inline-block; - height: 23px; - margin-right: 5px; - position: relative; - width: 23px; - transition: all 0.2s ease-in-out; -} - -.fixed-plugin .badge:hover, -.fixed-plugin .badge.active { - border-color: #344767; -} - -.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) { - border: 1px solid transparent; -} - -.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) { - background-color: transparent; - background-image: none; - border: 1px solid #344767; - color: #344767; -} - -.fixed-plugin.show .card { - right: 0; -} - -.input-group { - border-radius: 0; -} - -.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} - -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} - -.input-group, -.input-group .input-group-text { - transition: 0.2s ease; - border: none; -} - -.input-group> :not(:first-child):not(.dropdown-menu) { - margin-left: 2px; -} - -.input-group label { - transition: all 0.3s ease; -} - -.input-group.input-group-dynamic .form-control, -.input-group.input-group-static .form-control { - background: no-repeat bottom, 50% calc(100% - 1px); - background-size: 0 100%, 100% 100%; - transition: 0.2s ease; -} - -.input-group.input-group-dynamic .form-control:not(:first-child), -.input-group.input-group-static .form-control:not(:first-child) { - border-left: 0; - padding-left: 0; -} - -.input-group.input-group-dynamic .form-control:not(:last-child), -.input-group.input-group-static .form-control:not(:last-child) { - border-right: 0; - padding-right: 0; -} - -.input-group.input-group-dynamic .form-control+.input-group-text, -.input-group.input-group-static .form-control+.input-group-text { - border-left: 0; - border-right: 1px solid #d2d6da; -} - -.input-group.input-group-dynamic .form-control, -.input-group.input-group-dynamic .form-control:focus, -.input-group.input-group-static .form-control, -.input-group.input-group-static .form-control:focus { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); - border-radius: 0 !important; -} - -.input-group.input-group-dynamic .form-control:focus, -.input-group.input-group-static .form-control:focus { - background-size: 100% 100%, 100% 100%; -} - -.input-group.input-group-dynamic .form-control[disabled], -.input-group.input-group-static .form-control[disabled] { - cursor: not-allowed; - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important; -} - -.input-group.input-group-dynamic .input-group-text, -.input-group.input-group-static .input-group-text { - border-right: 0; -} - -.input-group.input-group-dynamic.is-focused .form-label, -.input-group.input-group-dynamic.is-filled .form-label, -.input-group.input-group-static.is-focused .form-label, -.input-group.input-group-static.is-filled .form-label { - font-size: 0.6875rem !important; -} - -.input-group.input-group-dynamic.is-focused .form-label, -.input-group.input-group-static.is-focused .form-label { - top: -0.7rem; -} - -.input-group.input-group-dynamic.is-focused label, -.input-group.input-group-static.is-focused label { - color: #e91e63; -} - -.input-group.input-group-dynamic.is-focused.is-valid label, -.input-group.input-group-static.is-focused.is-valid label { - color: #4CAF50; -} - -.input-group.input-group-dynamic.is-focused.is-valid .form-control, -.input-group.input-group-dynamic.is-focused.is-valid .form-control:focus, -.input-group.input-group-static.is-focused.is-valid .form-control, -.input-group.input-group-static.is-focused.is-valid .form-control:focus { - background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); - border-radius: 0 !important; -} - -.input-group.input-group-dynamic.is-focused.is-invalid label, -.input-group.input-group-static.is-focused.is-invalid label { - color: #F44335; -} - -.input-group.input-group-dynamic.is-focused.is-invalid .form-control, -.input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus, -.input-group.input-group-static.is-focused.is-invalid .form-control, -.input-group.input-group-static.is-focused.is-invalid .form-control:focus { - background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); - border-radius: 0 !important; -} - -.input-group.input-group-dynamic.is-valid .form-control, -.input-group.input-group-dynamic.is-valid .form-control:focus, -.input-group.input-group-static.is-valid .form-control, -.input-group.input-group-static.is-valid .form-control:focus { - background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); - border-radius: 0 !important; -} - -.input-group.input-group-dynamic.is-invalid .form-control, -.input-group.input-group-dynamic.is-invalid .form-control:focus, -.input-group.input-group-static.is-invalid .form-control, -.input-group.input-group-static.is-invalid .form-control:focus { - background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); - border-radius: 0 !important; -} - -.input-group.input-group-dynamic.is-filled.is-focused .form-label, -.input-group.input-group-dynamic.is-filled .form-label, -.input-group.input-group-static.is-filled.is-focused .form-label, -.input-group.input-group-static.is-filled .form-label { - top: -1rem; -} - -.input-group.input-group-outline .form-control { - background: none; - border: 1px solid #d2d6da; - border-radius: 0.375rem; - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; - padding: 0.625rem 0.75rem !important; - line-height: 1.3 !important; -} - -.input-group.input-group-outline .form-control.form-control-lg { - padding: 0.75rem 0.75rem !important; -} - -.input-group.input-group-outline .form-control.form-control-sm { - padding: 0.25rem 0.75rem !important; -} - -.input-group.input-group-outline .form-control[disabled] { - cursor: not-allowed; - border-style: dashed; -} - -.input-group.input-group-outline .form-label { - display: flex; - line-height: 3.925 !important; - top: -0.375rem; - margin-bottom: 0; -} - -.input-group.input-group-outline .form-label:before { - content: ""; - margin-right: 4px; - border-left: solid 1px transparent; - border-radius: 4px 0; -} - -.input-group.input-group-outline .form-label:after { - content: ""; - flex-grow: 1; - margin-left: 4px; - border-right: solid 1px transparent; - border-radius: 0 5px; -} - -.input-group.input-group-outline .form-label:before, -.input-group.input-group-outline .form-label:after { - content: ""; - border-top: solid 1px; - border-top-color: #d2d6da; - pointer-events: none; - margin-top: 0.375rem; - box-sizing: border-box; - display: block; - height: 0.5rem; - width: 0.625rem; - border-width: 1px 0 0; - border-color: transparent; -} - -.input-group.input-group-outline.is-focused .form-label+.form-control, -.input-group.input-group-outline.is-filled .form-label+.form-control { - border-color: #e91e63 !important; - border-top-color: transparent !important; - box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 -1px #e91e63; -} - -.input-group.input-group-outline.is-focused .form-label, -.input-group.input-group-outline.is-filled .form-label { - width: 100%; - height: 100%; - font-size: 0.6875rem !important; - color: #e91e63; - display: flex; - line-height: 1.25 !important; -} - -.input-group.input-group-outline.is-focused .form-label:before, -.input-group.input-group-outline.is-focused .form-label:after, -.input-group.input-group-outline.is-filled .form-label:before, -.input-group.input-group-outline.is-filled .form-label:after { - opacity: 1; -} - -.input-group.input-group-outline.is-focused .form-label:before, -.input-group.input-group-outline.is-focused .form-label:after, -.input-group.input-group-outline.is-filled .form-label:before, -.input-group.input-group-outline.is-filled .form-label:after { - border-top-color: #e91e63; - box-shadow: inset 0 1px #e91e63; -} - -.input-group.input-group-outline.is-valid .form-control { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center; - background-size: 1rem 1rem; -} - -.input-group.input-group-outline.is-valid.is-focused .form-label+.form-control, -.input-group.input-group-outline.is-valid.is-filled .form-label+.form-control { - border-color: #4CAF50 !important; - box-shadow: inset 1px 0 #4CAF50, inset -1px 0 #4CAF50, inset 0 -1px #4CAF50; - border-top-color: transparent !important; -} - -.input-group.input-group-outline.is-valid.is-focused .form-label, -.input-group.input-group-outline.is-valid.is-filled .form-label { - color: #4CAF50; -} - -.input-group.input-group-outline.is-valid.is-focused .form-label:before, -.input-group.input-group-outline.is-valid.is-focused .form-label:after, -.input-group.input-group-outline.is-valid.is-filled .form-label:before, -.input-group.input-group-outline.is-valid.is-filled .form-label:after { - border-top-color: #4CAF50; - box-shadow: inset 0 1px #4CAF50; -} - -.input-group.input-group-outline.is-invalid .form-control { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 1rem 1rem; -} - -.input-group.input-group-outline.is-invalid.is-focused .form-label+.form-control, -.input-group.input-group-outline.is-invalid.is-filled .form-label+.form-control { - border-color: #F44335 !important; - box-shadow: inset 1px 0 #F44335, inset -1px 0 #F44335, inset 0 -1px #F44335; - border-top-color: transparent !important; -} - -.input-group.input-group-outline.is-invalid.is-focused .form-label, -.input-group.input-group-outline.is-invalid.is-filled .form-label { - color: #F44335; -} - -.input-group.input-group-outline.is-invalid.is-focused .form-label:before, -.input-group.input-group-outline.is-invalid.is-focused .form-label:after, -.input-group.input-group-outline.is-invalid.is-filled .form-label:before, -.input-group.input-group-outline.is-invalid.is-filled .form-label:after { - border-top-color: #F44335; - box-shadow: inset 0 1px #F44335; -} - -.input-group.input-group-outline.input-group-sm .form-label, -.input-group.input-group-outline.input-group-sm label, -.input-group.input-group-dynamic.input-group-sm .form-label, -.input-group.input-group-dynamic.input-group-sm label, -.input-group.input-group-static.input-group-sm .form-label, -.input-group.input-group-static.input-group-sm label { - font-size: 0.75rem; -} - -.input-group.input-group-outline.input-group-lg .form-label, -.input-group.input-group-outline.input-group-lg label, -.input-group.input-group-dynamic.input-group-lg .form-label, -.input-group.input-group-dynamic.input-group-lg label, -.input-group.input-group-static.input-group-lg .form-label, -.input-group.input-group-static.input-group-lg label { - font-size: 0.975rem; -} - -.input-group.input-group-static .form-control { - width: 100%; -} - -.input-group.input-group-static label { - margin-left: 0; - margin-bottom: 0; -} - -.form-check:not(.form-switch) .form-check-input { - float: initial !important; - margin-left: auto !important; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"], -.form-check:not(.form-switch) .form-check-input[type="radio"] { - border: 1px solid #d1d7e1; - margin-top: 0.25rem; - position: relative; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { - border-color: #e91e63; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"] { - background-image: none; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { - transition: opacity 0.25s ease-in-out; - font-family: "FontAwesome"; - content: "\f00c"; - width: 100%; - height: 100%; - color: #fff; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - font-size: 0.67rem; - opacity: 0; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { - background: #e91e63; -} - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { - opacity: 1; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"] { - transition: border 0s; - background: transparent; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:after { - transition: opacity 0.25s ease-in-out; - content: ""; - position: absolute; - width: 0.8375rem; - height: 0.8375rem; - border-radius: 50%; - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%), var(--bs-gradient); - opacity: 0; - left: 0; - right: 0; - top: 0; - bottom: 0; - margin: auto; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { - padding: 6px; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { - opacity: 1; -} - -.form-check:not(.form-switch) .form-check-input[type="radio"]:active { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 12px rgba(53, 71, 102, 0.1); - border-radius: 50rem; - transition: 0.05s ease; -} - -.form-check-label, -.form-check-input[type="checkbox"] { - cursor: pointer; -} - -.form-check-label { - font-size: 0.875rem; - font-weight: 400; -} - -.form-check-input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.form-switch .form-check-input { - position: relative; - background-color: #ced4da; - height: 0.9375rem; - width: 1.875rem; -} - -.form-switch .form-check-input:after { - transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; - content: ""; - width: 1.25rem; - height: 1.25rem; - border-radius: 50%; - border: 1px solid #ced4da; - position: absolute; - background-color: #fff; - transform: translateX(1px); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - top: -2.5px; - left: -5px; -} - -.form-switch .form-check-input:checked:after { - transform: translateX(21px); - border-color: #42424a; -} - -.form-switch .form-check-input:checked { - border-color: #42424a; - background-color: #42424a; -} - -.form-switch .form-check-input:checked:active:after { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(53, 71, 102, 0.1); -} - -.form-switch .form-check-input:active:after { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(0, 0, 0, 0.1); -} - -.form-select { - transition: 0.2s ease; -} - -label, -.form-label { - font-size: 0.875rem; - font-weight: 400; - margin-bottom: 0.5rem; - color: #7b809a; - margin-left: 0.25rem; -} - -.input-group .form-label { - position: absolute; - top: 0.6125rem; - margin-left: 0; - transition: 0.2s ease all; -} - -.form-control { - border: none; -} - -.form-control.is-invalid { - border: 1px solid #d2d6da; - padding: 0.625rem 0.75rem; - line-height: 1.3 !important; -} - -.form-control.is-invalid:focus { - box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); -} - -.form-control.is-valid { - border: 1px solid #d2d6da; - padding: 0.625rem 0.75rem; - line-height: 1.3 !important; -} - -.form-control.is-valid:focus { - box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); -} - -.form-control[disabled] { - padding: 0.625rem 0.75rem; - line-height: 1.45 !important; -} - -.input-group .input-group-text { - position: absolute; - padding: .75rem 0; - right: 0; - border-right: 0 !important; -} - -.input-group .input-group-text i { - color: #6c757d; -} - -.input-group.input-group-static .input-group-text { - bottom: 0; -} - -.footer .nav-link { - color: #344767; - font-weight: 400; - font-size: 0.875rem; - padding-top: 0; - padding-bottom: 0.25rem; -} - -.footer .nav-link:hover { - opacity: 1 !important; - transition: opacity 0.3 ease; -} - -.footer .footer-logo { - max-width: 2rem; -} - -.bg-gradient-primary { - background-image: linear-gradient(195deg, #9CFF87 0%, #1FD0E0 100%); -} - -.bg-gradient-secondary { - background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); -} - -.bg-gradient-success { - background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); -} - -.bg-gradient-info { - background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); -} - -.bg-gradient-warning { - background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); -} - -.bg-gradient-danger { - background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); -} - -.bg-gradient-light { - background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); -} - -.bg-gradient-dark { - background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); -} - -.bg-gradient-faded-primary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(56, 255, 135, 0.6) 0, #1fd0e0 100%); -} - -.bg-gradient-faded-secondary { - background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, 0.6) 0, #626780 100%); -} - -.bg-gradient-faded-success { - background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%); -} - -.bg-gradient-faded-info { - background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%); -} - -.bg-gradient-faded-warning { - background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%); -} - -.bg-gradient-faded-danger { - background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%); -} - -.bg-gradient-faded-light { - background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%); -} - -.bg-gradient-faded-dark { - background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%); -} - -.bg-gradient-faded-white { - background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); -} - -.bg-gradient-faded-primary-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(56, 255, 135, 0.3) 0, #1fd0e0 100%); -} - -.bg-gradient-faded-secondary-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, 0.3) 0, #7b809a 100%); -} - -.bg-gradient-faded-success-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%); -} - -.bg-gradient-faded-info-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%); -} - -.bg-gradient-faded-warning-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%); -} - -.bg-gradient-faded-danger-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%); -} - -.bg-gradient-faded-light-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%); -} - -.bg-gradient-faded-dark-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%); -} - -.bg-gradient-faded-white-vertical { - background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%); -} - -.material-icons { - font-family: 'Material Icons Round'; - font-weight: normal; - font-style: normal; - font-size: 20px; - /* Preferred icon size */ - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.nav.nav-pills .nav-link .material-icons { - top: 3px; -} - -.icon-shape { - width: 48px; - height: 48px; - background-position: center; - border-radius: 0.5rem; -} - -.icon-shape i { - color: #fff; - opacity: 0.8; - top: 11px; - position: relative; -} - -.icon-shape .ni { - top: 14px; -} - -.icon-xxs { - width: 20px; - height: 20px; -} - -.icon-xxs i { - top: 0; - font-size: 0.65rem; -} - -.icon-xs { - width: 24px; - height: 24px; -} - -.icon-xs i { - top: -1px; - font-size: 0.75rem; -} - -.icon-sm { - width: 32px; - height: 32px; -} - -.icon-sm i { - top: 4px; - font-size: 0.875rem; -} - -.icon-md { - width: 48px; - height: 48px; -} - -.icon-md i { - top: 30%; - font-size: 1.125rem; -} - -.icon-md.icon-striped { - background-position-x: 85px; - background-position-y: 85px; -} - -.icon-md.icon-striped i { - top: 11%; - margin-left: -10px; - font-size: 0.875rem; -} - -.icon-lg { - width: 64px; - height: 64px; -} - -.icon-lg i { - top: 31%; - font-size: 1.5rem; -} - -.icon-lg.icon-striped { - background-position-x: 111px; - background-position-y: 111px; -} - -.icon-lg.icon-striped i { - top: 21%; - margin-left: -15px; -} - -.icon-xl { - width: 100px; - height: 100px; - border-radius: 0.5rem; -} - -.icon-xl i { - top: 35%; - font-size: 2.1rem; -} - -.icon-xl.icon-striped { - background-position-x: 80px; - background-position-y: 80px; -} - -.icon-xl.icon-striped i { - top: 30%; - margin-left: -15px; -} - -.info-horizontal { - text-align: left !important; -} - -.info-horizontal .icon { - float: left; -} - -.info-horizontal .description { - overflow: hidden; -} - -svg.text-primary .color-foreground { - fill: #1FD0E0; -} - -svg.text-primary .color-background { - fill: #D81B60; -} - -svg.text-secondary .color-foreground { - fill: #747b8a; -} - -svg.text-secondary .color-background { - fill: #495361; -} - -svg.text-info .color-foreground { - fill: #49a3f1; -} - -svg.text-info .color-background { - fill: #1A73E8; -} - -svg.text-warning .color-foreground { - fill: #FFA726; -} - -svg.text-warning .color-background { - fill: #FB8C00; -} - -svg.text-danger .color-foreground { - fill: #EF5350; -} - -svg.text-danger .color-background { - fill: #E53935; -} - -svg.text-success .color-foreground { - fill: #66BB6A; -} - -svg.text-success .color-background { - fill: #43A047; -} - -svg.text-dark .color-foreground { - fill: #42424a; -} - -svg.text-dark .color-background { - fill: #191919; -} - -.blur { - box-shadow: inset 0px 0px 2px #fefefed1; - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.8) !important; -} - -.blur.saturation-less { - -webkit-backdrop-filter: saturate(20%) blur(30px); - backdrop-filter: saturate(20%) blur(30px); -} - -.blur.blur-rounded { - border-radius: 40px; -} - -.blur.blur-light { - background-color: rgba(255, 255, 255, 0.4); -} - -.blur.blur-dark { - background-color: rgba(0, 0, 0, 0.3); -} - -.shadow-blur { - box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; -} - -.shadow-card { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; -} - -.navbar-blur { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); - background-color: rgba(255, 255, 255, 0.58) !important; -} - -.blur-section { - -webkit-backdrop-filter: saturate(200%) blur(30px); - backdrop-filter: saturate(200%) blur(30px); -} - -.blur-section.blur-gradient-primary { - background-image: linear-gradient(195deg, rgba(236, 64, 122, 0.95) 0%, rgba(216, 27, 96, 0.95) 100%); -} - -*.move-on-hover { - -webkit-transition: 0.2s ease-out; - transition: 0.2s ease-out; - overflow: hidden; - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); - transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: transform, box-shadow; -} - -*.move-on-hover:hover { - -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); - transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); -} - -*.gradient-animation { - background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #1FD0E0, #344767); - background-size: 400% 400% !important; - animation: gradient 10s ease infinite; -} - -hr.vertical { - position: absolute; - background-color: transparent; - height: 100%; - right: 0; - top: 0; - width: 1px; -} - -hr.vertical.light { - background-color: #ffffff94; -} - -hr.vertical.dark { - background-color: #7b809a33; -} - -hr.vertical.gray-light { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); -} - -hr.horizontal { - background-color: transparent; -} - -hr.horizontal.light { - background-color: #ffffff94; -} - -hr.horizontal.dark { - background-color: #7b809a33; -} - -hr.horizontal.gray-light { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); -} - -.lock-size { - width: 1.7rem; - height: 1.7rem; -} - -.border-radius-xs { - border-radius: 0.1rem; -} - -.border-radius-sm { - border-radius: 0.125rem; -} - -.border-radius-md { - border-radius: 0.375rem; -} - -.border-radius-lg { - border-radius: 0.5rem; -} - -.border-radius-xl { - border-radius: 0.75rem; -} - -.border-radius-2xl { - border-radius: 1rem; -} - -.border-radius-section { - border-radius: 10rem; -} - -.border-bottom-end-radius-0 { - border-bottom-right-radius: 0; -} - -.border-top-end-radius-0 { - border-top-right-radius: 0; -} - -.border-bottom-start-radius-0 { - border-bottom-left-radius: 0; -} - -.border-top-start-radius-0 { - border-top-left-radius: 0; -} - -.border-dashed { - border-style: dashed; -} - -.z-index-sticky { - z-index: 1020; -} - -.waves { - position: relative; - width: 100%; - height: 16vh; - margin-bottom: -7px; - /*Fix for safari gap*/ - min-height: 100px; - max-height: 150px; -} - -.waves.waves-sm { - height: 50px; - min-height: 50px; -} - -.waves.no-animation .moving-waves>use { - animation: none; -} - -.wave-rotate { - transform: rotate(180deg); -} - -/* Animation for the waves */ -.moving-waves>use { - animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; -} - -.moving-waves>use:nth-child(1) { - animation-delay: -2s; - animation-duration: 11s; -} - -.moving-waves>use:nth-child(2) { - animation-delay: -4s; - animation-duration: 13s; -} - -.moving-waves>use:nth-child(3) { - animation-delay: -3s; - animation-duration: 15s; -} - -.moving-waves>use:nth-child(4) { - animation-delay: -4s; - animation-duration: 20s; -} - -.moving-waves>use:nth-child(5) { - animation-delay: -4s; - animation-duration: 25s; -} - -.moving-waves>use:nth-child(6) { - animation-delay: -3s; - animation-duration: 30s; -} - -@keyframes move-forever { - 0% { - transform: translate3d(-90px, 0, 0); - } - - 100% { - transform: translate3d(85px, 0, 0); - } -} - -/*Shrinking for mobile*/ -@media (max-width: 767.98px) { - .waves { - height: 40px; - min-height: 40px; - } - - hr.horizontal { - background-color: transparent; - } - - hr.horizontal:not(.dark) { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); - } - - hr.horizontal.vertical { - transform: rotate(90deg); - } - - hr.horizontal.dark { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); - } -} - -.overflow-visible { - overflow: visible !important; -} - -.popover .popover-header { - font-weight: 600; -} - -.bg-cover { - background-size: cover; -} - -.mask { - position: absolute; - background-size: cover; - background-position: center center; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0.8; -} - -.cursor-pointer { - cursor: pointer; -} - -.transform-translate-50 { - transform: translate(0, -50%); -} - -@media (min-width: 992px) { - .virtual-reality .sidenav { - animation-name: fadeInBottom; - animation-fill-mode: both; - animation-duration: 1.5s; - transform: scale(0.6); - left: 18% !important; - position: absolute; - } -} - -.choices .choices__list { - background: no-repeat bottom, 50% calc(100% - 1px); - background-size: 0 100%, 100% 100%; - transition: 0.2s ease; -} - -.choices .choices__list.choices__list--single .choices__item--selectable { - margin-bottom: 0.5rem; -} - -.choices .choices__list.choices__list--single, -.choices .choices__list.choices__list--single:focus { - background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); -} - -.choices .choices__list.choices__list--dropdown { - background: #fff; -} - -.choices.is-focused .choices__list { - background-size: 100% 100%, 100% 100%; -} - -.border-right-after:after { - content: ""; - position: absolute; - right: 0; - top: 3vh; - height: 70%; - width: 50%; - border-right: 1px solid #dee2e6; -} - -.navbar { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); -} - -.navbar .navbar-brand { - color: #344767; - font-size: 0.875rem; -} - -.navbar .nav-link { - color: #344767; - padding: 0.5rem 1rem; - font-weight: 400; - font-size: 0.875rem; -} - -.navbar.navbar-absolute { - position: absolute; - width: 100%; - z-index: 1; -} - -.navbar.navbar-transparent .nav-link, -.navbar.navbar-transparent .nav-link i { - color: #fff; -} - -.navbar.navbar-transparent .nav-link:hover, -.navbar.navbar-transparent .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} - -.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { - background: #fff; -} - -.navbar.navbar-transparent .navbar-collapse { - border-radius: 0.75rem; -} - -.navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark, -.navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark { - color: #fff !important; -} - -.navbar .sidenav-toggler-inner { - width: 18px; -} - -.navbar .sidenav-toggler-inner .sidenav-toggler-line { - transition: all 0.15s ease; - background: #7b809a; - border-radius: 0.1rem; - position: relative; - display: block; - height: 2px; -} - -.navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) { - margin-bottom: 3px; -} - -.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child, -.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child { - width: 13px; - transform: translateX(5px); -} - -.navbar-light { - background-color: #fff !important; -} - -.navbar-light .navbar-toggler { - border: none; -} - -.navbar-light .navbar-toggler:focus { - box-shadow: none; -} - -.navbar-toggler .navbar-toggler-icon { - background-image: none; -} - -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { - display: block; - position: relative; - width: 22px; - height: 1px; - border-radius: 1px; - background: #6c757d; - transition: all 0.2s; - margin: 0 auto; -} - -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { - margin-top: 7px; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 { - transform: rotate(45deg); - transform-origin: 10% 10%; - margin-top: 4px; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 { - opacity: 0; -} - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { - transform: rotate(-45deg); - transform-origin: 10% 90%; - margin-top: 3px; -} - -@media (max-width: 991.98px) { - .navbar.navbar-transparent .navbar-collapse { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .navbar.navbar-transparent .navbar-collapse.collapsing { - background: #fff; - } - - .navbar.navbar-transparent .navbar-collapse.show { - background: #fff; - } - - .navbar.navbar-transparent .navbar-collapse.show .nav-link, - .navbar.navbar-transparent .navbar-collapse.show i { - color: #344767; - } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav { - flex-direction: row; - } - - .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu { - box-shadow: none !important; - } - - .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before { - display: none !important; - } -} - -@media (max-width: 767.98px) { - .navbar-collapse { - position: relative; - } - - .navbar-collapse .navbar-nav { - width: 100%; - } - - .navbar-collapse .navbar-nav .nav-item.dropdown { - position: static; - } - - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { - left: 0; - right: 0; - } - - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { - content: none; - } -} - -@media (max-width: 575.98px) { - .navbar-nav .nav-item.dropdown .dropdown-menu { - left: 0; - right: auto; - } -} - -.navbar-vertical .navbar-brand>img, -.navbar-vertical .navbar-brand-img { - max-width: 100%; - max-height: 2rem; -} - -.navbar-vertical .navbar-nav .nav-link { - padding-left: 1rem; - padding-right: 1rem; - font-weight: 300; - color: #fff; -} - -.navbar-vertical .navbar-nav .nav-link>i { - min-width: 1.8rem; - font-size: 1.5rem; - line-height: 1.5rem; - text-align: center; -} - -.navbar-vertical .navbar-nav .nav-link .dropdown-menu { - border: none; -} - -.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { - margin-left: 0.5rem; -} - -.navbar-vertical .navbar-nav .nav-link .avatar { - width: 1.875rem; - height: 1.875rem; -} - -.navbar-vertical .navbar-nav .nav-sm .nav-link { - font-size: 0.8125rem; -} - -.navbar-vertical .navbar-nav .nav-link { - display: flex; - align-items: center; - white-space: nowrap; -} - -.navbar-vertical .navbar-heading { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.04em; -} - -.navbar-vertical.navbar-expand-xs { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; -} - -.navbar-vertical.navbar-expand-xs .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); -} - -.navbar-vertical.navbar-expand-xs>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; -} - -@media all and (-ms-high-contrast: none), -(-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xs>[class*="container"] { - min-height: none; - height: 100%; - } -} - -.navbar-vertical.navbar-expand-xs.fixed-start { - left: 0; -} - -.navbar-vertical.navbar-expand-xs.fixed-end { - right: 0; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i { - pointer-events: none; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { - width: 100%; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item { - margin-top: 0.125rem; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { - top: 0; -} - -.navbar-vertical.navbar-expand-xs .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; -} - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -@media (min-width: 576px) { - .navbar-vertical.navbar-expand-sm { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } - - .navbar-vertical.navbar-expand-sm .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-sm>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 576px) and (-ms-high-contrast: none), -(min-width: 576px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-sm>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 576px) { - .navbar-vertical.navbar-expand-sm.fixed-start { - left: 0; - } - - .navbar-vertical.navbar-expand-sm.fixed-end { - right: 0; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { - margin-top: 0.125rem; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-sm .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; - } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } -} - -@media (min-width: 768px) { - .navbar-vertical.navbar-expand-md { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } - - .navbar-vertical.navbar-expand-md .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-md>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 768px) and (-ms-high-contrast: none), -(min-width: 768px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-md>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 768px) { - .navbar-vertical.navbar-expand-md.fixed-start { - left: 0; - } - - .navbar-vertical.navbar-expand-md.fixed-end { - right: 0; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { - margin-top: 0.125rem; - } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-md .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; - } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } -} - -@media (min-width: 992px) { - .navbar-vertical.navbar-expand-lg { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } - - .navbar-vertical.navbar-expand-lg .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-lg>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 992px) and (-ms-high-contrast: none), -(min-width: 992px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-lg>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 992px) { - .navbar-vertical.navbar-expand-lg.fixed-start { - left: 0; - } - - .navbar-vertical.navbar-expand-lg.fixed-end { - right: 0; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { - margin-top: 0.125rem; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-lg .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; - } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } -} - -@media (min-width: 1200px) { - .navbar-vertical.navbar-expand-xl { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } - - .navbar-vertical.navbar-expand-xl .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-xl>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 1200px) and (-ms-high-contrast: none), -(min-width: 1200px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xl>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 1200px) { - .navbar-vertical.navbar-expand-xl.fixed-start { - left: 0; - } - - .navbar-vertical.navbar-expand-xl.fixed-end { - right: 0; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { - margin-top: 0.125rem; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-xl .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; - } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } -} - -@media (min-width: 1400px) { - .navbar-vertical.navbar-expand-xxl { - display: block; - position: fixed; - top: 0; - bottom: 0; - width: 100%; - max-width: 15.625rem !important; - overflow-y: auto; - padding: 0; - box-shadow: none; - } - - .navbar-vertical.navbar-expand-xxl .navbar-collapse { - display: block; - overflow: auto; - height: calc(100vh - 360px); - } - - .navbar-vertical.navbar-expand-xxl>[class*="container"] { - flex-direction: column; - align-items: stretch; - min-height: 100%; - padding-left: 0; - padding-right: 0; - } -} - -@media all and (min-width: 1400px) and (-ms-high-contrast: none), -(min-width: 1400px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xxl>[class*="container"] { - min-height: none; - height: 100%; - } -} - -@media (min-width: 1400px) { - .navbar-vertical.navbar-expand-xxl.fixed-start { - left: 0; - } - - .navbar-vertical.navbar-expand-xxl.fixed-end { - right: 0; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - margin: 0 1rem; - margin-bottom: 1.5px; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { - pointer-events: none; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { - width: 100%; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { - margin-top: 0.125rem; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { - top: 0; - } - - .navbar-vertical.navbar-expand-xxl .lavalamp-object { - width: calc(100% - 1rem) !important; - background: theme-color("primary"); - color: color-yiq(#e91e63); - margin-right: 0.5rem; - margin-left: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - border-radius: 0.125rem; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 15px; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { - transition: all 0.1s ease 0s; - } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } -} - -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); -} - -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); -} - -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); -} - -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); -} - -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); -} - -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); -} - -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); -} - -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); -} - -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); -} - -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); -} - -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); -} - -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); -} - -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); -} - -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); -} - -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #344767 0%, #344767 100%); -} - -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #344767 0%, #344767 100%); -} - -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #fff 0%, #fff 100%); -} - -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #fff 0%, #fff 100%); -} - -.main-content, -.sidenav { - transition: all 0.2s ease-in-out; -} - -.sidenav { - z-index: 9999; -} - -.sidenav .navbar-brand, -.sidenav .navbar-heading { - display: block; -} - -@media (min-width: 1200px) { - .sidenav:hover { - max-width: 15.625rem; - } - - .sidenav .sidenav-toggler { - padding: 1.5rem; - } - - .sidenav.fixed-start+.main-content { - margin-left: 17.125rem; - } - - .sidenav.fixed-end+.main-content { - margin-right: 17.125rem; - } -} - -.sidenav .navbar-heading .docs-mini { - padding-left: 3px; -} - -.sidenav .navbar-heading { - transition: all 0.1s ease; -} - -.sidenav .navbar-brand { - padding: 1.5rem 2rem; -} - -.sidenav .collapse .nav-item .nav-link.active { - color: #fff !important; -} - -.sidenav .collapse .nav-item .nav-link.active i { - color: #fff !important; -} - -body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, -body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text, -body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i, -body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text { - color: #344767 !important; -} - -.sidenav-header { - height: 4.875rem; -} - -.sidenav-footer .card.card-background:after { - opacity: 0.65; -} - -.g-sidenav-show .sidenav .nav-item .collapse { - height: auto; - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .g-sidenav-show .sidenav .nav-item .collapse { - transition: none; - } -} - -.g-sidenav-show .sidenav .nav-link-text { - transition: 0.3s ease; - opacity: 1; -} - -.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { - margin-left: 0; -} - -@media (max-width: 1199.98px) { - .g-sidenav-show.rtl .sidenav { - transform: translateX(17.125rem); - } - - .g-sidenav-show:not(.rtl) .sidenav { - transform: translateX(-17.125rem); - } - - .g-sidenav-show .sidenav.fixed-start+.main-content { - margin-left: 0 !important; - } - - .g-sidenav-show.g-sidenav-pinned .sidenav { - transform: translateX(0); - } -} - -.navbar-vertical.bg-white { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); -} - -.navbar-vertical.bg-white .navbar-nav .nav-link.active { - box-shadow: none; -} - -.navbar-vertical.bg-transparent .navbar-nav .nav-link.active:after, -.navbar-vertical.bg-white .navbar-nav .nav-link.active:after { - color: rgba(206, 212, 218, 0.7) !important; -} - -.navbar-vertical .navbar-nav .nav-link.active { - font-weight: 400; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - border-radius: 0.375rem; - margin-top: 1.5px; - margin-bottom: 1.5px; -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active { - color: #fff; - border-right-width: 0; - border-bottom-width: 0; - background-color: rgba(199, 199, 199, 0.2); -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active span { - color: #fff; -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { - background-color: rgba(199, 199, 199, 0.2); -} - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { - background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); -} - -.navbar-main { - transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; -} - -.navbar-main.fixed-top { - width: calc(100% - (15.625rem + 1.5rem * 3)); -} - -.navbar-main.fixed-top+[class*="container"] { - margin-top: 7.1875rem !important; -} - -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - font-family: 'Font Awesome 5 Free'; - font-weight: 700; - content: "\f107"; - margin-left: auto; - color: rgba(206, 212, 218, 0.7); - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { - transition: none; - } -} - -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { - color: #CED4DA; - transform: rotate(180deg); -} - -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"].active:after { - color: #fff; -} - -.navbar-vertical .navbar-nav .nav-item .collapse .nav, -.navbar-vertical .navbar-nav .nav-item .collapsing .nav { - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - - .navbar-vertical .navbar-nav .nav-item .collapse .nav, - .navbar-vertical .navbar-nav .nav-item .collapsing .nav { - transition: none; - } -} - -.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, -.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { - position: relative; - background-color: transparent; - box-shadow: none; - color: rgba(206, 212, 218, 0.7); -} - -.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, -.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active { - color: #CED4DA; -} - -.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link, -.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link { - color: #CED4DA; -} - -.navbar-vertical.blur .navbar-nav>.nav-item .nav-link { - background-color: transparent; - box-shadow: none; -} - -.navbar-vertical .navbar-brand .navbar-brand-img, -.navbar-vertical .navbar-brand span { - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - - .navbar-vertical .navbar-brand .navbar-brand-img, - .navbar-vertical .navbar-brand span { - transition: none; - } -} - -.navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { - transition: all 0.2s ease-in-out; - text-align: center; - min-width: 1.8rem; -} - -@media (prefers-reduced-motion: reduce) { - .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { - transition: none; - } -} - -.navbar-vertical .docs-info { - transition: all 0.2s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .navbar-vertical .docs-info { - transition: none; - } -} - -.navbar-vertical .nav-item .nav-link { - margin-top: 3px; - margin-bottom: 3px; - border-radius: 0.375rem; - margin-bottom: 1.5px; - margin-top: 1.5px; -} - -.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link, -.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link { - margin-top: 1.5px; - margin-bottom: 1.5px; -} - -.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, -.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link, -.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, -.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link { - margin-top: 1.5px; - margin-bottom: 1.5px; -} - -.navbar-vertical .nav-item:hover .nav-link { - background-color: rgba(199, 199, 199, 0.2); - border-radius: 0.375rem; -} - -.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item:hover>.nav-link { - background-color: rgba(199, 199, 199, 0.2); - border-radius: 0.375rem; -} - -.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item+.collapse .nav .nav-item:hover .nav-link { - background-color: rgba(199, 199, 199, 0.2); - border-radius: 0.375rem; -} - -@media (min-width: 1200px) { - .g-sidenav-hidden.rtl .main-content { - margin-right: 6rem !important; - } - - .g-sidenav-hidden.rtl .navbar-vertical:hover { - max-width: 15.625rem !important; - } - - .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round { - margin-right: 2px; - } - - .g-sidenav-hidden.rtl .sidenav:hover+.main-content { - margin-right: 17.125rem !important; - } - - .g-sidenav-hidden .navbar-vertical { - max-width: 6rem !important; - } - - .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content { - margin-left: 7.5rem; - } - - .g-sidenav-hidden .navbar-vertical .navbar-brand img { - width: auto !important; - } - - .g-sidenav-hidden .navbar-vertical .navbar-brand span { - opacity: 0; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon { - padding: 10px; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round { - margin-left: 2px; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { - opacity: 0; - width: 0; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon { - min-width: 1.8rem; - margin-left: 0.15rem !important; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after { - content: ""; - opacity: 0; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav { - margin-left: 0 !important; - padding-left: 0 !important; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link { - margin-left: 1rem; - } - - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { - content: "\f107"; - } - - .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape { - margin-bottom: 0 !important; - } - - .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info { - opacity: 0; - width: 0; - height: 0; - } - - .g-sidenav-hidden .navbar-vertical:hover { - max-width: 15.625rem !important; - } - - .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content { - margin-left: 17.125rem; - } - - .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span { - opacity: 1; - } - - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text, - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { - opacity: 1; - width: auto; - } - - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after { - content: "\f107"; - opacity: 1; - } - - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav, - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { - margin-left: 0 !important; - padding-left: 0 !important; - } - - .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape { - margin-bottom: 1rem !important; - } - - .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info { - opacity: 1; - width: auto; - height: auto; - } -} - -.nav.nav-pills { - background: #f8f9fa; - border-radius: 0.75rem; - position: relative; -} - -.nav.nav-pills.nav-pills-vertical { - border-radius: 1.1875rem; -} - -.nav.nav-pills.nav-pills-vertical .nav-link.active { - border-radius: 0.875rem; -} - -.nav.nav-pills .nav-link { - z-index: 3; - color: #344767; - border-radius: 0.5rem; - background-color: inherit; -} - -.nav.nav-pills .nav-link.active { - animation: 0.2s ease; -} - -.nav.nav-pills .nav-link:hover:not(.active) { - color: #344767; -} - -.nav.nav-pills.nav-pills-primary { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-primary .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { - background: #1FD0E0; - color: #1FD0E0; -} - -.nav.nav-pills.nav-pills-info { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-info .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { - background: #49a3f1; - color: #49a3f1; -} - -.nav.nav-pills.nav-pills-success { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-success .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { - background: #66BB6A; - color: #66BB6A; -} - -.nav.nav-pills.nav-pills-warning { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-warning .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { - background: #FFA726; - color: #FFA726; -} - -.nav.nav-pills.nav-pills-danger { - background: #fff; - color: #fff; -} - -.nav.nav-pills.nav-pills-danger .nav-link.active { - color: #fff; -} - -.nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { - background: #EF5350; - color: #EF5350; -} - -.nav.nav-pills .nav-item { - z-index: 3; -} - -.moving-tab { - z-index: 1 !important; -} - -.moving-tab .nav-link { - color: #fff; - transition: .2s ease; - border-radius: 0.5rem; -} - -.moving-tab .nav-link.active { - color: #fff; - font-weight: 600; - box-shadow: 0px 1px 5px 1px #ddd; - animation: 0.2s ease; - background: #fff; -} - -.moving-tab .nav-link:hover:not(.active) { - color: #344767; -} - -.page-item.active .page-link { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); -} - -.page-item .page-link, -.page-item span { - display: flex; - align-items: center; - justify-content: center; - color: #7b809a; - padding: 0; - margin: 0 3px; - border-radius: 50% !important; - width: 36px; - height: 36px; - font-size: 0.875rem; -} - -.pagination-lg .page-item .page-link, -.pagination-lg .page-item span { - width: 46px; - height: 46px; - line-height: 46px; -} - -.pagination-sm .page-item .page-link, -.pagination-sm .page-item span { - width: 30px; - height: 30px; - line-height: 30px; -} - -.pagination.pagination-primary .page-item.active>.page-link, -.pagination.pagination-primary .page-item.active>.page-link:focus, -.pagination.pagination-primary .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); - border: none; -} - -.pagination.pagination-secondary .page-item.active>.page-link, -.pagination.pagination-secondary .page-item.active>.page-link:focus, -.pagination.pagination-secondary .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); - border: none; -} - -.pagination.pagination-success .page-item.active>.page-link, -.pagination.pagination-success .page-item.active>.page-link:focus, -.pagination.pagination-success .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); - border: none; -} - -.pagination.pagination-info .page-item.active>.page-link, -.pagination.pagination-info .page-item.active>.page-link:focus, -.pagination.pagination-info .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); - border: none; -} - -.pagination.pagination-warning .page-item.active>.page-link, -.pagination.pagination-warning .page-item.active>.page-link:focus, -.pagination.pagination-warning .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); - border: none; -} - -.pagination.pagination-danger .page-item.active>.page-link, -.pagination.pagination-danger .page-item.active>.page-link:focus, -.pagination.pagination-danger .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); - border: none; -} - -.pagination.pagination-light .page-item.active>.page-link, -.pagination.pagination-light .page-item.active>.page-link:focus, -.pagination.pagination-light .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); - border: none; -} - -.pagination.pagination-dark .page-item.active>.page-link, -.pagination.pagination-dark .page-item.active>.page-link:focus, -.pagination.pagination-dark .page-item.active>.page-link:hover { - background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); - border: none; -} - -.popover { - box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -} - -.popover .popover-header { - font-weight: 600; -} - -.progress-bar { - height: 6px; - border-radius: 0.125rem; -} - -.progress { - overflow: visible; -} - -.progress.progress-sm { - height: 4px; -} - -.progress.progress-lg { - height: 20px; -} - -.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before { - float: right; - padding-left: 0.5rem; - padding-right: 0; -} - -.rtl .sidenav .navbar-nav { - width: 100%; - padding-right: 0; -} - -.rtl .fixed-plugin .fixed-plugin-button { - left: 30px; - right: auto; -} - -.rtl .fixed-plugin .card { - left: -360px !important; - right: auto; -} - -.rtl .fixed-plugin.show .card { - right: auto; - left: 0 !important; -} - -.rtl .timeline .timeline-content { - margin-right: 45px; - margin-left: 0; -} - -.rtl .timeline .timeline-step { - transform: translateX(50%); -} - -.rtl .timeline.timeline-one-side:before { - right: 1rem; -} - -.rtl .timeline.timeline-one-side .timeline-step { - right: 1rem; -} - -.rtl .form-check.form-switch .form-check-input:after { - transform: translateX(-1px); -} - -.rtl .form-check.form-switch .form-check-input:checked:after { - transform: translateX(21px); -} - -.rtl .avatar-group .avatar+.avatar { - margin-left: 0; - margin-right: -1rem; -} - -.rtl .dropdown .dropdown-menu { - left: 0; -} - -.rtl .input-group .input-group-text { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-right: -1px; - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), -.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.ripple { - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.3); - border-radius: 100%; - transform: scale(0); - animation: ripple 0.65s linear; -} - -@keyframes ripple { - 100% { - opacity: 0; - transform: scale(2.5); - } -} - -.btn.btn-facebook { - background-color: #3b5998; - color: #fff; -} - -.btn.btn-facebook:focus, -.btn.btn-facebook:hover { - background-color: #344e86; - color: #fff; -} - -.btn.btn-facebook:active, -.btn.btn-facebook:focus, -.btn.btn-facebook:active:focus { - box-shadow: none; -} - -.btn.btn-facebook.btn-simple { - color: #344e86; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-facebook.btn-simple:hover, -.btn.btn-facebook.btn-simple:focus, -.btn.btn-facebook.btn-simple:hover:focus, -.btn.btn-facebook.btn-simple:active, -.btn.btn-facebook.btn-simple:hover:focus:active { - color: #344e86; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-facebook.btn-neutral { - color: #3b5998; - background-color: #fff; -} - -.btn.btn-facebook.btn-neutral:hover, -.btn.btn-facebook.btn-neutral:focus, -.btn.btn-facebook.btn-neutral:active { - color: #344e86; -} - -.btn.btn-twitter { - background-color: #55acee; - color: #fff; -} - -.btn.btn-twitter:focus, -.btn.btn-twitter:hover { - background-color: #3ea1ec; - color: #fff; -} - -.btn.btn-twitter:active, -.btn.btn-twitter:focus, -.btn.btn-twitter:active:focus { - box-shadow: none; -} - -.btn.btn-twitter.btn-simple { - color: #3ea1ec; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-twitter.btn-simple:hover, -.btn.btn-twitter.btn-simple:focus, -.btn.btn-twitter.btn-simple:hover:focus, -.btn.btn-twitter.btn-simple:active, -.btn.btn-twitter.btn-simple:hover:focus:active { - color: #3ea1ec; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-twitter.btn-neutral { - color: #55acee; - background-color: #fff; -} - -.btn.btn-twitter.btn-neutral:hover, -.btn.btn-twitter.btn-neutral:focus, -.btn.btn-twitter.btn-neutral:active { - color: #3ea1ec; -} - -.btn.btn-pinterest { - background-color: #cc2127; - color: #fff; -} - -.btn.btn-pinterest:focus, -.btn.btn-pinterest:hover { - background-color: #b21d22; - color: #fff; -} - -.btn.btn-pinterest:active, -.btn.btn-pinterest:focus, -.btn.btn-pinterest:active:focus { - box-shadow: none; -} - -.btn.btn-pinterest.btn-simple { - color: #b21d22; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-pinterest.btn-simple:hover, -.btn.btn-pinterest.btn-simple:focus, -.btn.btn-pinterest.btn-simple:hover:focus, -.btn.btn-pinterest.btn-simple:active, -.btn.btn-pinterest.btn-simple:hover:focus:active { - color: #b21d22; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-pinterest.btn-neutral { - color: #cc2127; - background-color: #fff; -} - -.btn.btn-pinterest.btn-neutral:hover, -.btn.btn-pinterest.btn-neutral:focus, -.btn.btn-pinterest.btn-neutral:active { - color: #b21d22; -} - -.btn.btn-linkedin { - background-color: #0077B5; - color: #fff; -} - -.btn.btn-linkedin:focus, -.btn.btn-linkedin:hover { - background-color: #00669c; - color: #fff; -} - -.btn.btn-linkedin:active, -.btn.btn-linkedin:focus, -.btn.btn-linkedin:active:focus { - box-shadow: none; -} - -.btn.btn-linkedin.btn-simple { - color: #00669c; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-linkedin.btn-simple:hover, -.btn.btn-linkedin.btn-simple:focus, -.btn.btn-linkedin.btn-simple:hover:focus, -.btn.btn-linkedin.btn-simple:active, -.btn.btn-linkedin.btn-simple:hover:focus:active { - color: #00669c; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-linkedin.btn-neutral { - color: #0077B5; - background-color: #fff; -} - -.btn.btn-linkedin.btn-neutral:hover, -.btn.btn-linkedin.btn-neutral:focus, -.btn.btn-linkedin.btn-neutral:active { - color: #00669c; -} - -.btn.btn-dribbble { - background-color: #ea4c89; - color: #fff; -} - -.btn.btn-dribbble:focus, -.btn.btn-dribbble:hover { - background-color: #e73177; - color: #fff; -} - -.btn.btn-dribbble:active, -.btn.btn-dribbble:focus, -.btn.btn-dribbble:active:focus { - box-shadow: none; -} - -.btn.btn-dribbble.btn-simple { - color: #e73177; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-dribbble.btn-simple:hover, -.btn.btn-dribbble.btn-simple:focus, -.btn.btn-dribbble.btn-simple:hover:focus, -.btn.btn-dribbble.btn-simple:active, -.btn.btn-dribbble.btn-simple:hover:focus:active { - color: #e73177; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-dribbble.btn-neutral { - color: #ea4c89; - background-color: #fff; -} - -.btn.btn-dribbble.btn-neutral:hover, -.btn.btn-dribbble.btn-neutral:focus, -.btn.btn-dribbble.btn-neutral:active { - color: #e73177; -} - -.btn.btn-github { - background-color: #24292E; - color: #fff; -} - -.btn.btn-github:focus, -.btn.btn-github:hover { - background-color: #171a1d; - color: #fff; -} - -.btn.btn-github:active, -.btn.btn-github:focus, -.btn.btn-github:active:focus { - box-shadow: none; -} - -.btn.btn-github.btn-simple { - color: #171a1d; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-github.btn-simple:hover, -.btn.btn-github.btn-simple:focus, -.btn.btn-github.btn-simple:hover:focus, -.btn.btn-github.btn-simple:active, -.btn.btn-github.btn-simple:hover:focus:active { - color: #171a1d; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-github.btn-neutral { - color: #24292E; - background-color: #fff; -} - -.btn.btn-github.btn-neutral:hover, -.btn.btn-github.btn-neutral:focus, -.btn.btn-github.btn-neutral:active { - color: #171a1d; -} - -.btn.btn-youtube { - background-color: #e52d27; - color: #fff; -} - -.btn.btn-youtube:focus, -.btn.btn-youtube:hover { - background-color: #d41f1a; - color: #fff; -} - -.btn.btn-youtube:active, -.btn.btn-youtube:focus, -.btn.btn-youtube:active:focus { - box-shadow: none; -} - -.btn.btn-youtube.btn-simple { - color: #d41f1a; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-youtube.btn-simple:hover, -.btn.btn-youtube.btn-simple:focus, -.btn.btn-youtube.btn-simple:hover:focus, -.btn.btn-youtube.btn-simple:active, -.btn.btn-youtube.btn-simple:hover:focus:active { - color: #d41f1a; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-youtube.btn-neutral { - color: #e52d27; - background-color: #fff; -} - -.btn.btn-youtube.btn-neutral:hover, -.btn.btn-youtube.btn-neutral:focus, -.btn.btn-youtube.btn-neutral:active { - color: #d41f1a; -} - -.btn.btn-instagram { - background-color: #125688; - color: #fff; -} - -.btn.btn-instagram:focus, -.btn.btn-instagram:hover { - background-color: #0e456d; - color: #fff; -} - -.btn.btn-instagram:active, -.btn.btn-instagram:focus, -.btn.btn-instagram:active:focus { - box-shadow: none; -} - -.btn.btn-instagram.btn-simple { - color: #0e456d; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-instagram.btn-simple:hover, -.btn.btn-instagram.btn-simple:focus, -.btn.btn-instagram.btn-simple:hover:focus, -.btn.btn-instagram.btn-simple:active, -.btn.btn-instagram.btn-simple:hover:focus:active { - color: #0e456d; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-instagram.btn-neutral { - color: #125688; - background-color: #fff; -} - -.btn.btn-instagram.btn-neutral:hover, -.btn.btn-instagram.btn-neutral:focus, -.btn.btn-instagram.btn-neutral:active { - color: #0e456d; -} - -.btn.btn-reddit { - background-color: #ff4500; - color: #fff; -} - -.btn.btn-reddit:focus, -.btn.btn-reddit:hover { - background-color: #e03d00; - color: #fff; -} - -.btn.btn-reddit:active, -.btn.btn-reddit:focus, -.btn.btn-reddit:active:focus { - box-shadow: none; -} - -.btn.btn-reddit.btn-simple { - color: #e03d00; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-reddit.btn-simple:hover, -.btn.btn-reddit.btn-simple:focus, -.btn.btn-reddit.btn-simple:hover:focus, -.btn.btn-reddit.btn-simple:active, -.btn.btn-reddit.btn-simple:hover:focus:active { - color: #e03d00; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-reddit.btn-neutral { - color: #ff4500; - background-color: #fff; -} - -.btn.btn-reddit.btn-neutral:hover, -.btn.btn-reddit.btn-neutral:focus, -.btn.btn-reddit.btn-neutral:active { - color: #e03d00; -} - -.btn.btn-tumblr { - background-color: #35465c; - color: #fff; -} - -.btn.btn-tumblr:focus, -.btn.btn-tumblr:hover { - background-color: #2a3749; - color: #fff; -} - -.btn.btn-tumblr:active, -.btn.btn-tumblr:focus, -.btn.btn-tumblr:active:focus { - box-shadow: none; -} - -.btn.btn-tumblr.btn-simple { - color: #2a3749; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-tumblr.btn-simple:hover, -.btn.btn-tumblr.btn-simple:focus, -.btn.btn-tumblr.btn-simple:hover:focus, -.btn.btn-tumblr.btn-simple:active, -.btn.btn-tumblr.btn-simple:hover:focus:active { - color: #2a3749; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-tumblr.btn-neutral { - color: #35465c; - background-color: #fff; -} - -.btn.btn-tumblr.btn-neutral:hover, -.btn.btn-tumblr.btn-neutral:focus, -.btn.btn-tumblr.btn-neutral:active { - color: #2a3749; -} - -.btn.btn-behance { - background-color: #1769ff; - color: #fff; -} - -.btn.btn-behance:focus, -.btn.btn-behance:hover { - background-color: #0057f7; - color: #fff; -} - -.btn.btn-behance:active, -.btn.btn-behance:focus, -.btn.btn-behance:active:focus { - box-shadow: none; -} - -.btn.btn-behance.btn-simple { - color: #0057f7; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-behance.btn-simple:hover, -.btn.btn-behance.btn-simple:focus, -.btn.btn-behance.btn-simple:hover:focus, -.btn.btn-behance.btn-simple:active, -.btn.btn-behance.btn-simple:hover:focus:active { - color: #0057f7; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-behance.btn-neutral { - color: #1769ff; - background-color: #fff; -} - -.btn.btn-behance.btn-neutral:hover, -.btn.btn-behance.btn-neutral:focus, -.btn.btn-behance.btn-neutral:active { - color: #0057f7; -} - -.btn.btn-vimeo { - background-color: #1AB7EA; - color: #fff; -} - -.btn.btn-vimeo:focus, -.btn.btn-vimeo:hover { - background-color: #13a3d2; - color: #fff; -} - -.btn.btn-vimeo:active, -.btn.btn-vimeo:focus, -.btn.btn-vimeo:active:focus { - box-shadow: none; -} - -.btn.btn-vimeo.btn-simple { - color: #13a3d2; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-vimeo.btn-simple:hover, -.btn.btn-vimeo.btn-simple:focus, -.btn.btn-vimeo.btn-simple:hover:focus, -.btn.btn-vimeo.btn-simple:active, -.btn.btn-vimeo.btn-simple:hover:focus:active { - color: #13a3d2; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-vimeo.btn-neutral { - color: #1AB7EA; - background-color: #fff; -} - -.btn.btn-vimeo.btn-neutral:hover, -.btn.btn-vimeo.btn-neutral:focus, -.btn.btn-vimeo.btn-neutral:active { - color: #13a3d2; -} - -.btn.btn-slack { - background-color: #3aaf85; - color: #fff; -} - -.btn.btn-slack:focus, -.btn.btn-slack:hover { - background-color: #329874; - color: #fff; -} - -.btn.btn-slack:active, -.btn.btn-slack:focus, -.btn.btn-slack:active:focus { - box-shadow: none; -} - -.btn.btn-slack.btn-simple { - color: #329874; - background-color: transparent; - background-image: none !important; - box-shadow: none; - border: none; -} - -.btn.btn-slack.btn-simple:hover, -.btn.btn-slack.btn-simple:focus, -.btn.btn-slack.btn-simple:hover:focus, -.btn.btn-slack.btn-simple:active, -.btn.btn-slack.btn-simple:hover:focus:active { - color: #329874; - background: transparent !important; - box-shadow: none !important; -} - -.btn.btn-slack.btn-neutral { - color: #3aaf85; - background-color: #fff; -} - -.btn.btn-slack.btn-neutral:hover, -.btn.btn-slack.btn-neutral:focus, -.btn.btn-slack.btn-neutral:active { - color: #329874; -} - -.table thead th { - padding: 0.75rem 1.5rem; - text-transform: capitalize; - letter-spacing: 0px; - border-bottom: 1px solid #f0f2f5; -} - -.table th { - font-weight: 600; -} - -.table td .progress { - height: 3px; - width: 120px; - margin: 0; -} - -.table td .progress .progress-bar { - height: 3px; -} - -.table td, -.table th { - white-space: nowrap; -} - -.table.align-items-center td, -.table.align-items-center th { - vertical-align: middle; -} - -.table tbody tr:last-child td { - border-width: 0; -} - -.table> :not(:last-child)> :last-child>* { - border-bottom-color: #f0f2f5; -} - -.table> :not(:first-child) { - border-top: 1px solid currentColor; -} - -.timeline { - position: relative; -} - -.timeline:before { - content: ''; - position: absolute; - top: 0; - left: 1rem; - height: 100%; - border-right: 2px solid #e5e5e5; -} - -.timeline.timeline-dark:before { - border-right-color: #4a4a4a; -} - -.timeline-block { - position: relative; -} - -.timeline-block:after { - content: ""; - display: table; - clear: both; -} - -.timeline-block:first-child { - margin-top: 0; -} - -.timeline-block:last-child { - margin-bottom: 0; -} - -.timeline-step { - position: absolute; - display: inline-flex; - align-items: center; - justify-content: center; - left: 0; - width: 26px; - height: 26px; - border-radius: 50%; - background: #fff; - text-align: center; - transform: translateX(-50%); - font-size: 1rem; - font-weight: 600; - z-index: 1; -} - -.timeline-step svg, -.timeline-step i { - line-height: 1.4; -} - -.timeline-content { - position: relative; - margin-left: 45px; - padding-top: 0.35rem; - position: relative; - top: -6px; -} - -.timeline-content:after { - content: ""; - display: table; - clear: both; -} - -@media (min-width: 992px) { - .timeline:before { - left: 50%; - margin-left: -1px; - } - - .timeline-step { - left: 50%; - } - - .timeline-content { - width: 38%; - } - - .timeline-block:nth-child(even) .timeline-content { - float: right; - } -} - -.timeline-one-side:before { - left: 1rem; -} - -.timeline-one-side .timeline-step { - left: 1rem; -} - -.timeline-one-side .timeline-content { - width: auto; -} - -@media (min-width: 992px) { - .timeline-one-side .timeline-content { - max-width: 30rem; - } -} - -.timeline-one-side .timeline-block:nth-child(even) .timeline-content { - float: none; -} - -.tilt { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.tilt .up { - -webkit-transform: translateZ(50px) scale(0.7); - transform: translateZ(50px) scale(0.7) !important; - transition: all 0.5s; -} - -.bs-tooltip-auto[x-placement^=right] .tooltip-arrow, -.bs-tooltip-right .tooltip-arrow { - left: 1px; -} - -.bs-tooltip-auto[x-placement^=left] .tooltip-arrow, -.bs-tooltip-left .tooltip-arrow { - right: 1px; -} - -html * { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body { - font-weight: 400; - line-height: 1.6; -} - -h1, -.h1, -.h1 { - font-size: 3rem; - line-height: 1.25; - letter-spacing: 0; -} - -@media (max-width: 575.98px) { - - h1, - .h1, - .h1 { - font-size: calc(1.425rem + 2.1vw); - } -} - -h2, -.h2, -.h2 { - font-size: 2.25rem; - line-height: 1.3; - letter-spacing: 0.05rem; -} - -@media (max-width: 575.98px) { - - h2, - .h2, - .h2 { - font-size: calc(1.35rem + 1.2vw); - } -} - -h3, -.h3, -.h3 { - font-size: 1.875rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h3, - .h3, - .h3 { - font-size: calc(1.3125rem + 0.75vw); - } -} - -h4, -.h4, -.h4 { - font-size: 1.5rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h4, - .h4, - .h4 { - font-size: calc(1.275rem + 0.3vw); - } -} - -h5, -.h5, -.h5 { - font-size: 1.25rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h5, - .h5, - .h5 { - font-size: 1.25rem; - } -} - -h6, -.h6, -.h6 { - font-size: 1rem; - line-height: 1.625; -} - -p, -.p { - font-size: 1rem; - font-weight: 400; - line-height: 1.6; -} - -.lead { - font-size: 1.25rem; - font-weight: 400; - line-height: 1.625; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3 { - font-weight: 600; - font-family: "Roboto Slab", sans-serif; -} - -h4, -.h4, -.h4, -h5, -.h5, -.h5, -h6, -.h6, -.h6 { - font-weight: 600; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3, -h4, -.h4, -.h4 { - letter-spacing: -0.05rem; -} - -a { - letter-spacing: 0rem; - color: #344767; -} - -.text-sm { - line-height: 1.5; -} - -.text-xs { - line-height: 1.25; -} - -p, -.p { - font-size: 1rem; -} - -.lead { - font-size: 1.25rem; -} - -.text-lg { - font-size: 1.125rem !important; -} - -.text-md { - font-size: 1rem !important; -} - -.text-sm { - font-size: 0.875rem !important; -} - -.text-xs { - font-size: 0.75rem !important; -} - -.text-xxs { - font-size: 0.65rem !important; -} - -p { - line-height: 1.625; - font-weight: 300; -} - -.text-sans-serif { - font-family: "Roboto", Helvetica, Arial, sans-serif !important; -} - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; -} - -.text-justify { - text-align: justify !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.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: 600 !important; -} - -.font-weight-bolder { - font-weight: 700 !important; -} - -.font-italic { - font-style: italic !important; -} - -.text-gradient { - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - position: relative; - z-index: 1; -} - -.text-gradient.text-primary { - background-image: linear-gradient(195deg, #9CFF87, #1FD0E0); -} - -.text-gradient.text-info { - background-image: linear-gradient(195deg, #49a3f1, #1A73E8); -} - -.text-gradient.text-success { - background-image: linear-gradient(195deg, #66BB6A, #43A047); -} - -.text-gradient.text-warning { - background-image: linear-gradient(195deg, #FFA726, #FB8C00); -} - -.text-gradient.text-danger { - background-image: linear-gradient(195deg, #EF5350, #E53935); -} - -.text-gradient.text-dark { - background-image: linear-gradient(195deg, #42424a, #191919); -} - -.blockquote { - border-left: 3px solid #6c757d; -} - -.blockquote>span { - font-style: italic; -} - -.text-muted { - color: #7b809a !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-break { - word-wrap: break-word !important; -} - -.text-reset { - color: inherit !important; -} - -.letter-wider { - letter-spacing: 0.05rem; -} - -.letter-normal { - letter-spacing: 0rem; -} - -.letter-tighter { - letter-spacing: -0.05rem; -} - -.text-lighter { - font-weight: lighter; -} - -.text-light { - font-weight: 300; -} - -.text-normal { - font-weight: 400; -} - -.text-bold { - font-weight: 600; -} - -.text-bolder { - font-weight: 700; -} - -.text-2xl { - font-size: 1.5rem; -} - -.text-3xl { - font-size: 1.875rem; -} - -.text-4xl { - font-size: 2rem; -} - -.text-5xl { - font-size: 2.25rem; -} - -.text-6xl { - font-size: 3rem; -} - -.text-7xl { - font-size: 3.75rem; -} - -.text-8xl { - font-size: 4rem; -} - -.text-9xl { - font-size: 5rem; -} - -.flatpickr-calendar { - background: transparent; - opacity: 0; - display: none; - text-align: center; - visibility: hidden; - padding: 0; - -webkit-animation: none; - animation: none; - direction: ltr; - border: 0; - font-size: 14px; - line-height: 24px; - border-radius: 0.75rem; - position: absolute; - width: 307.875px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -ms-touch-action: manipulation; - touch-action: manipulation; - background: #fff; - -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - transform: scale(0.95) !important; -} - -.flatpickr-calendar.open, -.flatpickr-calendar.inline { - opacity: 1; - max-height: 640px; - visibility: visible; - transform: scale(1) !important; -} - -.flatpickr-calendar.open { - display: inline-block; - z-index: 99999; -} - -.flatpickr-calendar.animate.open { - -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); - animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); -} - -.flatpickr-calendar.inline { - display: block; - position: relative; - top: 2px; -} - -.flatpickr-calendar.static { - position: absolute; - top: calc(100% + 2px); -} - -.flatpickr-calendar.static.open { - z-index: 999; - display: block; -} - -.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { - -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; -} - -.flatpickr-calendar .hasWeeks .dayContainer, -.flatpickr-calendar .hasTime .dayContainer { - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.flatpickr-calendar .hasWeeks .dayContainer { - border-left: 0; -} - -.flatpickr-calendar.hasTime .flatpickr-time { - height: 40px; - border-top: 1px solid #e6e6e6; -} - -.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { - height: auto; -} - -.flatpickr-calendar:before, -.flatpickr-calendar:after { - position: absolute; - display: block; - pointer-events: none; - border: solid transparent; - content: ''; - height: 0; - width: 0; - left: 22px; -} - -.flatpickr-calendar.rightMost:before, -.flatpickr-calendar.arrowRight:before, -.flatpickr-calendar.rightMost:after, -.flatpickr-calendar.arrowRight:after { - left: auto; - right: 22px; -} - -.flatpickr-calendar.arrowCenter:before, -.flatpickr-calendar.arrowCenter:after { - left: 50%; - right: 50%; -} - -.flatpickr-calendar:before { - border-width: 5px; - margin: 0 -5px; -} - -.flatpickr-calendar:after { - border-width: 4px; - margin: 0 -4px; -} - -.flatpickr-calendar.arrowTop:before, -.flatpickr-calendar.arrowTop:after { - bottom: 100%; -} - -.flatpickr-calendar.arrowTop:before { - border-bottom-color: #fff; -} - -.flatpickr-calendar.arrowTop:after { - border-bottom-color: #fff; -} - -.flatpickr-calendar.arrowBottom:before, -.flatpickr-calendar.arrowBottom:after { - top: 100%; -} - -.flatpickr-calendar.arrowBottom:before { - border-top-color: #e6e6e6; -} - -.flatpickr-calendar.arrowBottom:after { - border-top-color: #fff; -} - -.flatpickr-calendar:focus { - outline: 0; -} - -.flatpickr-wrapper { - position: relative; - display: inline-block; -} - -.flatpickr-months { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.flatpickr-months .flatpickr-month { - background: transparent; - color: #344767; - fill: rgba(0, 0, 0, 0.8); - height: 34px; - line-height: 1; - text-align: center; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: hidden; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.flatpickr-months .flatpickr-prev-month, -.flatpickr-months .flatpickr-next-month { - text-decoration: none; - cursor: pointer; - position: absolute; - top: 0; - height: 34px; - padding: 10px; - z-index: 3; - color: rgba(0, 0, 0, 0.9); - fill: rgba(0, 0, 0, 0.9); -} - -.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, -.flatpickr-months .flatpickr-next-month.flatpickr-disabled { - display: none; -} - -.flatpickr-months .flatpickr-prev-month i, -.flatpickr-months .flatpickr-next-month i { - position: relative; -} - -.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, -.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { - /* - /*rtl:begin:ignore*/ - /* - */ - left: 0; - /* - /*rtl:end:ignore*/ - /* - */ -} - -/* - /*rtl:begin:ignore*/ -/* - /*rtl:end:ignore*/ -.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, -.flatpickr-months .flatpickr-next-month.flatpickr-next-month { - /* - /*rtl:begin:ignore*/ - /* - */ - right: 0; - /* - /*rtl:end:ignore*/ - /* - */ -} - -/* - /*rtl:begin:ignore*/ -/* - /*rtl:end:ignore*/ -.flatpickr-months .flatpickr-prev-month:hover, -.flatpickr-months .flatpickr-next-month:hover { - color: #959ea9; -} - -.flatpickr-months .flatpickr-prev-month:hover svg, -.flatpickr-months .flatpickr-next-month:hover svg { - fill: #f64747; -} - -.flatpickr-months .flatpickr-prev-month svg, -.flatpickr-months .flatpickr-next-month svg { - width: 14px; - height: 14px; -} - -.flatpickr-months .flatpickr-prev-month svg path, -.flatpickr-months .flatpickr-next-month svg path { - -webkit-transition: fill 0.1s; - transition: fill 0.1s; - fill: inherit; -} - -.numInputWrapper { - position: relative; - height: auto; -} - -.numInputWrapper input, -.numInputWrapper span { - display: inline-block; -} - -.numInputWrapper input { - width: 100%; -} - -.numInputWrapper input::-ms-clear { - display: none; -} - -.numInputWrapper input::-webkit-outer-spin-button, -.numInputWrapper input::-webkit-inner-spin-button { - margin: 0; - -webkit-appearance: none; -} - -.numInputWrapper span { - position: absolute; - right: 0; - width: 14px; - padding: 0 4px 0 2px; - height: 50%; - line-height: 50%; - opacity: 0; - cursor: pointer; - border: 1px solid rgba(57, 57, 57, 0.15); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.numInputWrapper span:hover { - background: rgba(0, 0, 0, 0.1); -} - -.numInputWrapper span:active { - background: rgba(0, 0, 0, 0.2); -} - -.numInputWrapper span:after { - display: block; - content: ""; - position: absolute; -} - -.numInputWrapper span.arrowUp { - top: 0; - border-bottom: 0; -} - -.numInputWrapper span.arrowUp:after { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(57, 57, 57, 0.6); - top: 26%; -} - -.numInputWrapper span.arrowDown { - top: 50%; -} - -.numInputWrapper span.arrowDown:after { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(57, 57, 57, 0.6); - top: 40%; -} - -.numInputWrapper span svg { - width: inherit; - height: auto; -} - -.numInputWrapper span svg path { - fill: rgba(0, 0, 0, 0.5); -} - -.numInputWrapper:hover { - background: rgba(0, 0, 0, 0.05); -} - -.numInputWrapper:hover span { - opacity: 1; -} - -.flatpickr-current-month { - font-size: 135%; - line-height: inherit; - font-weight: 300; - color: inherit; - position: absolute; - width: 75%; - left: 12.5%; - padding: 7.48px 0 0 0; - line-height: 1; - height: 34px; - display: inline-block; - text-align: center; - -webkit-transform: translate3d(0px, 0px, 0px); - transform: translate3d(0px, 0px, 0px); -} - -.flatpickr-current-month span.cur-month { - font-family: inherit; - font-weight: 700; - color: inherit; - display: inline-block; - margin-left: 0.5ch; - padding: 0; -} - -.flatpickr-current-month span.cur-month:hover { - background: rgba(0, 0, 0, 0.05); -} - -.flatpickr-current-month .numInputWrapper { - width: 6ch; - width: 7ch\0; - display: inline-block; -} - -.flatpickr-current-month .numInputWrapper span.arrowUp:after { - border-bottom-color: rgba(0, 0, 0, 0.9); -} - -.flatpickr-current-month .numInputWrapper span.arrowDown:after { - border-top-color: rgba(0, 0, 0, 0.9); -} - -.flatpickr-current-month input.cur-year { - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: inherit; - cursor: text; - padding: 0 0 0 0.5ch; - margin: 0; - display: inline-block; - font-size: inherit; - font-family: inherit; - font-weight: 300; - line-height: inherit; - height: auto; - border: 0; - border-radius: 0; - vertical-align: initial; - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; -} - -.flatpickr-current-month input.cur-year:focus { - outline: 0; -} - -.flatpickr-current-month input.cur-year[disabled], -.flatpickr-current-month input.cur-year[disabled]:hover { - font-size: 100%; - color: rgba(0, 0, 0, 0.5); - background: transparent; - pointer-events: none; -} - -.flatpickr-current-month .flatpickr-monthDropdown-months { - appearance: menulist; - background: transparent; - border: none; - border-radius: 0; - box-sizing: border-box; - color: inherit; - cursor: pointer; - font-size: inherit; - font-family: inherit; - font-weight: 300; - height: auto; - line-height: inherit; - margin: -1px 0 0 0; - outline: none; - padding: 0 0 0 0.5ch; - position: relative; - vertical-align: initial; - -webkit-box-sizing: border-box; - -webkit-appearance: menulist; - -moz-appearance: menulist; - width: auto; -} - -.flatpickr-current-month .flatpickr-monthDropdown-months:focus, -.flatpickr-current-month .flatpickr-monthDropdown-months:active { - outline: none; -} - -.flatpickr-current-month .flatpickr-monthDropdown-months:hover { - background: rgba(0, 0, 0, 0.05); -} - -.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { - background-color: transparent; - outline: none; - padding: 0; -} - -.flatpickr-weekdays { - background: transparent; - text-align: center; - overflow: hidden; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 28px; -} - -.flatpickr-weekdays .flatpickr-weekdaycontainer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -span.flatpickr-weekday { - cursor: default; - font-size: 90%; - background: transparent; - color: rgba(0, 0, 0, 0.54); - line-height: 1; - margin: 0; - text-align: center; - display: block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-weight: bolder; -} - -.dayContainer, -.flatpickr-weeks { - padding: 1px 0 0 0; -} - -.flatpickr-days { - position: relative; - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - width: 307.875px; -} - -.flatpickr-days:focus { - outline: 0; -} - -.dayContainer { - padding: 0; - outline: 0; - text-align: left; - width: 307.875px; - min-width: 307.875px; - max-width: 307.875px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - display: -ms-flexbox; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-wrap: wrap; - -ms-flex-pack: justify; - -webkit-justify-content: space-around; - justify-content: space-around; - -webkit-transform: translate3d(0px, 0px, 0px); - transform: translate3d(0px, 0px, 0px); - opacity: 1; -} - -.dayContainer+.dayContainer { - -webkit-box-shadow: -1px 0 0 #e6e6e6; - box-shadow: -1px 0 0 #e6e6e6; -} - -.flatpickr-day { - background: none; - border: 1px solid transparent; - border-radius: 150px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #344767; - cursor: pointer; - font-weight: 400; - width: 14.2857143%; - -webkit-flex-basis: 14.2857143%; - -ms-flex-preferred-size: 14.2857143%; - flex-basis: 14.2857143%; - max-width: 39px; - height: 39px; - line-height: 39px; - margin: 0; - display: inline-block; - position: relative; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; -} - -.flatpickr-day.inRange, -.flatpickr-day.prevMonthDay.inRange, -.flatpickr-day.nextMonthDay.inRange, -.flatpickr-day.today.inRange, -.flatpickr-day.prevMonthDay.today.inRange, -.flatpickr-day.nextMonthDay.today.inRange, -.flatpickr-day:hover, -.flatpickr-day.prevMonthDay:hover, -.flatpickr-day.nextMonthDay:hover, -.flatpickr-day:focus, -.flatpickr-day.prevMonthDay:focus, -.flatpickr-day.nextMonthDay:focus { - cursor: pointer; - outline: 0; - background: #e6e6e6; - border-color: #e6e6e6; -} - -.flatpickr-day.today { - border-color: #959ea9; -} - -.flatpickr-day.today:hover, -.flatpickr-day.today:focus { - border-color: #959ea9; - background: #959ea9; - color: #fff; -} - -.flatpickr-day.selected, -.flatpickr-day.startRange, -.flatpickr-day.endRange, -.flatpickr-day.selected.inRange, -.flatpickr-day.startRange.inRange, -.flatpickr-day.endRange.inRange, -.flatpickr-day.selected:focus, -.flatpickr-day.startRange:focus, -.flatpickr-day.endRange:focus, -.flatpickr-day.selected:hover, -.flatpickr-day.startRange:hover, -.flatpickr-day.endRange:hover, -.flatpickr-day.selected.prevMonthDay, -.flatpickr-day.startRange.prevMonthDay, -.flatpickr-day.endRange.prevMonthDay, -.flatpickr-day.selected.nextMonthDay, -.flatpickr-day.startRange.nextMonthDay, -.flatpickr-day.endRange.nextMonthDay { - background: #569ff7; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - border-color: #569ff7; -} - -.flatpickr-day.selected.startRange, -.flatpickr-day.startRange.startRange, -.flatpickr-day.endRange.startRange { - border-radius: 50px 0 0 50px; -} - -.flatpickr-day.selected.endRange, -.flatpickr-day.startRange.endRange, -.flatpickr-day.endRange.endRange { - border-radius: 0 50px 50px 0; -} - -.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { - -webkit-box-shadow: -10px 0 0 #569ff7; - box-shadow: -10px 0 0 #569ff7; -} - -.flatpickr-day.selected.startRange.endRange, -.flatpickr-day.startRange.startRange.endRange, -.flatpickr-day.endRange.startRange.endRange { - border-radius: 50px; -} - -.flatpickr-day.inRange { - border-radius: 0; - -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; -} - -.flatpickr-day.flatpickr-disabled, -.flatpickr-day.flatpickr-disabled:hover, -.flatpickr-day.prevMonthDay, -.flatpickr-day.nextMonthDay, -.flatpickr-day.notAllowed, -.flatpickr-day.notAllowed.prevMonthDay, -.flatpickr-day.notAllowed.nextMonthDay { - color: rgba(57, 57, 57, 0.3); - background: transparent; - border-color: transparent; - cursor: default; -} - -.flatpickr-day.flatpickr-disabled, -.flatpickr-day.flatpickr-disabled:hover { - cursor: not-allowed; - color: rgba(57, 57, 57, 0.1); -} - -.flatpickr-day.week.selected { - border-radius: 0; - -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; - box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; -} - -.flatpickr-day.hidden { - visibility: hidden; -} - -.rangeMode .flatpickr-day { - margin-top: 1px; -} - -.flatpickr-weekwrapper { - float: left; -} - -.flatpickr-weekwrapper .flatpickr-weeks { - padding: 0 12px; - -webkit-box-shadow: 1px 0 0 #e6e6e6; - box-shadow: 1px 0 0 #e6e6e6; -} - -.flatpickr-weekwrapper .flatpickr-weekday { - float: none; - width: 100%; - line-height: 28px; -} - -.flatpickr-weekwrapper span.flatpickr-day, -.flatpickr-weekwrapper span.flatpickr-day:hover { - display: block; - width: 100%; - max-width: none; - color: rgba(57, 57, 57, 0.3); - background: transparent; - cursor: default; - border: none; -} - -.flatpickr-innerContainer { - display: block; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; -} - -.flatpickr-rContainer { - display: inline-block; - padding: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.flatpickr-time { - text-align: center; - outline: 0; - display: block; - height: 0; - line-height: 40px; - max-height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.flatpickr-time:after { - content: ""; - display: table; - clear: both; -} - -.flatpickr-time .numInputWrapper { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 40%; - height: 40px; - float: left; -} - -.flatpickr-time .numInputWrapper span.arrowUp:after { - border-bottom-color: #393939; -} - -.flatpickr-time .numInputWrapper span.arrowDown:after { - border-top-color: #393939; -} - -.flatpickr-time.hasSeconds .numInputWrapper { - width: 26%; -} - -.flatpickr-time.time24hr .numInputWrapper { - width: 49%; -} - -.flatpickr-time input { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; - border: 0; - border-radius: 0; - text-align: center; - margin: 0; - padding: 0; - height: inherit; - line-height: inherit; - color: #393939; - font-size: 14px; - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; -} - -.flatpickr-time input.flatpickr-hour { - font-weight: bold; -} - -.flatpickr-time input.flatpickr-minute, -.flatpickr-time input.flatpickr-second { - font-weight: 400; -} - -.flatpickr-time input:focus { - outline: 0; - border: 0; -} - -.flatpickr-time .flatpickr-time-separator, -.flatpickr-time .flatpickr-am-pm { - height: inherit; - float: left; - line-height: inherit; - color: #393939; - font-weight: bold; - width: 2%; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; -} - -.flatpickr-time .flatpickr-am-pm { - outline: 0; - width: 18%; - cursor: pointer; - text-align: center; - font-weight: 400; -} - -.flatpickr-time input:hover, -.flatpickr-time .flatpickr-am-pm:hover, -.flatpickr-time input:focus, -.flatpickr-time .flatpickr-am-pm:focus { - background: #eee; -} - -.flatpickr-input[readonly] { - cursor: pointer; -} - -@-webkit-keyframes fpFadeInDown { - from { + + .w-0 { + width: 0% !important; + } + + .w-1 { + width: 1% !important; + } + + .w-2 { + width: 2% !important; + } + + .w-3 { + width: 3% !important; + } + + .w-4 { + width: 4% !important; + } + + .w-5 { + width: 5% !important; + } + + .w-6 { + width: 6% !important; + } + + .w-7 { + width: 7% !important; + } + + .w-8 { + width: 8% !important; + } + + .w-9 { + width: 9% !important; + } + + .w-10 { + width: 10% !important; + } + + .w-15 { + width: 15% !important; + } + + .w-20 { + width: 20% !important; + } + + .w-25 { + width: 25% !important; + } + + .w-30 { + width: 30% !important; + } + + .w-35 { + width: 35% !important; + } + + .w-40 { + width: 40% !important; + } + + .w-45 { + width: 45% !important; + } + + .w-50 { + width: 50% !important; + } + + .w-55 { + width: 55% !important; + } + + .w-60 { + width: 60% !important; + } + + .w-65 { + width: 65% !important; + } + + .w-70 { + width: 70% !important; + } + + .w-75 { + width: 75% !important; + } + + .w-80 { + width: 80% !important; + } + + .w-85 { + width: 85% !important; + } + + .w-90 { + width: 90% !important; + } + + .w-95 { + width: 95% !important; + } + + .w-100 { + width: 100% !important; + } + + .w-auto { + width: auto !important; + } + + .mw-100 { + max-width: 100% !important; + } + + .vw-100 { + width: 100vw !important; + } + + .min-vw-100 { + min-width: 100vw !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; + } + + .mh-100 { + max-height: 100% !important; + } + + .vh-100 { + height: 100vh !important; + } + + .min-vh-25 { + min-height: 25vh !important; + } + + .min-vh-35 { + min-height: 35vh !important; + } + + .min-vh-45 { + min-height: 45vh !important; + } + + .min-vh-50 { + min-height: 50vh !important; + } + + .min-vh-55 { + min-height: 55vh !important; + } + + .min-vh-65 { + min-height: 65vh !important; + } + + .min-vh-70 { + min-height: 70vh !important; + } + + .min-vh-75 { + min-height: 75vh !important; + } + + .min-vh-80 { + min-height: 80vh !important; + } + + .min-vh-85 { + min-height: 85vh !important; + } + + .min-vh-90 { + min-height: 90vh !important; + } + + .min-vh-95 { + min-height: 95vh !important; + } + + .min-vh-100 { + min-height: 100vh !important; + } + + .flex-fill { + flex: 1 1 auto !important; + } + + .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-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; + } + + .flex-wrap { + flex-wrap: wrap !important; + } + + .flex-nowrap { + flex-wrap: nowrap !important; + } + + .flex-wrap-reverse { + flex-wrap: wrap-reverse !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; + } + + .justify-content-evenly { + justify-content: space-evenly !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; + } + + .order-first { + order: -1 !important; + } + + .order-0 { + order: 0 !important; + } + + .order-1 { + order: 1 !important; + } + + .order-2 { + order: 2 !important; + } + + .order-3 { + order: 3 !important; + } + + .order-4 { + order: 4 !important; + } + + .order-5 { + order: 5 !important; + } + + .order-last { + order: 6 !important; + } + + .m-0 { + margin: 0 !important; + } + + .m-1 { + margin: 0.25rem !important; + } + + .m-2 { + margin: 0.5rem !important; + } + + .m-3 { + margin: 1rem !important; + } + + .m-4 { + margin: 1.5rem !important; + } + + .m-5 { + margin: 3rem !important; + } + + .m-6 { + margin: 4rem !important; + } + + .m-7 { + margin: 6rem !important; + } + + .m-8 { + margin: 8rem !important; + } + + .m-9 { + margin: 10rem !important; + } + + .m-10 { + margin: 12rem !important; + } + + .m-11 { + margin: 14rem !important; + } + + .m-12 { + margin: 16rem !important; + } + + .m-auto { + margin: auto !important; + } + + .mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-0 { + margin-top: 0 !important; + } + + .mt-1 { + margin-top: 0.25rem !important; + } + + .mt-2 { + margin-top: 0.5rem !important; + } + + .mt-3 { + margin-top: 1rem !important; + } + + .mt-4 { + margin-top: 1.5rem !important; + } + + .mt-5 { + margin-top: 3rem !important; + } + + .mt-6 { + margin-top: 4rem !important; + } + + .mt-7 { + margin-top: 6rem !important; + } + + .mt-8 { + margin-top: 8rem !important; + } + + .mt-9 { + margin-top: 10rem !important; + } + + .mt-10 { + margin-top: 12rem !important; + } + + .mt-11 { + margin-top: 14rem !important; + } + + .mt-12 { + margin-top: 16rem !important; + } + + .mt-auto { + margin-top: auto !important; + } + + .me-0 { + margin-right: 0 !important; + } + + .me-1 { + margin-right: 0.25rem !important; + } + + .me-2 { + margin-right: 0.5rem !important; + } + + .me-3 { + margin-right: 1rem !important; + } + + .me-4 { + margin-right: 1.5rem !important; + } + + .me-5 { + margin-right: 3rem !important; + } + + .me-6 { + margin-right: 4rem !important; + } + + .me-7 { + margin-right: 6rem !important; + } + + .me-8 { + margin-right: 8rem !important; + } + + .me-9 { + margin-right: 10rem !important; + } + + .me-10 { + margin-right: 12rem !important; + } + + .me-11 { + margin-right: 14rem !important; + } + + .me-12 { + margin-right: 16rem !important; + } + + .me-auto { + margin-right: auto !important; + } + + .mb-0 { + margin-bottom: 0 !important; + } + + .mb-1 { + margin-bottom: 0.25rem !important; + } + + .mb-2 { + margin-bottom: 0.5rem !important; + } + + .mb-3 { + margin-bottom: 1rem !important; + } + + .mb-4 { + margin-bottom: 1.5rem !important; + } + + .mb-5 { + margin-bottom: 3rem !important; + } + + .mb-6 { + margin-bottom: 4rem !important; + } + + .mb-7 { + margin-bottom: 6rem !important; + } + + .mb-8 { + margin-bottom: 8rem !important; + } + + .mb-9 { + margin-bottom: 10rem !important; + } + + .mb-10 { + margin-bottom: 12rem !important; + } + + .mb-11 { + margin-bottom: 14rem !important; + } + + .mb-12 { + margin-bottom: 16rem !important; + } + + .mb-auto { + margin-bottom: auto !important; + } + + .ms-0 { + margin-left: 0 !important; + } + + .ms-1 { + margin-left: 0.25rem !important; + } + + .ms-2 { + margin-left: 0.5rem !important; + } + + .ms-3 { + margin-left: 1rem !important; + } + + .ms-4 { + margin-left: 1.5rem !important; + } + + .ms-5 { + margin-left: 3rem !important; + } + + .ms-6 { + margin-left: 4rem !important; + } + + .ms-7 { + margin-left: 6rem !important; + } + + .ms-8 { + margin-left: 8rem !important; + } + + .ms-9 { + margin-left: 10rem !important; + } + + .ms-10 { + margin-left: 12rem !important; + } + + .ms-11 { + margin-left: 14rem !important; + } + + .ms-12 { + margin-left: 16rem !important; + } + + .ms-auto { + margin-left: auto !important; + } + + .m-n1 { + margin: -0.25rem !important; + } + + .m-n2 { + margin: -0.5rem !important; + } + + .m-n3 { + margin: -1rem !important; + } + + .m-n4 { + margin: -1.5rem !important; + } + + .m-n5 { + margin: -3rem !important; + } + + .m-n6 { + margin: -4rem !important; + } + + .m-n7 { + margin: -6rem !important; + } + + .m-n8 { + margin: -8rem !important; + } + + .m-n9 { + margin: -10rem !important; + } + + .m-n10 { + margin: -12rem !important; + } + + .m-n11 { + margin: -14rem !important; + } + + .m-n12 { + margin: -16rem !important; + } + + .mx-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-n1 { + margin-top: -0.25rem !important; + } + + .mt-n2 { + margin-top: -0.5rem !important; + } + + .mt-n3 { + margin-top: -1rem !important; + } + + .mt-n4 { + margin-top: -1.5rem !important; + } + + .mt-n5 { + margin-top: -3rem !important; + } + + .mt-n6 { + margin-top: -4rem !important; + } + + .mt-n7 { + margin-top: -6rem !important; + } + + .mt-n8 { + margin-top: -8rem !important; + } + + .mt-n9 { + margin-top: -10rem !important; + } + + .mt-n10 { + margin-top: -12rem !important; + } + + .mt-n11 { + margin-top: -14rem !important; + } + + .mt-n12 { + margin-top: -16rem !important; + } + + .me-n1 { + margin-right: -0.25rem !important; + } + + .me-n2 { + margin-right: -0.5rem !important; + } + + .me-n3 { + margin-right: -1rem !important; + } + + .me-n4 { + margin-right: -1.5rem !important; + } + + .me-n5 { + margin-right: -3rem !important; + } + + .me-n6 { + margin-right: -4rem !important; + } + + .me-n7 { + margin-right: -6rem !important; + } + + .me-n8 { + margin-right: -8rem !important; + } + + .me-n9 { + margin-right: -10rem !important; + } + + .me-n10 { + margin-right: -12rem !important; + } + + .me-n11 { + margin-right: -14rem !important; + } + + .me-n12 { + margin-right: -16rem !important; + } + + .mb-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-n3 { + margin-bottom: -1rem !important; + } + + .mb-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-n5 { + margin-bottom: -3rem !important; + } + + .mb-n6 { + margin-bottom: -4rem !important; + } + + .mb-n7 { + margin-bottom: -6rem !important; + } + + .mb-n8 { + margin-bottom: -8rem !important; + } + + .mb-n9 { + margin-bottom: -10rem !important; + } + + .mb-n10 { + margin-bottom: -12rem !important; + } + + .mb-n11 { + margin-bottom: -14rem !important; + } + + .mb-n12 { + margin-bottom: -16rem !important; + } + + .ms-n1 { + margin-left: -0.25rem !important; + } + + .ms-n2 { + margin-left: -0.5rem !important; + } + + .ms-n3 { + margin-left: -1rem !important; + } + + .ms-n4 { + margin-left: -1.5rem !important; + } + + .ms-n5 { + margin-left: -3rem !important; + } + + .ms-n6 { + margin-left: -4rem !important; + } + + .ms-n7 { + margin-left: -6rem !important; + } + + .ms-n8 { + margin-left: -8rem !important; + } + + .ms-n9 { + margin-left: -10rem !important; + } + + .ms-n10 { + margin-left: -12rem !important; + } + + .ms-n11 { + margin-left: -14rem !important; + } + + .ms-n12 { + margin-left: -16rem !important; + } + + .p-0 { + padding: 0 !important; + } + + .p-1 { + padding: 0.25rem !important; + } + + .p-2 { + padding: 0.5rem !important; + } + + .p-3 { + padding: 1rem !important; + } + + .p-4 { + padding: 1.5rem !important; + } + + .p-5 { + padding: 3rem !important; + } + + .p-6 { + padding: 4rem !important; + } + + .p-7 { + padding: 6rem !important; + } + + .p-8 { + padding: 8rem !important; + } + + .p-9 { + padding: 10rem !important; + } + + .p-10 { + padding: 12rem !important; + } + + .p-11 { + padding: 14rem !important; + } + + .p-12 { + padding: 16rem !important; + } + + .px-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-0 { + padding-top: 0 !important; + } + + .pt-1 { + padding-top: 0.25rem !important; + } + + .pt-2 { + padding-top: 0.5rem !important; + } + + .pt-3 { + padding-top: 1rem !important; + } + + .pt-4 { + padding-top: 1.5rem !important; + } + + .pt-5 { + padding-top: 3rem !important; + } + + .pt-6 { + padding-top: 4rem !important; + } + + .pt-7 { + padding-top: 6rem !important; + } + + .pt-8 { + padding-top: 8rem !important; + } + + .pt-9 { + padding-top: 10rem !important; + } + + .pt-10 { + padding-top: 12rem !important; + } + + .pt-11 { + padding-top: 14rem !important; + } + + .pt-12 { + padding-top: 16rem !important; + } + + .pe-0 { + padding-right: 0 !important; + } + + .pe-1 { + padding-right: 0.25rem !important; + } + + .pe-2 { + padding-right: 0.5rem !important; + } + + .pe-3 { + padding-right: 1rem !important; + } + + .pe-4 { + padding-right: 1.5rem !important; + } + + .pe-5 { + padding-right: 3rem !important; + } + + .pe-6 { + padding-right: 4rem !important; + } + + .pe-7 { + padding-right: 6rem !important; + } + + .pe-8 { + padding-right: 8rem !important; + } + + .pe-9 { + padding-right: 10rem !important; + } + + .pe-10 { + padding-right: 12rem !important; + } + + .pe-11 { + padding-right: 14rem !important; + } + + .pe-12 { + padding-right: 16rem !important; + } + + .pb-0 { + padding-bottom: 0 !important; + } + + .pb-1 { + padding-bottom: 0.25rem !important; + } + + .pb-2 { + padding-bottom: 0.5rem !important; + } + + .pb-3 { + padding-bottom: 1rem !important; + } + + .pb-4 { + padding-bottom: 1.5rem !important; + } + + .pb-5 { + padding-bottom: 3rem !important; + } + + .pb-6 { + padding-bottom: 4rem !important; + } + + .pb-7 { + padding-bottom: 6rem !important; + } + + .pb-8 { + padding-bottom: 8rem !important; + } + + .pb-9 { + padding-bottom: 10rem !important; + } + + .pb-10 { + padding-bottom: 12rem !important; + } + + .pb-11 { + padding-bottom: 14rem !important; + } + + .pb-12 { + padding-bottom: 16rem !important; + } + + .ps-0 { + padding-left: 0 !important; + } + + .ps-1 { + padding-left: 0.25rem !important; + } + + .ps-2 { + padding-left: 0.5rem !important; + } + + .ps-3 { + padding-left: 1rem !important; + } + + .ps-4 { + padding-left: 1.5rem !important; + } + + .ps-5 { + padding-left: 3rem !important; + } + + .ps-6 { + padding-left: 4rem !important; + } + + .ps-7 { + padding-left: 6rem !important; + } + + .ps-8 { + padding-left: 8rem !important; + } + + .ps-9 { + padding-left: 10rem !important; + } + + .ps-10 { + padding-left: 12rem !important; + } + + .ps-11 { + padding-left: 14rem !important; + } + + .ps-12 { + padding-left: 16rem !important; + } + + .gap-0 { + gap: 0 !important; + } + + .gap-1 { + gap: 0.25rem !important; + } + + .gap-2 { + gap: 0.5rem !important; + } + + .gap-3 { + gap: 1rem !important; + } + + .gap-4 { + gap: 1.5rem !important; + } + + .gap-5 { + gap: 3rem !important; + } + + .gap-6 { + gap: 4rem !important; + } + + .gap-7 { + gap: 6rem !important; + } + + .gap-8 { + gap: 8rem !important; + } + + .gap-9 { + gap: 10rem !important; + } + + .gap-10 { + gap: 12rem !important; + } + + .gap-11 { + gap: 14rem !important; + } + + .gap-12 { + gap: 16rem !important; + } + + .font-monospace { + font-family: var(--bs-font-monospace) !important; + } + + .fs-1 { + font-size: calc(1.425rem + 2.1vw) !important; + } + + .fs-2 { + font-size: calc(1.35rem + 1.2vw) !important; + } + + .fs-3 { + font-size: calc(1.3125rem + 0.75vw) !important; + } + + .fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; + } + + .fs-5 { + font-size: 1.25rem !important; + } + + .fs-6 { + font-size: 1rem !important; + } + + .fst-italic { + font-style: italic !important; + } + + .fst-normal { + font-style: normal !important; + } + + .fw-light { + font-weight: 300 !important; + } + + .fw-lighter { + font-weight: lighter !important; + } + + .fw-normal { + font-weight: 400 !important; + } + + .fw-bold { + font-weight: 600 !important; + } + + .fw-bolder { + font-weight: 700 !important; + } + + .lh-1 { + line-height: 1 !important; + } + + .lh-sm { + line-height: 1.25 !important; + } + + .lh-base { + line-height: 1.5 !important; + } + + .lh-lg { + line-height: 2 !important; + } + + .text-start { + text-align: left !important; + } + + .text-end { + text-align: right !important; + } + + .text-center { + text-align: center !important; + } + + .text-decoration-none { + text-decoration: none !important; + } + + .text-decoration-underline { + text-decoration: underline !important; + } + + .text-decoration-line-through { + text-decoration: line-through !important; + } + + .text-lowercase { + text-transform: lowercase !important; + } + + .text-uppercase { + text-transform: uppercase !important; + } + + .text-capitalize { + text-transform: capitalize !important; + } + + .text-wrap { + white-space: normal !important; + } + + .text-nowrap { + white-space: nowrap !important; + } + + /* rtl:begin:remove */ + .text-break { + word-wrap: break-word !important; + word-break: break-word !important; + } + + /* rtl:end:remove */ + .text-primary { + color: #9CFF87 !important; + } + + .text-secondary { + color: #7b809a !important; + } + + .text-success { + color: #4CAF50 !important; + } + + .text-info { + color: #1A73E8 !important; + } + + .text-warning { + color: #fb8c00 !important; + } + + .text-danger { + color: #F44335 !important; + } + + .text-light { + color: #f0f2f5 !important; + } + + .text-dark { + color: #344767 !important; + } + + .text-white { + color: #fff !important; + } + + .text-dark-blue { + color: #1A237E !important; + } + + .text-body { + color: #7b809a !important; + } + + .text-rose { + color: #e91e63 !important; + } + + .text-muted { + color: #6c757d !important; + } + + .text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; + } + + .text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; + } + + .text-reset { + color: inherit !important; + } + + .text-opacity-25 { + --bs-text-opacity: 0.25; + } + + .text-opacity-50 { + --bs-text-opacity: 0.5; + } + + .text-opacity-75 { + --bs-text-opacity: 0.75; + } + + .text-opacity-100 { + --bs-text-opacity: 1; + } + + .bg-primary { + background-color: #e91e63 !important; + } + + .bg-secondary { + background-color: #7b809a !important; + } + + .bg-success { + background-color: #4CAF50 !important; + } + + .bg-info { + background-color: #1A73E8 !important; + } + + .bg-warning { + background-color: #fb8c00 !important; + } + + .bg-danger { + background-color: #F44335 !important; + } + + .bg-light { + background-color: #f0f2f5 !important; + } + + .bg-dark { + background-color: #344767 !important; + } + + .bg-white { + background-color: #fff !important; + } + + .bg-dark-blue { + background-color: #1A237E !important; + } + + .bg-body { + background-color: #fff !important; + } + + .bg-transparent { + background-color: transparent !important; + } + + .bg-gray-100 { + background-color: #f8f9fa !important; + } + + .bg-gray-200 { + background-color: #f0f2f5 !important; + } + + .bg-gray-300 { + background-color: #dee2e6 !important; + } + + .bg-gray-400 { + background-color: #ced4da !important; + } + + .bg-gray-500 { + background-color: #adb5bd !important; + } + + .bg-gray-600 { + background-color: #6c757d !important; + } + + .bg-gray-700 { + background-color: #495057 !important; + } + + .bg-gray-800 { + background-color: #343a40 !important; + } + + .bg-gray-900 { + background-color: #212529 !important; + } + + .bg-opacity-10 { + --bs-bg-opacity: 0.1; + } + + .bg-opacity-25 { + --bs-bg-opacity: 0.25; + } + + .bg-opacity-50 { + --bs-bg-opacity: 0.5; + } + + .bg-opacity-75 { + --bs-bg-opacity: 0.75; + } + + .bg-opacity-100 { + --bs-bg-opacity: 1; + } + + .bg-gradient { + background-image: var(--bs-gradient) !important; + } + + .user-select-all { + user-select: all !important; + } + + .user-select-auto { + user-select: auto !important; + } + + .user-select-none { + user-select: none !important; + } + + .pe-none { + pointer-events: none !important; + } + + .pe-auto { + pointer-events: auto !important; + } + + .rounded { + border-radius: 0.375rem !important; + } + + .rounded-0 { + border-radius: 0 !important; + } + + .rounded-1 { + border-radius: 0.125rem !important; + } + + .rounded-2 { + border-radius: 0.375rem !important; + } + + .rounded-3 { + border-radius: 0.5rem !important; + } + + .rounded-circle, + .avatar.rounded-circle img { + border-radius: 50% !important; + } + + .rounded-pill { + border-radius: 50rem !important; + } + + .rounded-top { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; + } + + .rounded-end { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; + } + + .rounded-bottom { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; + } + + .rounded-start { + border-bottom-left-radius: 0.375rem !important; + border-top-left-radius: 0.375rem !important; + } + + .visible { + visibility: visible !important; + } + + .invisible { + visibility: hidden !important; + } + + .overflow-x-auto { + overflow-x: auto !important; + } + + .overflow-x-hidden { + overflow-x: hidden !important; + } + + .overflow-x-visible { + overflow-x: visible !important; + } + + .overflow-x-scroll { + overflow-x: scroll !important; + } + + .overflow-y-auto { + overflow-y: auto !important; + } + + .overflow-y-hidden { + overflow-y: hidden !important; + } + + .overflow-y-visible { + overflow-y: visible !important; + } + + .overflow-y-scroll { + overflow-y: scroll !important; + } + + .shadow-primary { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 255, 135, 0.4) !important; + } + + .shadow-secondary { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(210, 210, 210, 0.4) !important; + } + + .shadow-info { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4) !important; + } + + .shadow-warning { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4) !important; + } + + .shadow-success { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4) !important; + } + + .shadow-danger { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4) !important; + } + + .shadow-dark { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(64, 64, 64, 0.4) !important; + } + + .shadow-light { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important; + } + + .transform-scale-5 { + transform: scale(0.5) !important; + } + + .transform-scale-6 { + transform: scale(0.6) !important; + } + + .transform-scale-7 { + transform: scale(0.7) !important; + } + + .transform-scale-8 { + transform: scale(0.8) !important; + } + + .transform-scale-9 { + transform: scale(0.9) !important; + } + + .transform-scale-10 { + transform: scale(1) !important; + } + + .z-index-0 { + z-index: 0 !important; + } + + .z-index-1 { + z-index: 1 !important; + } + + .z-index-2 { + z-index: 2 !important; + } + + .z-index-3 { + z-index: 3 !important; + } + + .letter-spacing-1 { + letter-spacing: 1px !important; + } + + .letter-spacing-2 { + letter-spacing: 2px !important; + } + + .letter-spacing-3 { + letter-spacing: 3px !important; + } + + .letter-spacing-4 { + letter-spacing: 4px !important; + } + + .letter-spacing-5 { + letter-spacing: 5px !important; + } + + .border-radius-top-start { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-pill { + border-bottom-right-radius: 50rem !important; + } + + .max-height-100 { + max-height: 100px !important; + } + + .max-height-130 { + max-height: 130px !important; + } + + .max-height-140 { + max-height: 140px !important; + } + + .max-height-150 { + max-height: 150px !important; + } + + .max-height-160 { + max-height: 160px !important; + } + + .max-height-200 { + max-height: 200px !important; + } + + .max-height-250 { + max-height: 250px !important; + } + + .max-height-300 { + max-height: 300px !important; + } + + .max-height-400 { + max-height: 400px !important; + } + + .max-height-500 { + max-height: 500px !important; + } + + .max-height-600 { + max-height: 600px !important; + } + + .max-height-vh-10 { + max-height: 10vh !important; + } + + .max-height-vh-20 { + max-height: 20vh !important; + } + + .max-height-vh-30 { + max-height: 30vh !important; + } + + .max-height-vh-40 { + max-height: 40vh !important; + } + + .max-height-vh-50 { + max-height: 50vh !important; + } + + .max-height-vh-60 { + max-height: 60vh !important; + } + + .max-height-vh-70 { + max-height: 70vh !important; + } + + .max-height-vh-80 { + max-height: 80vh !important; + } + + .max-height-vh-90 { + max-height: 90vh !important; + } + + .max-height-vh-100 { + max-height: 100vh !important; + } + + .min-height-100 { + min-height: 100px !important; + } + + .min-height-130 { + min-height: 130px !important; + } + + .min-height-140 { + min-height: 140px !important; + } + + .min-height-150 { + min-height: 150px !important; + } + + .min-height-160 { + min-height: 160px !important; + } + + .min-height-200 { + min-height: 200px !important; + } + + .min-height-250 { + min-height: 250px !important; + } + + .min-height-300 { + min-height: 300px !important; + } + + .min-height-400 { + min-height: 400px !important; + } + + .min-height-500 { + min-height: 500px !important; + } + + .min-height-600 { + min-height: 600px !important; + } + + .height-100 { + height: 100px !important; + } + + .height-200 { + height: 200px !important; + } + + .height-300 { + height: 300px !important; + } + + .height-400 { + height: 400px !important; + } + + .height-500 { + height: 500px !important; + } + + .height-600 { + height: 600px !important; + } + + .max-width-100 { + max-width: 100px !important; + } + + .max-width-200 { + max-width: 200px !important; + } + + .max-width-300 { + max-width: 300px !important; + } + + .max-width-400 { + max-width: 400px !important; + } + + .max-width-500 { + max-width: 500px !important; + } + + @media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + + .float-sm-end { + float: right !important; + } + + .float-sm-none { + float: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-grid { + display: grid !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; + } + + .d-sm-none { + display: none !important; + } + + .border-top-sm { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-sm-0 { + border-top: 0 !important; + } + + .border-end-sm { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-sm-0 { + border-right: 0 !important; + } + + .border-bottom-sm { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-sm-0 { + border-bottom: 0 !important; + } + + .border-start-sm { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-sm-0 { + border-left: 0 !important; + } + + .w-sm-0 { + width: 0% !important; + } + + .w-sm-1 { + width: 1% !important; + } + + .w-sm-2 { + width: 2% !important; + } + + .w-sm-3 { + width: 3% !important; + } + + .w-sm-4 { + width: 4% !important; + } + + .w-sm-5 { + width: 5% !important; + } + + .w-sm-6 { + width: 6% !important; + } + + .w-sm-7 { + width: 7% !important; + } + + .w-sm-8 { + width: 8% !important; + } + + .w-sm-9 { + width: 9% !important; + } + + .w-sm-10 { + width: 10% !important; + } + + .w-sm-15 { + width: 15% !important; + } + + .w-sm-20 { + width: 20% !important; + } + + .w-sm-25 { + width: 25% !important; + } + + .w-sm-30 { + width: 30% !important; + } + + .w-sm-35 { + width: 35% !important; + } + + .w-sm-40 { + width: 40% !important; + } + + .w-sm-45 { + width: 45% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-55 { + width: 55% !important; + } + + .w-sm-60 { + width: 60% !important; + } + + .w-sm-65 { + width: 65% !important; + } + + .w-sm-70 { + width: 70% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-80 { + width: 80% !important; + } + + .w-sm-85 { + width: 85% !important; + } + + .w-sm-90 { + width: 90% !important; + } + + .w-sm-95 { + width: 95% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .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-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; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !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; + } + + .justify-content-sm-evenly { + justify-content: space-evenly !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; + } + + .order-sm-first { + order: -1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .order-sm-2 { + order: 2 !important; + } + + .order-sm-3 { + order: 3 !important; + } + + .order-sm-4 { + order: 4 !important; + } + + .order-sm-5 { + order: 5 !important; + } + + .order-sm-last { + order: 6 !important; + } + + .m-sm-0 { + margin: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .m-sm-6 { + margin: 4rem !important; + } + + .m-sm-7 { + margin: 6rem !important; + } + + .m-sm-8 { + margin: 8rem !important; + } + + .m-sm-9 { + margin: 10rem !important; + } + + .m-sm-10 { + margin: 12rem !important; + } + + .m-sm-11 { + margin: 14rem !important; + } + + .m-sm-12 { + margin: 16rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-sm-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-sm-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-sm-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-sm-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-sm-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-sm-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-sm-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-sm-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-sm-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-sm-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-sm-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-sm-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-sm-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-sm-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-sm-0 { + margin-top: 0 !important; + } + + .mt-sm-1 { + margin-top: 0.25rem !important; + } + + .mt-sm-2 { + margin-top: 0.5rem !important; + } + + .mt-sm-3 { + margin-top: 1rem !important; + } + + .mt-sm-4 { + margin-top: 1.5rem !important; + } + + .mt-sm-5 { + margin-top: 3rem !important; + } + + .mt-sm-6 { + margin-top: 4rem !important; + } + + .mt-sm-7 { + margin-top: 6rem !important; + } + + .mt-sm-8 { + margin-top: 8rem !important; + } + + .mt-sm-9 { + margin-top: 10rem !important; + } + + .mt-sm-10 { + margin-top: 12rem !important; + } + + .mt-sm-11 { + margin-top: 14rem !important; + } + + .mt-sm-12 { + margin-top: 16rem !important; + } + + .mt-sm-auto { + margin-top: auto !important; + } + + .me-sm-0 { + margin-right: 0 !important; + } + + .me-sm-1 { + margin-right: 0.25rem !important; + } + + .me-sm-2 { + margin-right: 0.5rem !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .me-sm-4 { + margin-right: 1.5rem !important; + } + + .me-sm-5 { + margin-right: 3rem !important; + } + + .me-sm-6 { + margin-right: 4rem !important; + } + + .me-sm-7 { + margin-right: 6rem !important; + } + + .me-sm-8 { + margin-right: 8rem !important; + } + + .me-sm-9 { + margin-right: 10rem !important; + } + + .me-sm-10 { + margin-right: 12rem !important; + } + + .me-sm-11 { + margin-right: 14rem !important; + } + + .me-sm-12 { + margin-right: 16rem !important; + } + + .me-sm-auto { + margin-right: auto !important; + } + + .mb-sm-0 { + margin-bottom: 0 !important; + } + + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + + .mb-sm-3 { + margin-bottom: 1rem !important; + } + + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + + .mb-sm-5 { + margin-bottom: 3rem !important; + } + + .mb-sm-6 { + margin-bottom: 4rem !important; + } + + .mb-sm-7 { + margin-bottom: 6rem !important; + } + + .mb-sm-8 { + margin-bottom: 8rem !important; + } + + .mb-sm-9 { + margin-bottom: 10rem !important; + } + + .mb-sm-10 { + margin-bottom: 12rem !important; + } + + .mb-sm-11 { + margin-bottom: 14rem !important; + } + + .mb-sm-12 { + margin-bottom: 16rem !important; + } + + .mb-sm-auto { + margin-bottom: auto !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .ms-sm-1 { + margin-left: 0.25rem !important; + } + + .ms-sm-2 { + margin-left: 0.5rem !important; + } + + .ms-sm-3 { + margin-left: 1rem !important; + } + + .ms-sm-4 { + margin-left: 1.5rem !important; + } + + .ms-sm-5 { + margin-left: 3rem !important; + } + + .ms-sm-6 { + margin-left: 4rem !important; + } + + .ms-sm-7 { + margin-left: 6rem !important; + } + + .ms-sm-8 { + margin-left: 8rem !important; + } + + .ms-sm-9 { + margin-left: 10rem !important; + } + + .ms-sm-10 { + margin-left: 12rem !important; + } + + .ms-sm-11 { + margin-left: 14rem !important; + } + + .ms-sm-12 { + margin-left: 16rem !important; + } + + .ms-sm-auto { + margin-left: auto !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .m-sm-n6 { + margin: -4rem !important; + } + + .m-sm-n7 { + margin: -6rem !important; + } + + .m-sm-n8 { + margin: -8rem !important; + } + + .m-sm-n9 { + margin: -10rem !important; + } + + .m-sm-n10 { + margin: -12rem !important; + } + + .m-sm-n11 { + margin: -14rem !important; + } + + .m-sm-n12 { + margin: -16rem !important; + } + + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-sm-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-sm-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-sm-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-sm-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-sm-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-sm-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-sm-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-sm-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-sm-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-sm-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-sm-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-sm-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-sm-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-sm-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + + .mt-sm-n3 { + margin-top: -1rem !important; + } + + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + + .mt-sm-n5 { + margin-top: -3rem !important; + } + + .mt-sm-n6 { + margin-top: -4rem !important; + } + + .mt-sm-n7 { + margin-top: -6rem !important; + } + + .mt-sm-n8 { + margin-top: -8rem !important; + } + + .mt-sm-n9 { + margin-top: -10rem !important; + } + + .mt-sm-n10 { + margin-top: -12rem !important; + } + + .mt-sm-n11 { + margin-top: -14rem !important; + } + + .mt-sm-n12 { + margin-top: -16rem !important; + } + + .me-sm-n1 { + margin-right: -0.25rem !important; + } + + .me-sm-n2 { + margin-right: -0.5rem !important; + } + + .me-sm-n3 { + margin-right: -1rem !important; + } + + .me-sm-n4 { + margin-right: -1.5rem !important; + } + + .me-sm-n5 { + margin-right: -3rem !important; + } + + .me-sm-n6 { + margin-right: -4rem !important; + } + + .me-sm-n7 { + margin-right: -6rem !important; + } + + .me-sm-n8 { + margin-right: -8rem !important; + } + + .me-sm-n9 { + margin-right: -10rem !important; + } + + .me-sm-n10 { + margin-right: -12rem !important; + } + + .me-sm-n11 { + margin-right: -14rem !important; + } + + .me-sm-n12 { + margin-right: -16rem !important; + } + + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + + .mb-sm-n6 { + margin-bottom: -4rem !important; + } + + .mb-sm-n7 { + margin-bottom: -6rem !important; + } + + .mb-sm-n8 { + margin-bottom: -8rem !important; + } + + .mb-sm-n9 { + margin-bottom: -10rem !important; + } + + .mb-sm-n10 { + margin-bottom: -12rem !important; + } + + .mb-sm-n11 { + margin-bottom: -14rem !important; + } + + .mb-sm-n12 { + margin-bottom: -16rem !important; + } + + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + + .ms-sm-n3 { + margin-left: -1rem !important; + } + + .ms-sm-n4 { + margin-left: -1.5rem !important; + } + + .ms-sm-n5 { + margin-left: -3rem !important; + } + + .ms-sm-n6 { + margin-left: -4rem !important; + } + + .ms-sm-n7 { + margin-left: -6rem !important; + } + + .ms-sm-n8 { + margin-left: -8rem !important; + } + + .ms-sm-n9 { + margin-left: -10rem !important; + } + + .ms-sm-n10 { + margin-left: -12rem !important; + } + + .ms-sm-n11 { + margin-left: -14rem !important; + } + + .ms-sm-n12 { + margin-left: -16rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .p-sm-6 { + padding: 4rem !important; + } + + .p-sm-7 { + padding: 6rem !important; + } + + .p-sm-8 { + padding: 8rem !important; + } + + .p-sm-9 { + padding: 10rem !important; + } + + .p-sm-10 { + padding: 12rem !important; + } + + .p-sm-11 { + padding: 14rem !important; + } + + .p-sm-12 { + padding: 16rem !important; + } + + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-sm-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-sm-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-sm-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-sm-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-sm-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-sm-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-sm-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-sm-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-sm-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-sm-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-sm-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-sm-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-sm-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-sm-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-sm-0 { + padding-top: 0 !important; + } + + .pt-sm-1 { + padding-top: 0.25rem !important; + } + + .pt-sm-2 { + padding-top: 0.5rem !important; + } + + .pt-sm-3 { + padding-top: 1rem !important; + } + + .pt-sm-4 { + padding-top: 1.5rem !important; + } + + .pt-sm-5 { + padding-top: 3rem !important; + } + + .pt-sm-6 { + padding-top: 4rem !important; + } + + .pt-sm-7 { + padding-top: 6rem !important; + } + + .pt-sm-8 { + padding-top: 8rem !important; + } + + .pt-sm-9 { + padding-top: 10rem !important; + } + + .pt-sm-10 { + padding-top: 12rem !important; + } + + .pt-sm-11 { + padding-top: 14rem !important; + } + + .pt-sm-12 { + padding-top: 16rem !important; + } + + .pe-sm-0 { + padding-right: 0 !important; + } + + .pe-sm-1 { + padding-right: 0.25rem !important; + } + + .pe-sm-2 { + padding-right: 0.5rem !important; + } + + .pe-sm-3 { + padding-right: 1rem !important; + } + + .pe-sm-4 { + padding-right: 1.5rem !important; + } + + .pe-sm-5 { + padding-right: 3rem !important; + } + + .pe-sm-6 { + padding-right: 4rem !important; + } + + .pe-sm-7 { + padding-right: 6rem !important; + } + + .pe-sm-8 { + padding-right: 8rem !important; + } + + .pe-sm-9 { + padding-right: 10rem !important; + } + + .pe-sm-10 { + padding-right: 12rem !important; + } + + .pe-sm-11 { + padding-right: 14rem !important; + } + + .pe-sm-12 { + padding-right: 16rem !important; + } + + .pb-sm-0 { + padding-bottom: 0 !important; + } + + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pb-sm-3 { + padding-bottom: 1rem !important; + } + + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pb-sm-5 { + padding-bottom: 3rem !important; + } + + .pb-sm-6 { + padding-bottom: 4rem !important; + } + + .pb-sm-7 { + padding-bottom: 6rem !important; + } + + .pb-sm-8 { + padding-bottom: 8rem !important; + } + + .pb-sm-9 { + padding-bottom: 10rem !important; + } + + .pb-sm-10 { + padding-bottom: 12rem !important; + } + + .pb-sm-11 { + padding-bottom: 14rem !important; + } + + .pb-sm-12 { + padding-bottom: 16rem !important; + } + + .ps-sm-0 { + padding-left: 0 !important; + } + + .ps-sm-1 { + padding-left: 0.25rem !important; + } + + .ps-sm-2 { + padding-left: 0.5rem !important; + } + + .ps-sm-3 { + padding-left: 1rem !important; + } + + .ps-sm-4 { + padding-left: 1.5rem !important; + } + + .ps-sm-5 { + padding-left: 3rem !important; + } + + .ps-sm-6 { + padding-left: 4rem !important; + } + + .ps-sm-7 { + padding-left: 6rem !important; + } + + .ps-sm-8 { + padding-left: 8rem !important; + } + + .ps-sm-9 { + padding-left: 10rem !important; + } + + .ps-sm-10 { + padding-left: 12rem !important; + } + + .ps-sm-11 { + padding-left: 14rem !important; + } + + .ps-sm-12 { + padding-left: 16rem !important; + } + + .gap-sm-0 { + gap: 0 !important; + } + + .gap-sm-1 { + gap: 0.25rem !important; + } + + .gap-sm-2 { + gap: 0.5rem !important; + } + + .gap-sm-3 { + gap: 1rem !important; + } + + .gap-sm-4 { + gap: 1.5rem !important; + } + + .gap-sm-5 { + gap: 3rem !important; + } + + .gap-sm-6 { + gap: 4rem !important; + } + + .gap-sm-7 { + gap: 6rem !important; + } + + .gap-sm-8 { + gap: 8rem !important; + } + + .gap-sm-9 { + gap: 10rem !important; + } + + .gap-sm-10 { + gap: 12rem !important; + } + + .gap-sm-11 { + gap: 14rem !important; + } + + .gap-sm-12 { + gap: 16rem !important; + } + + .text-sm-start { + text-align: left !important; + } + + .text-sm-end { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } + + .transform-scale-sm-5 { + transform: scale(0.5) !important; + } + + .transform-scale-sm-6 { + transform: scale(0.6) !important; + } + + .transform-scale-sm-7 { + transform: scale(0.7) !important; + } + + .transform-scale-sm-8 { + transform: scale(0.8) !important; + } + + .transform-scale-sm-9 { + transform: scale(0.9) !important; + } + + .transform-scale-sm-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-sm { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-sm-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-sm-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-sm-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-sm-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-sm-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-sm-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-sm-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-sm-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-sm { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-sm-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-sm-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-sm-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-sm-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-sm-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-sm-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-sm-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-sm-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-sm { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-sm-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-sm-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-sm-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-sm-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-sm-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-sm-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-sm-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-sm-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-sm { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-sm-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-sm-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-sm-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-sm-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-sm-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-sm-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-sm-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-sm-pill { + border-bottom-right-radius: 50rem !important; + } + } + + @media (min-width: 768px) { + .float-md-start { + float: left !important; + } + + .float-md-end { + float: right !important; + } + + .float-md-none { + float: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-grid { + display: grid !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; + } + + .d-md-none { + display: none !important; + } + + .border-top-md { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-md-0 { + border-top: 0 !important; + } + + .border-end-md { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-md-0 { + border-right: 0 !important; + } + + .border-bottom-md { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-md-0 { + border-bottom: 0 !important; + } + + .border-start-md { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-md-0 { + border-left: 0 !important; + } + + .w-md-0 { + width: 0% !important; + } + + .w-md-1 { + width: 1% !important; + } + + .w-md-2 { + width: 2% !important; + } + + .w-md-3 { + width: 3% !important; + } + + .w-md-4 { + width: 4% !important; + } + + .w-md-5 { + width: 5% !important; + } + + .w-md-6 { + width: 6% !important; + } + + .w-md-7 { + width: 7% !important; + } + + .w-md-8 { + width: 8% !important; + } + + .w-md-9 { + width: 9% !important; + } + + .w-md-10 { + width: 10% !important; + } + + .w-md-15 { + width: 15% !important; + } + + .w-md-20 { + width: 20% !important; + } + + .w-md-25 { + width: 25% !important; + } + + .w-md-30 { + width: 30% !important; + } + + .w-md-35 { + width: 35% !important; + } + + .w-md-40 { + width: 40% !important; + } + + .w-md-45 { + width: 45% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-55 { + width: 55% !important; + } + + .w-md-60 { + width: 60% !important; + } + + .w-md-65 { + width: 65% !important; + } + + .w-md-70 { + width: 70% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-80 { + width: 80% !important; + } + + .w-md-85 { + width: 85% !important; + } + + .w-md-90 { + width: 90% !important; + } + + .w-md-95 { + width: 95% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .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-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; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !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; + } + + .justify-content-md-evenly { + justify-content: space-evenly !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; + } + + .order-md-first { + order: -1 !important; + } + + .order-md-0 { + order: 0 !important; + } + + .order-md-1 { + order: 1 !important; + } + + .order-md-2 { + order: 2 !important; + } + + .order-md-3 { + order: 3 !important; + } + + .order-md-4 { + order: 4 !important; + } + + .order-md-5 { + order: 5 !important; + } + + .order-md-last { + order: 6 !important; + } + + .m-md-0 { + margin: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .m-md-6 { + margin: 4rem !important; + } + + .m-md-7 { + margin: 6rem !important; + } + + .m-md-8 { + margin: 8rem !important; + } + + .m-md-9 { + margin: 10rem !important; + } + + .m-md-10 { + margin: 12rem !important; + } + + .m-md-11 { + margin: 14rem !important; + } + + .m-md-12 { + margin: 16rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-md-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-md-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-md-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-md-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-md-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-md-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-md-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-md-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-md-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-md-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-md-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-md-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-md-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-md-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-md-0 { + margin-top: 0 !important; + } + + .mt-md-1 { + margin-top: 0.25rem !important; + } + + .mt-md-2 { + margin-top: 0.5rem !important; + } + + .mt-md-3 { + margin-top: 1rem !important; + } + + .mt-md-4 { + margin-top: 1.5rem !important; + } + + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-6 { + margin-top: 4rem !important; + } + + .mt-md-7 { + margin-top: 6rem !important; + } + + .mt-md-8 { + margin-top: 8rem !important; + } + + .mt-md-9 { + margin-top: 10rem !important; + } + + .mt-md-10 { + margin-top: 12rem !important; + } + + .mt-md-11 { + margin-top: 14rem !important; + } + + .mt-md-12 { + margin-top: 16rem !important; + } + + .mt-md-auto { + margin-top: auto !important; + } + + .me-md-0 { + margin-right: 0 !important; + } + + .me-md-1 { + margin-right: 0.25rem !important; + } + + .me-md-2 { + margin-right: 0.5rem !important; + } + + .me-md-3 { + margin-right: 1rem !important; + } + + .me-md-4 { + margin-right: 1.5rem !important; + } + + .me-md-5 { + margin-right: 3rem !important; + } + + .me-md-6 { + margin-right: 4rem !important; + } + + .me-md-7 { + margin-right: 6rem !important; + } + + .me-md-8 { + margin-right: 8rem !important; + } + + .me-md-9 { + margin-right: 10rem !important; + } + + .me-md-10 { + margin-right: 12rem !important; + } + + .me-md-11 { + margin-right: 14rem !important; + } + + .me-md-12 { + margin-right: 16rem !important; + } + + .me-md-auto { + margin-right: auto !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } + + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-3 { + margin-bottom: 1rem !important; + } + + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + + .mb-md-5 { + margin-bottom: 3rem !important; + } + + .mb-md-6 { + margin-bottom: 4rem !important; + } + + .mb-md-7 { + margin-bottom: 6rem !important; + } + + .mb-md-8 { + margin-bottom: 8rem !important; + } + + .mb-md-9 { + margin-bottom: 10rem !important; + } + + .mb-md-10 { + margin-bottom: 12rem !important; + } + + .mb-md-11 { + margin-bottom: 14rem !important; + } + + .mb-md-12 { + margin-bottom: 16rem !important; + } + + .mb-md-auto { + margin-bottom: auto !important; + } + + .ms-md-0 { + margin-left: 0 !important; + } + + .ms-md-1 { + margin-left: 0.25rem !important; + } + + .ms-md-2 { + margin-left: 0.5rem !important; + } + + .ms-md-3 { + margin-left: 1rem !important; + } + + .ms-md-4 { + margin-left: 1.5rem !important; + } + + .ms-md-5 { + margin-left: 3rem !important; + } + + .ms-md-6 { + margin-left: 4rem !important; + } + + .ms-md-7 { + margin-left: 6rem !important; + } + + .ms-md-8 { + margin-left: 8rem !important; + } + + .ms-md-9 { + margin-left: 10rem !important; + } + + .ms-md-10 { + margin-left: 12rem !important; + } + + .ms-md-11 { + margin-left: 14rem !important; + } + + .ms-md-12 { + margin-left: 16rem !important; + } + + .ms-md-auto { + margin-left: auto !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .m-md-n6 { + margin: -4rem !important; + } + + .m-md-n7 { + margin: -6rem !important; + } + + .m-md-n8 { + margin: -8rem !important; + } + + .m-md-n9 { + margin: -10rem !important; + } + + .m-md-n10 { + margin: -12rem !important; + } + + .m-md-n11 { + margin: -14rem !important; + } + + .m-md-n12 { + margin: -16rem !important; + } + + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-md-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-md-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-md-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-md-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-md-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-md-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-md-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-md-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-md-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-md-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-md-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-md-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-md-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-md-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-md-n1 { + margin-top: -0.25rem !important; + } + + .mt-md-n2 { + margin-top: -0.5rem !important; + } + + .mt-md-n3 { + margin-top: -1rem !important; + } + + .mt-md-n4 { + margin-top: -1.5rem !important; + } + + .mt-md-n5 { + margin-top: -3rem !important; + } + + .mt-md-n6 { + margin-top: -4rem !important; + } + + .mt-md-n7 { + margin-top: -6rem !important; + } + + .mt-md-n8 { + margin-top: -8rem !important; + } + + .mt-md-n9 { + margin-top: -10rem !important; + } + + .mt-md-n10 { + margin-top: -12rem !important; + } + + .mt-md-n11 { + margin-top: -14rem !important; + } + + .mt-md-n12 { + margin-top: -16rem !important; + } + + .me-md-n1 { + margin-right: -0.25rem !important; + } + + .me-md-n2 { + margin-right: -0.5rem !important; + } + + .me-md-n3 { + margin-right: -1rem !important; + } + + .me-md-n4 { + margin-right: -1.5rem !important; + } + + .me-md-n5 { + margin-right: -3rem !important; + } + + .me-md-n6 { + margin-right: -4rem !important; + } + + .me-md-n7 { + margin-right: -6rem !important; + } + + .me-md-n8 { + margin-right: -8rem !important; + } + + .me-md-n9 { + margin-right: -10rem !important; + } + + .me-md-n10 { + margin-right: -12rem !important; + } + + .me-md-n11 { + margin-right: -14rem !important; + } + + .me-md-n12 { + margin-right: -16rem !important; + } + + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-md-n3 { + margin-bottom: -1rem !important; + } + + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-md-n5 { + margin-bottom: -3rem !important; + } + + .mb-md-n6 { + margin-bottom: -4rem !important; + } + + .mb-md-n7 { + margin-bottom: -6rem !important; + } + + .mb-md-n8 { + margin-bottom: -8rem !important; + } + + .mb-md-n9 { + margin-bottom: -10rem !important; + } + + .mb-md-n10 { + margin-bottom: -12rem !important; + } + + .mb-md-n11 { + margin-bottom: -14rem !important; + } + + .mb-md-n12 { + margin-bottom: -16rem !important; + } + + .ms-md-n1 { + margin-left: -0.25rem !important; + } + + .ms-md-n2 { + margin-left: -0.5rem !important; + } + + .ms-md-n3 { + margin-left: -1rem !important; + } + + .ms-md-n4 { + margin-left: -1.5rem !important; + } + + .ms-md-n5 { + margin-left: -3rem !important; + } + + .ms-md-n6 { + margin-left: -4rem !important; + } + + .ms-md-n7 { + margin-left: -6rem !important; + } + + .ms-md-n8 { + margin-left: -8rem !important; + } + + .ms-md-n9 { + margin-left: -10rem !important; + } + + .ms-md-n10 { + margin-left: -12rem !important; + } + + .ms-md-n11 { + margin-left: -14rem !important; + } + + .ms-md-n12 { + margin-left: -16rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .p-md-6 { + padding: 4rem !important; + } + + .p-md-7 { + padding: 6rem !important; + } + + .p-md-8 { + padding: 8rem !important; + } + + .p-md-9 { + padding: 10rem !important; + } + + .p-md-10 { + padding: 12rem !important; + } + + .p-md-11 { + padding: 14rem !important; + } + + .p-md-12 { + padding: 16rem !important; + } + + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-md-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-md-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-md-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-md-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-md-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-md-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-md-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-md-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-md-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-md-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-md-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-md-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-md-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-md-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-md-0 { + padding-top: 0 !important; + } + + .pt-md-1 { + padding-top: 0.25rem !important; + } + + .pt-md-2 { + padding-top: 0.5rem !important; + } + + .pt-md-3 { + padding-top: 1rem !important; + } + + .pt-md-4 { + padding-top: 1.5rem !important; + } + + .pt-md-5 { + padding-top: 3rem !important; + } + + .pt-md-6 { + padding-top: 4rem !important; + } + + .pt-md-7 { + padding-top: 6rem !important; + } + + .pt-md-8 { + padding-top: 8rem !important; + } + + .pt-md-9 { + padding-top: 10rem !important; + } + + .pt-md-10 { + padding-top: 12rem !important; + } + + .pt-md-11 { + padding-top: 14rem !important; + } + + .pt-md-12 { + padding-top: 16rem !important; + } + + .pe-md-0 { + padding-right: 0 !important; + } + + .pe-md-1 { + padding-right: 0.25rem !important; + } + + .pe-md-2 { + padding-right: 0.5rem !important; + } + + .pe-md-3 { + padding-right: 1rem !important; + } + + .pe-md-4 { + padding-right: 1.5rem !important; + } + + .pe-md-5 { + padding-right: 3rem !important; + } + + .pe-md-6 { + padding-right: 4rem !important; + } + + .pe-md-7 { + padding-right: 6rem !important; + } + + .pe-md-8 { + padding-right: 8rem !important; + } + + .pe-md-9 { + padding-right: 10rem !important; + } + + .pe-md-10 { + padding-right: 12rem !important; + } + + .pe-md-11 { + padding-right: 14rem !important; + } + + .pe-md-12 { + padding-right: 16rem !important; + } + + .pb-md-0 { + padding-bottom: 0 !important; + } + + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + + .pb-md-3 { + padding-bottom: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + + .pb-md-5 { + padding-bottom: 3rem !important; + } + + .pb-md-6 { + padding-bottom: 4rem !important; + } + + .pb-md-7 { + padding-bottom: 6rem !important; + } + + .pb-md-8 { + padding-bottom: 8rem !important; + } + + .pb-md-9 { + padding-bottom: 10rem !important; + } + + .pb-md-10 { + padding-bottom: 12rem !important; + } + + .pb-md-11 { + padding-bottom: 14rem !important; + } + + .pb-md-12 { + padding-bottom: 16rem !important; + } + + .ps-md-0 { + padding-left: 0 !important; + } + + .ps-md-1 { + padding-left: 0.25rem !important; + } + + .ps-md-2 { + padding-left: 0.5rem !important; + } + + .ps-md-3 { + padding-left: 1rem !important; + } + + .ps-md-4 { + padding-left: 1.5rem !important; + } + + .ps-md-5 { + padding-left: 3rem !important; + } + + .ps-md-6 { + padding-left: 4rem !important; + } + + .ps-md-7 { + padding-left: 6rem !important; + } + + .ps-md-8 { + padding-left: 8rem !important; + } + + .ps-md-9 { + padding-left: 10rem !important; + } + + .ps-md-10 { + padding-left: 12rem !important; + } + + .ps-md-11 { + padding-left: 14rem !important; + } + + .ps-md-12 { + padding-left: 16rem !important; + } + + .gap-md-0 { + gap: 0 !important; + } + + .gap-md-1 { + gap: 0.25rem !important; + } + + .gap-md-2 { + gap: 0.5rem !important; + } + + .gap-md-3 { + gap: 1rem !important; + } + + .gap-md-4 { + gap: 1.5rem !important; + } + + .gap-md-5 { + gap: 3rem !important; + } + + .gap-md-6 { + gap: 4rem !important; + } + + .gap-md-7 { + gap: 6rem !important; + } + + .gap-md-8 { + gap: 8rem !important; + } + + .gap-md-9 { + gap: 10rem !important; + } + + .gap-md-10 { + gap: 12rem !important; + } + + .gap-md-11 { + gap: 14rem !important; + } + + .gap-md-12 { + gap: 16rem !important; + } + + .text-md-start { + text-align: left !important; + } + + .text-md-end { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } + + .transform-scale-md-5 { + transform: scale(0.5) !important; + } + + .transform-scale-md-6 { + transform: scale(0.6) !important; + } + + .transform-scale-md-7 { + transform: scale(0.7) !important; + } + + .transform-scale-md-8 { + transform: scale(0.8) !important; + } + + .transform-scale-md-9 { + transform: scale(0.9) !important; + } + + .transform-scale-md-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-md-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-md-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-md-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-md-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-md-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-md-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-md-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-md-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-md-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-md-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-md-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-md-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-md-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-md-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-md-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-md-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-md-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-md-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-md-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-md-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-md-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-md-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-md-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-md-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-md-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-md-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-md-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-md-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-md-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-md-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-md-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-md-pill { + border-bottom-right-radius: 50rem !important; + } + } + + @media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + + .float-lg-end { + float: right !important; + } + + .float-lg-none { + float: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-grid { + display: grid !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; + } + + .d-lg-none { + display: none !important; + } + + .border-top-lg { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-lg-0 { + border-top: 0 !important; + } + + .border-end-lg { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-lg-0 { + border-right: 0 !important; + } + + .border-bottom-lg { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-lg-0 { + border-bottom: 0 !important; + } + + .border-start-lg { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-lg-0 { + border-left: 0 !important; + } + + .w-lg-0 { + width: 0% !important; + } + + .w-lg-1 { + width: 1% !important; + } + + .w-lg-2 { + width: 2% !important; + } + + .w-lg-3 { + width: 3% !important; + } + + .w-lg-4 { + width: 4% !important; + } + + .w-lg-5 { + width: 5% !important; + } + + .w-lg-6 { + width: 6% !important; + } + + .w-lg-7 { + width: 7% !important; + } + + .w-lg-8 { + width: 8% !important; + } + + .w-lg-9 { + width: 9% !important; + } + + .w-lg-10 { + width: 10% !important; + } + + .w-lg-15 { + width: 15% !important; + } + + .w-lg-20 { + width: 20% !important; + } + + .w-lg-25 { + width: 25% !important; + } + + .w-lg-30 { + width: 30% !important; + } + + .w-lg-35 { + width: 35% !important; + } + + .w-lg-40 { + width: 40% !important; + } + + .w-lg-45 { + width: 45% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-55 { + width: 55% !important; + } + + .w-lg-60 { + width: 60% !important; + } + + .w-lg-65 { + width: 65% !important; + } + + .w-lg-70 { + width: 70% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-80 { + width: 80% !important; + } + + .w-lg-85 { + width: 85% !important; + } + + .w-lg-90 { + width: 90% !important; + } + + .w-lg-95 { + width: 95% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .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-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; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !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; + } + + .justify-content-lg-evenly { + justify-content: space-evenly !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; + } + + .order-lg-first { + order: -1 !important; + } + + .order-lg-0 { + order: 0 !important; + } + + .order-lg-1 { + order: 1 !important; + } + + .order-lg-2 { + order: 2 !important; + } + + .order-lg-3 { + order: 3 !important; + } + + .order-lg-4 { + order: 4 !important; + } + + .order-lg-5 { + order: 5 !important; + } + + .order-lg-last { + order: 6 !important; + } + + .m-lg-0 { + margin: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .m-lg-6 { + margin: 4rem !important; + } + + .m-lg-7 { + margin: 6rem !important; + } + + .m-lg-8 { + margin: 8rem !important; + } + + .m-lg-9 { + margin: 10rem !important; + } + + .m-lg-10 { + margin: 12rem !important; + } + + .m-lg-11 { + margin: 14rem !important; + } + + .m-lg-12 { + margin: 16rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-lg-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-lg-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-lg-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-lg-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-lg-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-lg-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-lg-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-lg-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-lg-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-lg-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-lg-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-lg-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-lg-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-lg-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-lg-0 { + margin-top: 0 !important; + } + + .mt-lg-1 { + margin-top: 0.25rem !important; + } + + .mt-lg-2 { + margin-top: 0.5rem !important; + } + + .mt-lg-3 { + margin-top: 1rem !important; + } + + .mt-lg-4 { + margin-top: 1.5rem !important; + } + + .mt-lg-5 { + margin-top: 3rem !important; + } + + .mt-lg-6 { + margin-top: 4rem !important; + } + + .mt-lg-7 { + margin-top: 6rem !important; + } + + .mt-lg-8 { + margin-top: 8rem !important; + } + + .mt-lg-9 { + margin-top: 10rem !important; + } + + .mt-lg-10 { + margin-top: 12rem !important; + } + + .mt-lg-11 { + margin-top: 14rem !important; + } + + .mt-lg-12 { + margin-top: 16rem !important; + } + + .mt-lg-auto { + margin-top: auto !important; + } + + .me-lg-0 { + margin-right: 0 !important; + } + + .me-lg-1 { + margin-right: 0.25rem !important; + } + + .me-lg-2 { + margin-right: 0.5rem !important; + } + + .me-lg-3 { + margin-right: 1rem !important; + } + + .me-lg-4 { + margin-right: 1.5rem !important; + } + + .me-lg-5 { + margin-right: 3rem !important; + } + + .me-lg-6 { + margin-right: 4rem !important; + } + + .me-lg-7 { + margin-right: 6rem !important; + } + + .me-lg-8 { + margin-right: 8rem !important; + } + + .me-lg-9 { + margin-right: 10rem !important; + } + + .me-lg-10 { + margin-right: 12rem !important; + } + + .me-lg-11 { + margin-right: 14rem !important; + } + + .me-lg-12 { + margin-right: 16rem !important; + } + + .me-lg-auto { + margin-right: auto !important; + } + + .mb-lg-0 { + margin-bottom: 0 !important; + } + + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + + .mb-lg-3 { + margin-bottom: 1rem !important; + } + + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + + .mb-lg-5 { + margin-bottom: 3rem !important; + } + + .mb-lg-6 { + margin-bottom: 4rem !important; + } + + .mb-lg-7 { + margin-bottom: 6rem !important; + } + + .mb-lg-8 { + margin-bottom: 8rem !important; + } + + .mb-lg-9 { + margin-bottom: 10rem !important; + } + + .mb-lg-10 { + margin-bottom: 12rem !important; + } + + .mb-lg-11 { + margin-bottom: 14rem !important; + } + + .mb-lg-12 { + margin-bottom: 16rem !important; + } + + .mb-lg-auto { + margin-bottom: auto !important; + } + + .ms-lg-0 { + margin-left: 0 !important; + } + + .ms-lg-1 { + margin-left: 0.25rem !important; + } + + .ms-lg-2 { + margin-left: 0.5rem !important; + } + + .ms-lg-3 { + margin-left: 1rem !important; + } + + .ms-lg-4 { + margin-left: 1.5rem !important; + } + + .ms-lg-5 { + margin-left: 3rem !important; + } + + .ms-lg-6 { + margin-left: 4rem !important; + } + + .ms-lg-7 { + margin-left: 6rem !important; + } + + .ms-lg-8 { + margin-left: 8rem !important; + } + + .ms-lg-9 { + margin-left: 10rem !important; + } + + .ms-lg-10 { + margin-left: 12rem !important; + } + + .ms-lg-11 { + margin-left: 14rem !important; + } + + .ms-lg-12 { + margin-left: 16rem !important; + } + + .ms-lg-auto { + margin-left: auto !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .m-lg-n6 { + margin: -4rem !important; + } + + .m-lg-n7 { + margin: -6rem !important; + } + + .m-lg-n8 { + margin: -8rem !important; + } + + .m-lg-n9 { + margin: -10rem !important; + } + + .m-lg-n10 { + margin: -12rem !important; + } + + .m-lg-n11 { + margin: -14rem !important; + } + + .m-lg-n12 { + margin: -16rem !important; + } + + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-lg-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-lg-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-lg-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-lg-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-lg-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-lg-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-lg-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-lg-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-lg-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-lg-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-lg-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-lg-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-lg-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-lg-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + + .mt-lg-n3 { + margin-top: -1rem !important; + } + + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + + .mt-lg-n5 { + margin-top: -3rem !important; + } + + .mt-lg-n6 { + margin-top: -4rem !important; + } + + .mt-lg-n7 { + margin-top: -6rem !important; + } + + .mt-lg-n8 { + margin-top: -8rem !important; + } + + .mt-lg-n9 { + margin-top: -10rem !important; + } + + .mt-lg-n10 { + margin-top: -12rem !important; + } + + .mt-lg-n11 { + margin-top: -14rem !important; + } + + .mt-lg-n12 { + margin-top: -16rem !important; + } + + .me-lg-n1 { + margin-right: -0.25rem !important; + } + + .me-lg-n2 { + margin-right: -0.5rem !important; + } + + .me-lg-n3 { + margin-right: -1rem !important; + } + + .me-lg-n4 { + margin-right: -1.5rem !important; + } + + .me-lg-n5 { + margin-right: -3rem !important; + } + + .me-lg-n6 { + margin-right: -4rem !important; + } + + .me-lg-n7 { + margin-right: -6rem !important; + } + + .me-lg-n8 { + margin-right: -8rem !important; + } + + .me-lg-n9 { + margin-right: -10rem !important; + } + + .me-lg-n10 { + margin-right: -12rem !important; + } + + .me-lg-n11 { + margin-right: -14rem !important; + } + + .me-lg-n12 { + margin-right: -16rem !important; + } + + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + + .mb-lg-n6 { + margin-bottom: -4rem !important; + } + + .mb-lg-n7 { + margin-bottom: -6rem !important; + } + + .mb-lg-n8 { + margin-bottom: -8rem !important; + } + + .mb-lg-n9 { + margin-bottom: -10rem !important; + } + + .mb-lg-n10 { + margin-bottom: -12rem !important; + } + + .mb-lg-n11 { + margin-bottom: -14rem !important; + } + + .mb-lg-n12 { + margin-bottom: -16rem !important; + } + + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + + .ms-lg-n3 { + margin-left: -1rem !important; + } + + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + + .ms-lg-n5 { + margin-left: -3rem !important; + } + + .ms-lg-n6 { + margin-left: -4rem !important; + } + + .ms-lg-n7 { + margin-left: -6rem !important; + } + + .ms-lg-n8 { + margin-left: -8rem !important; + } + + .ms-lg-n9 { + margin-left: -10rem !important; + } + + .ms-lg-n10 { + margin-left: -12rem !important; + } + + .ms-lg-n11 { + margin-left: -14rem !important; + } + + .ms-lg-n12 { + margin-left: -16rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .p-lg-6 { + padding: 4rem !important; + } + + .p-lg-7 { + padding: 6rem !important; + } + + .p-lg-8 { + padding: 8rem !important; + } + + .p-lg-9 { + padding: 10rem !important; + } + + .p-lg-10 { + padding: 12rem !important; + } + + .p-lg-11 { + padding: 14rem !important; + } + + .p-lg-12 { + padding: 16rem !important; + } + + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-lg-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-lg-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-lg-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-lg-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-lg-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-lg-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-lg-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-lg-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-lg-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-lg-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-lg-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-lg-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-lg-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-lg-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-lg-0 { + padding-top: 0 !important; + } + + .pt-lg-1 { + padding-top: 0.25rem !important; + } + + .pt-lg-2 { + padding-top: 0.5rem !important; + } + + .pt-lg-3 { + padding-top: 1rem !important; + } + + .pt-lg-4 { + padding-top: 1.5rem !important; + } + + .pt-lg-5 { + padding-top: 3rem !important; + } + + .pt-lg-6 { + padding-top: 4rem !important; + } + + .pt-lg-7 { + padding-top: 6rem !important; + } + + .pt-lg-8 { + padding-top: 8rem !important; + } + + .pt-lg-9 { + padding-top: 10rem !important; + } + + .pt-lg-10 { + padding-top: 12rem !important; + } + + .pt-lg-11 { + padding-top: 14rem !important; + } + + .pt-lg-12 { + padding-top: 16rem !important; + } + + .pe-lg-0 { + padding-right: 0 !important; + } + + .pe-lg-1 { + padding-right: 0.25rem !important; + } + + .pe-lg-2 { + padding-right: 0.5rem !important; + } + + .pe-lg-3 { + padding-right: 1rem !important; + } + + .pe-lg-4 { + padding-right: 1.5rem !important; + } + + .pe-lg-5 { + padding-right: 3rem !important; + } + + .pe-lg-6 { + padding-right: 4rem !important; + } + + .pe-lg-7 { + padding-right: 6rem !important; + } + + .pe-lg-8 { + padding-right: 8rem !important; + } + + .pe-lg-9 { + padding-right: 10rem !important; + } + + .pe-lg-10 { + padding-right: 12rem !important; + } + + .pe-lg-11 { + padding-right: 14rem !important; + } + + .pe-lg-12 { + padding-right: 16rem !important; + } + + .pb-lg-0 { + padding-bottom: 0 !important; + } + + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pb-lg-3 { + padding-bottom: 1rem !important; + } + + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pb-lg-5 { + padding-bottom: 3rem !important; + } + + .pb-lg-6 { + padding-bottom: 4rem !important; + } + + .pb-lg-7 { + padding-bottom: 6rem !important; + } + + .pb-lg-8 { + padding-bottom: 8rem !important; + } + + .pb-lg-9 { + padding-bottom: 10rem !important; + } + + .pb-lg-10 { + padding-bottom: 12rem !important; + } + + .pb-lg-11 { + padding-bottom: 14rem !important; + } + + .pb-lg-12 { + padding-bottom: 16rem !important; + } + + .ps-lg-0 { + padding-left: 0 !important; + } + + .ps-lg-1 { + padding-left: 0.25rem !important; + } + + .ps-lg-2 { + padding-left: 0.5rem !important; + } + + .ps-lg-3 { + padding-left: 1rem !important; + } + + .ps-lg-4 { + padding-left: 1.5rem !important; + } + + .ps-lg-5 { + padding-left: 3rem !important; + } + + .ps-lg-6 { + padding-left: 4rem !important; + } + + .ps-lg-7 { + padding-left: 6rem !important; + } + + .ps-lg-8 { + padding-left: 8rem !important; + } + + .ps-lg-9 { + padding-left: 10rem !important; + } + + .ps-lg-10 { + padding-left: 12rem !important; + } + + .ps-lg-11 { + padding-left: 14rem !important; + } + + .ps-lg-12 { + padding-left: 16rem !important; + } + + .gap-lg-0 { + gap: 0 !important; + } + + .gap-lg-1 { + gap: 0.25rem !important; + } + + .gap-lg-2 { + gap: 0.5rem !important; + } + + .gap-lg-3 { + gap: 1rem !important; + } + + .gap-lg-4 { + gap: 1.5rem !important; + } + + .gap-lg-5 { + gap: 3rem !important; + } + + .gap-lg-6 { + gap: 4rem !important; + } + + .gap-lg-7 { + gap: 6rem !important; + } + + .gap-lg-8 { + gap: 8rem !important; + } + + .gap-lg-9 { + gap: 10rem !important; + } + + .gap-lg-10 { + gap: 12rem !important; + } + + .gap-lg-11 { + gap: 14rem !important; + } + + .gap-lg-12 { + gap: 16rem !important; + } + + .text-lg-start { + text-align: left !important; + } + + .text-lg-end { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } + + .transform-scale-lg-5 { + transform: scale(0.5) !important; + } + + .transform-scale-lg-6 { + transform: scale(0.6) !important; + } + + .transform-scale-lg-7 { + transform: scale(0.7) !important; + } + + .transform-scale-lg-8 { + transform: scale(0.8) !important; + } + + .transform-scale-lg-9 { + transform: scale(0.9) !important; + } + + .transform-scale-lg-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-lg { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-lg-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-lg-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-lg-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-lg-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-lg-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-lg-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-lg-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-lg-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-lg { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-lg-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-lg-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-lg-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-lg-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-lg-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-lg-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-lg-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-lg-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-lg { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-lg-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-lg-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-lg-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-lg-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-lg-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-lg-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-lg-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-lg-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-lg { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-lg-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-lg-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-lg-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-lg-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-lg-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-lg-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-lg-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-lg-pill { + border-bottom-right-radius: 50rem !important; + } + } + + @media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + + .float-xl-end { + float: right !important; + } + + .float-xl-none { + float: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-grid { + display: grid !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; + } + + .d-xl-none { + display: none !important; + } + + .border-top-xl { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-xl-0 { + border-top: 0 !important; + } + + .border-end-xl { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-xl-0 { + border-right: 0 !important; + } + + .border-bottom-xl { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-xl-0 { + border-bottom: 0 !important; + } + + .border-start-xl { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-xl-0 { + border-left: 0 !important; + } + + .w-xl-0 { + width: 0% !important; + } + + .w-xl-1 { + width: 1% !important; + } + + .w-xl-2 { + width: 2% !important; + } + + .w-xl-3 { + width: 3% !important; + } + + .w-xl-4 { + width: 4% !important; + } + + .w-xl-5 { + width: 5% !important; + } + + .w-xl-6 { + width: 6% !important; + } + + .w-xl-7 { + width: 7% !important; + } + + .w-xl-8 { + width: 8% !important; + } + + .w-xl-9 { + width: 9% !important; + } + + .w-xl-10 { + width: 10% !important; + } + + .w-xl-15 { + width: 15% !important; + } + + .w-xl-20 { + width: 20% !important; + } + + .w-xl-25 { + width: 25% !important; + } + + .w-xl-30 { + width: 30% !important; + } + + .w-xl-35 { + width: 35% !important; + } + + .w-xl-40 { + width: 40% !important; + } + + .w-xl-45 { + width: 45% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-55 { + width: 55% !important; + } + + .w-xl-60 { + width: 60% !important; + } + + .w-xl-65 { + width: 65% !important; + } + + .w-xl-70 { + width: 70% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-80 { + width: 80% !important; + } + + .w-xl-85 { + width: 85% !important; + } + + .w-xl-90 { + width: 90% !important; + } + + .w-xl-95 { + width: 95% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .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-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; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !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; + } + + .justify-content-xl-evenly { + justify-content: space-evenly !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; + } + + .order-xl-first { + order: -1 !important; + } + + .order-xl-0 { + order: 0 !important; + } + + .order-xl-1 { + order: 1 !important; + } + + .order-xl-2 { + order: 2 !important; + } + + .order-xl-3 { + order: 3 !important; + } + + .order-xl-4 { + order: 4 !important; + } + + .order-xl-5 { + order: 5 !important; + } + + .order-xl-last { + order: 6 !important; + } + + .m-xl-0 { + margin: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .m-xl-6 { + margin: 4rem !important; + } + + .m-xl-7 { + margin: 6rem !important; + } + + .m-xl-8 { + margin: 8rem !important; + } + + .m-xl-9 { + margin: 10rem !important; + } + + .m-xl-10 { + margin: 12rem !important; + } + + .m-xl-11 { + margin: 14rem !important; + } + + .m-xl-12 { + margin: 16rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xl-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-xl-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-xl-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-xl-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-xl-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-xl-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-xl-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-xl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-xl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-xl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-xl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-xl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-xl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xl-0 { + margin-top: 0 !important; + } + + .mt-xl-1 { + margin-top: 0.25rem !important; + } + + .mt-xl-2 { + margin-top: 0.5rem !important; + } + + .mt-xl-3 { + margin-top: 1rem !important; + } + + .mt-xl-4 { + margin-top: 1.5rem !important; + } + + .mt-xl-5 { + margin-top: 3rem !important; + } + + .mt-xl-6 { + margin-top: 4rem !important; + } + + .mt-xl-7 { + margin-top: 6rem !important; + } + + .mt-xl-8 { + margin-top: 8rem !important; + } + + .mt-xl-9 { + margin-top: 10rem !important; + } + + .mt-xl-10 { + margin-top: 12rem !important; + } + + .mt-xl-11 { + margin-top: 14rem !important; + } + + .mt-xl-12 { + margin-top: 16rem !important; + } + + .mt-xl-auto { + margin-top: auto !important; + } + + .me-xl-0 { + margin-right: 0 !important; + } + + .me-xl-1 { + margin-right: 0.25rem !important; + } + + .me-xl-2 { + margin-right: 0.5rem !important; + } + + .me-xl-3 { + margin-right: 1rem !important; + } + + .me-xl-4 { + margin-right: 1.5rem !important; + } + + .me-xl-5 { + margin-right: 3rem !important; + } + + .me-xl-6 { + margin-right: 4rem !important; + } + + .me-xl-7 { + margin-right: 6rem !important; + } + + .me-xl-8 { + margin-right: 8rem !important; + } + + .me-xl-9 { + margin-right: 10rem !important; + } + + .me-xl-10 { + margin-right: 12rem !important; + } + + .me-xl-11 { + margin-right: 14rem !important; + } + + .me-xl-12 { + margin-right: 16rem !important; + } + + .me-xl-auto { + margin-right: auto !important; + } + + .mb-xl-0 { + margin-bottom: 0 !important; + } + + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xl-3 { + margin-bottom: 1rem !important; + } + + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xl-5 { + margin-bottom: 3rem !important; + } + + .mb-xl-6 { + margin-bottom: 4rem !important; + } + + .mb-xl-7 { + margin-bottom: 6rem !important; + } + + .mb-xl-8 { + margin-bottom: 8rem !important; + } + + .mb-xl-9 { + margin-bottom: 10rem !important; + } + + .mb-xl-10 { + margin-bottom: 12rem !important; + } + + .mb-xl-11 { + margin-bottom: 14rem !important; + } + + .mb-xl-12 { + margin-bottom: 16rem !important; + } + + .mb-xl-auto { + margin-bottom: auto !important; + } + + .ms-xl-0 { + margin-left: 0 !important; + } + + .ms-xl-1 { + margin-left: 0.25rem !important; + } + + .ms-xl-2 { + margin-left: 0.5rem !important; + } + + .ms-xl-3 { + margin-left: 1rem !important; + } + + .ms-xl-4 { + margin-left: 1.5rem !important; + } + + .ms-xl-5 { + margin-left: 3rem !important; + } + + .ms-xl-6 { + margin-left: 4rem !important; + } + + .ms-xl-7 { + margin-left: 6rem !important; + } + + .ms-xl-8 { + margin-left: 8rem !important; + } + + .ms-xl-9 { + margin-left: 10rem !important; + } + + .ms-xl-10 { + margin-left: 12rem !important; + } + + .ms-xl-11 { + margin-left: 14rem !important; + } + + .ms-xl-12 { + margin-left: 16rem !important; + } + + .ms-xl-auto { + margin-left: auto !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .m-xl-n6 { + margin: -4rem !important; + } + + .m-xl-n7 { + margin: -6rem !important; + } + + .m-xl-n8 { + margin: -8rem !important; + } + + .m-xl-n9 { + margin: -10rem !important; + } + + .m-xl-n10 { + margin: -12rem !important; + } + + .m-xl-n11 { + margin: -14rem !important; + } + + .m-xl-n12 { + margin: -16rem !important; + } + + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-xl-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-xl-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-xl-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-xl-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-xl-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-xl-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-xl-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-xl-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-xl-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-xl-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-xl-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-xl-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-xl-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-xl-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xl-n3 { + margin-top: -1rem !important; + } + + .mt-xl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xl-n5 { + margin-top: -3rem !important; + } + + .mt-xl-n6 { + margin-top: -4rem !important; + } + + .mt-xl-n7 { + margin-top: -6rem !important; + } + + .mt-xl-n8 { + margin-top: -8rem !important; + } + + .mt-xl-n9 { + margin-top: -10rem !important; + } + + .mt-xl-n10 { + margin-top: -12rem !important; + } + + .mt-xl-n11 { + margin-top: -14rem !important; + } + + .mt-xl-n12 { + margin-top: -16rem !important; + } + + .me-xl-n1 { + margin-right: -0.25rem !important; + } + + .me-xl-n2 { + margin-right: -0.5rem !important; + } + + .me-xl-n3 { + margin-right: -1rem !important; + } + + .me-xl-n4 { + margin-right: -1.5rem !important; + } + + .me-xl-n5 { + margin-right: -3rem !important; + } + + .me-xl-n6 { + margin-right: -4rem !important; + } + + .me-xl-n7 { + margin-right: -6rem !important; + } + + .me-xl-n8 { + margin-right: -8rem !important; + } + + .me-xl-n9 { + margin-right: -10rem !important; + } + + .me-xl-n10 { + margin-right: -12rem !important; + } + + .me-xl-n11 { + margin-right: -14rem !important; + } + + .me-xl-n12 { + margin-right: -16rem !important; + } + + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xl-n5 { + margin-bottom: -3rem !important; + } + + .mb-xl-n6 { + margin-bottom: -4rem !important; + } + + .mb-xl-n7 { + margin-bottom: -6rem !important; + } + + .mb-xl-n8 { + margin-bottom: -8rem !important; + } + + .mb-xl-n9 { + margin-bottom: -10rem !important; + } + + .mb-xl-n10 { + margin-bottom: -12rem !important; + } + + .mb-xl-n11 { + margin-bottom: -14rem !important; + } + + .mb-xl-n12 { + margin-bottom: -16rem !important; + } + + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xl-n3 { + margin-left: -1rem !important; + } + + .ms-xl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xl-n5 { + margin-left: -3rem !important; + } + + .ms-xl-n6 { + margin-left: -4rem !important; + } + + .ms-xl-n7 { + margin-left: -6rem !important; + } + + .ms-xl-n8 { + margin-left: -8rem !important; + } + + .ms-xl-n9 { + margin-left: -10rem !important; + } + + .ms-xl-n10 { + margin-left: -12rem !important; + } + + .ms-xl-n11 { + margin-left: -14rem !important; + } + + .ms-xl-n12 { + margin-left: -16rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .p-xl-6 { + padding: 4rem !important; + } + + .p-xl-7 { + padding: 6rem !important; + } + + .p-xl-8 { + padding: 8rem !important; + } + + .p-xl-9 { + padding: 10rem !important; + } + + .p-xl-10 { + padding: 12rem !important; + } + + .p-xl-11 { + padding: 14rem !important; + } + + .p-xl-12 { + padding: 16rem !important; + } + + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-xl-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-xl-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-xl-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-xl-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-xl-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-xl-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-xl-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-xl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-xl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-xl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-xl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-xl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-xl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-xl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-xl-0 { + padding-top: 0 !important; + } + + .pt-xl-1 { + padding-top: 0.25rem !important; + } + + .pt-xl-2 { + padding-top: 0.5rem !important; + } + + .pt-xl-3 { + padding-top: 1rem !important; + } + + .pt-xl-4 { + padding-top: 1.5rem !important; + } + + .pt-xl-5 { + padding-top: 3rem !important; + } + + .pt-xl-6 { + padding-top: 4rem !important; + } + + .pt-xl-7 { + padding-top: 6rem !important; + } + + .pt-xl-8 { + padding-top: 8rem !important; + } + + .pt-xl-9 { + padding-top: 10rem !important; + } + + .pt-xl-10 { + padding-top: 12rem !important; + } + + .pt-xl-11 { + padding-top: 14rem !important; + } + + .pt-xl-12 { + padding-top: 16rem !important; + } + + .pe-xl-0 { + padding-right: 0 !important; + } + + .pe-xl-1 { + padding-right: 0.25rem !important; + } + + .pe-xl-2 { + padding-right: 0.5rem !important; + } + + .pe-xl-3 { + padding-right: 1rem !important; + } + + .pe-xl-4 { + padding-right: 1.5rem !important; + } + + .pe-xl-5 { + padding-right: 3rem !important; + } + + .pe-xl-6 { + padding-right: 4rem !important; + } + + .pe-xl-7 { + padding-right: 6rem !important; + } + + .pe-xl-8 { + padding-right: 8rem !important; + } + + .pe-xl-9 { + padding-right: 10rem !important; + } + + .pe-xl-10 { + padding-right: 12rem !important; + } + + .pe-xl-11 { + padding-right: 14rem !important; + } + + .pe-xl-12 { + padding-right: 16rem !important; + } + + .pb-xl-0 { + padding-bottom: 0 !important; + } + + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xl-3 { + padding-bottom: 1rem !important; + } + + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xl-5 { + padding-bottom: 3rem !important; + } + + .pb-xl-6 { + padding-bottom: 4rem !important; + } + + .pb-xl-7 { + padding-bottom: 6rem !important; + } + + .pb-xl-8 { + padding-bottom: 8rem !important; + } + + .pb-xl-9 { + padding-bottom: 10rem !important; + } + + .pb-xl-10 { + padding-bottom: 12rem !important; + } + + .pb-xl-11 { + padding-bottom: 14rem !important; + } + + .pb-xl-12 { + padding-bottom: 16rem !important; + } + + .ps-xl-0 { + padding-left: 0 !important; + } + + .ps-xl-1 { + padding-left: 0.25rem !important; + } + + .ps-xl-2 { + padding-left: 0.5rem !important; + } + + .ps-xl-3 { + padding-left: 1rem !important; + } + + .ps-xl-4 { + padding-left: 1.5rem !important; + } + + .ps-xl-5 { + padding-left: 3rem !important; + } + + .ps-xl-6 { + padding-left: 4rem !important; + } + + .ps-xl-7 { + padding-left: 6rem !important; + } + + .ps-xl-8 { + padding-left: 8rem !important; + } + + .ps-xl-9 { + padding-left: 10rem !important; + } + + .ps-xl-10 { + padding-left: 12rem !important; + } + + .ps-xl-11 { + padding-left: 14rem !important; + } + + .ps-xl-12 { + padding-left: 16rem !important; + } + + .gap-xl-0 { + gap: 0 !important; + } + + .gap-xl-1 { + gap: 0.25rem !important; + } + + .gap-xl-2 { + gap: 0.5rem !important; + } + + .gap-xl-3 { + gap: 1rem !important; + } + + .gap-xl-4 { + gap: 1.5rem !important; + } + + .gap-xl-5 { + gap: 3rem !important; + } + + .gap-xl-6 { + gap: 4rem !important; + } + + .gap-xl-7 { + gap: 6rem !important; + } + + .gap-xl-8 { + gap: 8rem !important; + } + + .gap-xl-9 { + gap: 10rem !important; + } + + .gap-xl-10 { + gap: 12rem !important; + } + + .gap-xl-11 { + gap: 14rem !important; + } + + .gap-xl-12 { + gap: 16rem !important; + } + + .text-xl-start { + text-align: left !important; + } + + .text-xl-end { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } + + .transform-scale-xl-5 { + transform: scale(0.5) !important; + } + + .transform-scale-xl-6 { + transform: scale(0.6) !important; + } + + .transform-scale-xl-7 { + transform: scale(0.7) !important; + } + + .transform-scale-xl-8 { + transform: scale(0.8) !important; + } + + .transform-scale-xl-9 { + transform: scale(0.9) !important; + } + + .transform-scale-xl-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-xl { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xl-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-xl-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-xl-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xl-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-xl-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-xl-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-xl-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-xl-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-xl { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xl-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-xl-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-xl-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xl-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-xl-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-xl-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-xl-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-xl-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-xl { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xl-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-xl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-xl-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-xl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-xl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-xl-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-xl-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-xl { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xl-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-xl-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-xl-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xl-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-xl-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-xl-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-xl-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-xl-pill { + border-bottom-right-radius: 50rem !important; + } + } + + @media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + + .float-xxl-end { + float: right !important; + } + + .float-xxl-none { + float: none !important; + } + + .d-xxl-inline { + display: inline !important; + } + + .d-xxl-inline-block { + display: inline-block !important; + } + + .d-xxl-block { + display: block !important; + } + + .d-xxl-grid { + display: grid !important; + } + + .d-xxl-table { + display: table !important; + } + + .d-xxl-table-row { + display: table-row !important; + } + + .d-xxl-table-cell { + display: table-cell !important; + } + + .d-xxl-flex { + display: flex !important; + } + + .d-xxl-inline-flex { + display: inline-flex !important; + } + + .d-xxl-none { + display: none !important; + } + + .border-top-xxl { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-xxl-0 { + border-top: 0 !important; + } + + .border-end-xxl { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-xxl-0 { + border-right: 0 !important; + } + + .border-bottom-xxl { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-xxl-0 { + border-bottom: 0 !important; + } + + .border-start-xxl { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-xxl-0 { + border-left: 0 !important; + } + + .w-xxl-0 { + width: 0% !important; + } + + .w-xxl-1 { + width: 1% !important; + } + + .w-xxl-2 { + width: 2% !important; + } + + .w-xxl-3 { + width: 3% !important; + } + + .w-xxl-4 { + width: 4% !important; + } + + .w-xxl-5 { + width: 5% !important; + } + + .w-xxl-6 { + width: 6% !important; + } + + .w-xxl-7 { + width: 7% !important; + } + + .w-xxl-8 { + width: 8% !important; + } + + .w-xxl-9 { + width: 9% !important; + } + + .w-xxl-10 { + width: 10% !important; + } + + .w-xxl-15 { + width: 15% !important; + } + + .w-xxl-20 { + width: 20% !important; + } + + .w-xxl-25 { + width: 25% !important; + } + + .w-xxl-30 { + width: 30% !important; + } + + .w-xxl-35 { + width: 35% !important; + } + + .w-xxl-40 { + width: 40% !important; + } + + .w-xxl-45 { + width: 45% !important; + } + + .w-xxl-50 { + width: 50% !important; + } + + .w-xxl-55 { + width: 55% !important; + } + + .w-xxl-60 { + width: 60% !important; + } + + .w-xxl-65 { + width: 65% !important; + } + + .w-xxl-70 { + width: 70% !important; + } + + .w-xxl-75 { + width: 75% !important; + } + + .w-xxl-80 { + width: 80% !important; + } + + .w-xxl-85 { + width: 85% !important; + } + + .w-xxl-90 { + width: 90% !important; + } + + .w-xxl-95 { + width: 95% !important; + } + + .w-xxl-100 { + width: 100% !important; + } + + .w-xxl-auto { + width: auto !important; + } + + .flex-xxl-fill { + flex: 1 1 auto !important; + } + + .flex-xxl-row { + flex-direction: row !important; + } + + .flex-xxl-column { + flex-direction: column !important; + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xxl-start { + justify-content: flex-start !important; + } + + .justify-content-xxl-end { + justify-content: flex-end !important; + } + + .justify-content-xxl-center { + justify-content: center !important; + } + + .justify-content-xxl-between { + justify-content: space-between !important; + } + + .justify-content-xxl-around { + justify-content: space-around !important; + } + + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xxl-start { + align-items: flex-start !important; + } + + .align-items-xxl-end { + align-items: flex-end !important; + } + + .align-items-xxl-center { + align-items: center !important; + } + + .align-items-xxl-baseline { + align-items: baseline !important; + } + + .align-items-xxl-stretch { + align-items: stretch !important; + } + + .align-content-xxl-start { + align-content: flex-start !important; + } + + .align-content-xxl-end { + align-content: flex-end !important; + } + + .align-content-xxl-center { + align-content: center !important; + } + + .align-content-xxl-between { + align-content: space-between !important; + } + + .align-content-xxl-around { + align-content: space-around !important; + } + + .align-content-xxl-stretch { + align-content: stretch !important; + } + + .align-self-xxl-auto { + align-self: auto !important; + } + + .align-self-xxl-start { + align-self: flex-start !important; + } + + .align-self-xxl-end { + align-self: flex-end !important; + } + + .align-self-xxl-center { + align-self: center !important; + } + + .align-self-xxl-baseline { + align-self: baseline !important; + } + + .align-self-xxl-stretch { + align-self: stretch !important; + } + + .order-xxl-first { + order: -1 !important; + } + + .order-xxl-0 { + order: 0 !important; + } + + .order-xxl-1 { + order: 1 !important; + } + + .order-xxl-2 { + order: 2 !important; + } + + .order-xxl-3 { + order: 3 !important; + } + + .order-xxl-4 { + order: 4 !important; + } + + .order-xxl-5 { + order: 5 !important; + } + + .order-xxl-last { + order: 6 !important; + } + + .m-xxl-0 { + margin: 0 !important; + } + + .m-xxl-1 { + margin: 0.25rem !important; + } + + .m-xxl-2 { + margin: 0.5rem !important; + } + + .m-xxl-3 { + margin: 1rem !important; + } + + .m-xxl-4 { + margin: 1.5rem !important; + } + + .m-xxl-5 { + margin: 3rem !important; + } + + .m-xxl-6 { + margin: 4rem !important; + } + + .m-xxl-7 { + margin: 6rem !important; + } + + .m-xxl-8 { + margin: 8rem !important; + } + + .m-xxl-9 { + margin: 10rem !important; + } + + .m-xxl-10 { + margin: 12rem !important; + } + + .m-xxl-11 { + margin: 14rem !important; + } + + .m-xxl-12 { + margin: 16rem !important; + } + + .m-xxl-auto { + margin: auto !important; + } + + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xxl-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-xxl-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-xxl-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-xxl-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-xxl-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-xxl-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-xxl-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xxl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-xxl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-xxl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-xxl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-xxl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-xxl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-xxl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xxl-0 { + margin-top: 0 !important; + } + + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + + .mt-xxl-3 { + margin-top: 1rem !important; + } + + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + + .mt-xxl-5 { + margin-top: 3rem !important; + } + + .mt-xxl-6 { + margin-top: 4rem !important; + } + + .mt-xxl-7 { + margin-top: 6rem !important; + } + + .mt-xxl-8 { + margin-top: 8rem !important; + } + + .mt-xxl-9 { + margin-top: 10rem !important; + } + + .mt-xxl-10 { + margin-top: 12rem !important; + } + + .mt-xxl-11 { + margin-top: 14rem !important; + } + + .mt-xxl-12 { + margin-top: 16rem !important; + } + + .mt-xxl-auto { + margin-top: auto !important; + } + + .me-xxl-0 { + margin-right: 0 !important; + } + + .me-xxl-1 { + margin-right: 0.25rem !important; + } + + .me-xxl-2 { + margin-right: 0.5rem !important; + } + + .me-xxl-3 { + margin-right: 1rem !important; + } + + .me-xxl-4 { + margin-right: 1.5rem !important; + } + + .me-xxl-5 { + margin-right: 3rem !important; + } + + .me-xxl-6 { + margin-right: 4rem !important; + } + + .me-xxl-7 { + margin-right: 6rem !important; + } + + .me-xxl-8 { + margin-right: 8rem !important; + } + + .me-xxl-9 { + margin-right: 10rem !important; + } + + .me-xxl-10 { + margin-right: 12rem !important; + } + + .me-xxl-11 { + margin-right: 14rem !important; + } + + .me-xxl-12 { + margin-right: 16rem !important; + } + + .me-xxl-auto { + margin-right: auto !important; + } + + .mb-xxl-0 { + margin-bottom: 0 !important; + } + + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + + .mb-xxl-6 { + margin-bottom: 4rem !important; + } + + .mb-xxl-7 { + margin-bottom: 6rem !important; + } + + .mb-xxl-8 { + margin-bottom: 8rem !important; + } + + .mb-xxl-9 { + margin-bottom: 10rem !important; + } + + .mb-xxl-10 { + margin-bottom: 12rem !important; + } + + .mb-xxl-11 { + margin-bottom: 14rem !important; + } + + .mb-xxl-12 { + margin-bottom: 16rem !important; + } + + .mb-xxl-auto { + margin-bottom: auto !important; + } + + .ms-xxl-0 { + margin-left: 0 !important; + } + + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + + .ms-xxl-3 { + margin-left: 1rem !important; + } + + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + + .ms-xxl-5 { + margin-left: 3rem !important; + } + + .ms-xxl-6 { + margin-left: 4rem !important; + } + + .ms-xxl-7 { + margin-left: 6rem !important; + } + + .ms-xxl-8 { + margin-left: 8rem !important; + } + + .ms-xxl-9 { + margin-left: 10rem !important; + } + + .ms-xxl-10 { + margin-left: 12rem !important; + } + + .ms-xxl-11 { + margin-left: 14rem !important; + } + + .ms-xxl-12 { + margin-left: 16rem !important; + } + + .ms-xxl-auto { + margin-left: auto !important; + } + + .m-xxl-n1 { + margin: -0.25rem !important; + } + + .m-xxl-n2 { + margin: -0.5rem !important; + } + + .m-xxl-n3 { + margin: -1rem !important; + } + + .m-xxl-n4 { + margin: -1.5rem !important; + } + + .m-xxl-n5 { + margin: -3rem !important; + } + + .m-xxl-n6 { + margin: -4rem !important; + } + + .m-xxl-n7 { + margin: -6rem !important; + } + + .m-xxl-n8 { + margin: -8rem !important; + } + + .m-xxl-n9 { + margin: -10rem !important; + } + + .m-xxl-n10 { + margin: -12rem !important; + } + + .m-xxl-n11 { + margin: -14rem !important; + } + + .m-xxl-n12 { + margin: -16rem !important; + } + + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-xxl-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-xxl-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-xxl-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-xxl-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-xxl-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-xxl-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-xxl-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-xxl-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-xxl-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-xxl-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-xxl-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-xxl-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-xxl-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-xxl-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-xxl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xxl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xxl-n3 { + margin-top: -1rem !important; + } + + .mt-xxl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xxl-n5 { + margin-top: -3rem !important; + } + + .mt-xxl-n6 { + margin-top: -4rem !important; + } + + .mt-xxl-n7 { + margin-top: -6rem !important; + } + + .mt-xxl-n8 { + margin-top: -8rem !important; + } + + .mt-xxl-n9 { + margin-top: -10rem !important; + } + + .mt-xxl-n10 { + margin-top: -12rem !important; + } + + .mt-xxl-n11 { + margin-top: -14rem !important; + } + + .mt-xxl-n12 { + margin-top: -16rem !important; + } + + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + + .me-xxl-n3 { + margin-right: -1rem !important; + } + + .me-xxl-n4 { + margin-right: -1.5rem !important; + } + + .me-xxl-n5 { + margin-right: -3rem !important; + } + + .me-xxl-n6 { + margin-right: -4rem !important; + } + + .me-xxl-n7 { + margin-right: -6rem !important; + } + + .me-xxl-n8 { + margin-right: -8rem !important; + } + + .me-xxl-n9 { + margin-right: -10rem !important; + } + + .me-xxl-n10 { + margin-right: -12rem !important; + } + + .me-xxl-n11 { + margin-right: -14rem !important; + } + + .me-xxl-n12 { + margin-right: -16rem !important; + } + + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xxl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xxl-n5 { + margin-bottom: -3rem !important; + } + + .mb-xxl-n6 { + margin-bottom: -4rem !important; + } + + .mb-xxl-n7 { + margin-bottom: -6rem !important; + } + + .mb-xxl-n8 { + margin-bottom: -8rem !important; + } + + .mb-xxl-n9 { + margin-bottom: -10rem !important; + } + + .mb-xxl-n10 { + margin-bottom: -12rem !important; + } + + .mb-xxl-n11 { + margin-bottom: -14rem !important; + } + + .mb-xxl-n12 { + margin-bottom: -16rem !important; + } + + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xxl-n3 { + margin-left: -1rem !important; + } + + .ms-xxl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xxl-n5 { + margin-left: -3rem !important; + } + + .ms-xxl-n6 { + margin-left: -4rem !important; + } + + .ms-xxl-n7 { + margin-left: -6rem !important; + } + + .ms-xxl-n8 { + margin-left: -8rem !important; + } + + .ms-xxl-n9 { + margin-left: -10rem !important; + } + + .ms-xxl-n10 { + margin-left: -12rem !important; + } + + .ms-xxl-n11 { + margin-left: -14rem !important; + } + + .ms-xxl-n12 { + margin-left: -16rem !important; + } + + .p-xxl-0 { + padding: 0 !important; + } + + .p-xxl-1 { + padding: 0.25rem !important; + } + + .p-xxl-2 { + padding: 0.5rem !important; + } + + .p-xxl-3 { + padding: 1rem !important; + } + + .p-xxl-4 { + padding: 1.5rem !important; + } + + .p-xxl-5 { + padding: 3rem !important; + } + + .p-xxl-6 { + padding: 4rem !important; + } + + .p-xxl-7 { + padding: 6rem !important; + } + + .p-xxl-8 { + padding: 8rem !important; + } + + .p-xxl-9 { + padding: 10rem !important; + } + + .p-xxl-10 { + padding: 12rem !important; + } + + .p-xxl-11 { + padding: 14rem !important; + } + + .p-xxl-12 { + padding: 16rem !important; + } + + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-xxl-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-xxl-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-xxl-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-xxl-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-xxl-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-xxl-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-xxl-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-xxl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-xxl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-xxl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-xxl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-xxl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-xxl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-xxl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-xxl-0 { + padding-top: 0 !important; + } + + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + + .pt-xxl-3 { + padding-top: 1rem !important; + } + + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + + .pt-xxl-5 { + padding-top: 3rem !important; + } + + .pt-xxl-6 { + padding-top: 4rem !important; + } + + .pt-xxl-7 { + padding-top: 6rem !important; + } + + .pt-xxl-8 { + padding-top: 8rem !important; + } + + .pt-xxl-9 { + padding-top: 10rem !important; + } + + .pt-xxl-10 { + padding-top: 12rem !important; + } + + .pt-xxl-11 { + padding-top: 14rem !important; + } + + .pt-xxl-12 { + padding-top: 16rem !important; + } + + .pe-xxl-0 { + padding-right: 0 !important; + } + + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + + .pe-xxl-3 { + padding-right: 1rem !important; + } + + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + + .pe-xxl-5 { + padding-right: 3rem !important; + } + + .pe-xxl-6 { + padding-right: 4rem !important; + } + + .pe-xxl-7 { + padding-right: 6rem !important; + } + + .pe-xxl-8 { + padding-right: 8rem !important; + } + + .pe-xxl-9 { + padding-right: 10rem !important; + } + + .pe-xxl-10 { + padding-right: 12rem !important; + } + + .pe-xxl-11 { + padding-right: 14rem !important; + } + + .pe-xxl-12 { + padding-right: 16rem !important; + } + + .pb-xxl-0 { + padding-bottom: 0 !important; + } + + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + + .pb-xxl-6 { + padding-bottom: 4rem !important; + } + + .pb-xxl-7 { + padding-bottom: 6rem !important; + } + + .pb-xxl-8 { + padding-bottom: 8rem !important; + } + + .pb-xxl-9 { + padding-bottom: 10rem !important; + } + + .pb-xxl-10 { + padding-bottom: 12rem !important; + } + + .pb-xxl-11 { + padding-bottom: 14rem !important; + } + + .pb-xxl-12 { + padding-bottom: 16rem !important; + } + + .ps-xxl-0 { + padding-left: 0 !important; + } + + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + + .ps-xxl-3 { + padding-left: 1rem !important; + } + + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + + .ps-xxl-5 { + padding-left: 3rem !important; + } + + .ps-xxl-6 { + padding-left: 4rem !important; + } + + .ps-xxl-7 { + padding-left: 6rem !important; + } + + .ps-xxl-8 { + padding-left: 8rem !important; + } + + .ps-xxl-9 { + padding-left: 10rem !important; + } + + .ps-xxl-10 { + padding-left: 12rem !important; + } + + .ps-xxl-11 { + padding-left: 14rem !important; + } + + .ps-xxl-12 { + padding-left: 16rem !important; + } + + .gap-xxl-0 { + gap: 0 !important; + } + + .gap-xxl-1 { + gap: 0.25rem !important; + } + + .gap-xxl-2 { + gap: 0.5rem !important; + } + + .gap-xxl-3 { + gap: 1rem !important; + } + + .gap-xxl-4 { + gap: 1.5rem !important; + } + + .gap-xxl-5 { + gap: 3rem !important; + } + + .gap-xxl-6 { + gap: 4rem !important; + } + + .gap-xxl-7 { + gap: 6rem !important; + } + + .gap-xxl-8 { + gap: 8rem !important; + } + + .gap-xxl-9 { + gap: 10rem !important; + } + + .gap-xxl-10 { + gap: 12rem !important; + } + + .gap-xxl-11 { + gap: 14rem !important; + } + + .gap-xxl-12 { + gap: 16rem !important; + } + + .text-xxl-start { + text-align: left !important; + } + + .text-xxl-end { + text-align: right !important; + } + + .text-xxl-center { + text-align: center !important; + } + + .transform-scale-xxl-5 { + transform: scale(0.5) !important; + } + + .transform-scale-xxl-6 { + transform: scale(0.6) !important; + } + + .transform-scale-xxl-7 { + transform: scale(0.7) !important; + } + + .transform-scale-xxl-8 { + transform: scale(0.8) !important; + } + + .transform-scale-xxl-9 { + transform: scale(0.9) !important; + } + + .transform-scale-xxl-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-xxl { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xxl-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-xxl-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-xxl-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xxl-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-xxl-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-xxl-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-xxl-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-xxl-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-xxl { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xxl-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-xxl-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-xxl-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xxl-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-xxl-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-xxl-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-xxl-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-xxl-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-xxl { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xxl-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-xxl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-xxl-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xxl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-xxl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-xxl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-xxl-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-xxl-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-xxl { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xxl-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-xxl-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-xxl-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xxl-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-xxl-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-xxl-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-xxl-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-xxl-pill { + border-bottom-right-radius: 50rem !important; + } + } + + @media (min-width: 1200px) { + .fs-1 { + font-size: 3rem !important; + } + + .fs-2 { + font-size: 2.25rem !important; + } + + .fs-3 { + font-size: 1.875rem !important; + } + + .fs-4 { + font-size: 1.5rem !important; + } + } + + @media print { + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-grid { + display: grid !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; + } + + .d-print-none { + display: none !important; + } + } + + /*! + + ========================================================= + * Material Dashboard 2 - v3.1.0 + ========================================================= + + * Product Page: https://www.creative-tim.com/product/material-dashboard + * Copyright 2023 Creative Tim (https://www.creative-tim.com) + * Licensed under MIT (site.license) + + * Coded by www.creative-tim.com + + ========================================================= + + * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + */ + .alert-primary { + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); + } + + .alert-secondary { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); + } + + .alert-success { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); + } + + .alert-info { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); + } + + .alert-warning { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); + } + + .alert-danger { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); + } + + .alert-light { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); + } + + .alert-dark { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); + } + + .btn-close:focus { + box-shadow: none; + } + + .alert-dismissible .btn-close { + background-image: none; + } + + .avatar { + color: #fff; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 50rem; + height: 48px; + width: 48px; + transition: all .2s ease-in-out; + } + + .avatar img { + width: 100%; + } + + .avatar+.avatar-content { + display: inline-block; + margin-left: 0.75rem; + } + + .avatar.avatar-raised { + margin-top: -24px; + } + + .avatar.avatar-scale-up:hover { + transform: scale(1.2); + } + + .active .avatar.avatar-scale-up { + transform: scale(1.2); + } + + .avatar-xxl { + width: 110px !important; + height: 110px !important; + } + + .avatar-xxl.avatar-raised { + margin-top: -55px; + } + + .avatar-xl { + width: 74px !important; + height: 74px !important; + } + + .avatar-xl.avatar-raised { + margin-top: -37px; + } + + .avatar-lg { + width: 58px !important; + height: 58px !important; + font-size: 0.875rem; + } + + .avatar-lg.avatar-raised { + margin-top: -29px; + } + + .avatar-sm { + width: 36px !important; + height: 36px !important; + font-size: 0.875rem; + } + + .avatar-sm.avatar-raised { + margin-top: -18px; + } + + .avatar-xs { + width: 24px !important; + height: 24px !important; + font-size: 0.75rem; + } + + .avatar-xs.avatar-raised { + margin-top: -12px; + } + + .avatar-group .avatar { + position: relative; + z-index: 2; + border: 2px solid #fff; + } + + .avatar-group .avatar:hover { + z-index: 3; + } + + .avatar-group .avatar+.avatar { + margin-left: -1rem; + } + + .badge.bg-primary { + background: #e91e63; + } + + .badge.bg-secondary { + background: #7b809a; + } + + .badge.bg-success { + background: #4CAF50; + } + + .badge.bg-info { + background: #1A73E8; + } + + .badge.bg-warning { + background: #fb8c00; + } + + .badge.bg-danger { + background: #F44335; + } + + .badge.bg-light { + background: #f0f2f5; + } + + .badge.bg-dark { + background: #344767; + } + + .badge.bg-white { + background: #fff; + } + + .badge.bg-dark-blue { + background: #1A237E; + } + + .badge { + text-transform: uppercase; + } + + .btn { + margin-bottom: 1rem; + letter-spacing: 0; + text-transform: uppercase; + background-size: 150%; + background-position-x: 25%; + position: relative; + overflow: hidden; + -webkit-appearance: none; + } + + .btn:not([class*="btn-outline-"]) { + border: 0; + } + + .btn:active, + .btn:active:focus, + .btn:active:hover { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); + transform: none; + opacity: 0.85; + } + + .btn.bg-white:hover { + color: #7b809a; + } + + .btn.btn-link { + box-shadow: none; + font-weight: 700; + } + + .btn.btn-link:hover, + .btn.btn-link:focus { + box-shadow: none; + } + + .btn.btn-round { + border-radius: 1.875rem; + } + + .btn.btn-icon-only { + width: 2.375rem; + height: 2.375rem; + padding: 0.7rem 0.7rem; + } + + .btn.btn-sm.btn-icon-only, + .btn-group-sm>.btn.btn-icon-only { + width: 1.5rem; + height: 1.5rem; + padding: 0.3rem 0.3rem; + } + + .btn.btn-sm i, + .btn-group-sm>.btn i { + font-size: 0.5rem; + } + + .btn.btn-lg.btn-icon-only, + .btn-group-lg>.btn.btn-icon-only { + width: 3.25rem; + height: 3.25rem; + padding: 1rem 1rem; + } + + .btn.btn-lg i, + .btn-group-lg>.btn i { + font-size: 1.2rem; + position: relative; + top: 0px; + } + + .btn.btn-rounded { + border-radius: 1.875rem; + } + + .btn .material-icons { + vertical-align: middle; + margin-top: -1px; + margin-bottom: -1px; + font-size: 1.1rem; + display: inline-block; + top: 0; + } + + .btn-check:checked+.btn svg .color-background { + fill: #fff; + } + + .btn-check:checked+.btn:hover svg .color-background { + fill: #344767; + } + + .icon-move-right i { + transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); + } + + .icon-move-right:hover i, + .icon-move-right:focus i { + transform: translateX(5px); + } + + .icon-move-left i { + transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); + } + + .icon-move-left:hover i, + .icon-move-left:focus i { + transform: translateX(-5px); + } + + .btn-primary, + .btn.bg-gradient-primary { + box-shadow: 0 3px 3px 0 rgba(31, 208, 224, 0.15), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(31, 208, 224, 0.15); + } + + .btn-primary:hover, + .btn.bg-gradient-primary:hover { + background-color: #1FD0E0; + border-color: #1FD0E0; + box-shadow: 0 14px 26px -12px rgba(31, 208, 224, 0.4), 0 4px 23px 0 rgba(31, 208, 224, 0.15), 0 8px 10px -5px rgba(31, 208, 224, 0.2); + + } + + .btn-primary .btn.bg-outline-primary, + .btn.bg-gradient-primary .btn.bg-outline-primary { + border: 1px solid #1FD0E0; + } + + .btn-primary:not(:disabled):not(.disabled).active, + .btn-primary:not(:disabled):not(.disabled):active, + .show>.btn-primary.dropdown-toggle, + .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, + .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-primary.dropdown-toggle { + color: color-yiq(#1FD0E0); + background-color: #1FD0E0; + } + + .btn-primary.focus, + .btn-primary:focus, + .btn.bg-gradient-primary.focus, + .btn.bg-gradient-primary:focus { + color: #fff; + } + + .btn-outline-primary { + box-shadow: none; + } + + .btn-outline-primary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #e91e63; + } + + .btn-secondary, + .btn.bg-gradient-secondary { + box-shadow: 0 3px 3px 0 rgba(, 128, 154, 0.15), 0 3px 1px -2px rgba(, 128, 154, 0.2), 0 1px 5px 0 rgba(, 128, 154, 0.15); + } + + .btn-secondary:hover, + .btn.bg-gradient-secondary:hover { + background-color: #7b809a; + border-color: #7b809a; + box-shadow: 0 14px 26px -12px rgba(, 128, 154, 0.4), 0 4px 23px 0 rgba(, 128, 154, 0.15), 0 8px 10px -5px rgba(, 128, 154, 0.2); + } + + .btn-secondary .btn.bg-outline-secondary, + .btn.bg-gradient-secondary .btn.bg-outline-secondary { + border: 1px solid #7b809a; + } + + .btn-secondary:not(:disabled):not(.disabled).active, + .btn-secondary:not(:disabled):not(.disabled):active, + .show>.btn-secondary.dropdown-toggle, + .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, + .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-secondary.dropdown-toggle { + color: color-yiq(#7b809a); + background-color: #7b809a; + } + + .btn-secondary.focus, + .btn-secondary:focus, + .btn.bg-gradient-secondary.focus, + .btn.bg-gradient-secondary:focus { + color: #fff; + } + + .btn-outline-secondary { + box-shadow: none; + } + + .btn-outline-secondary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #7b809a; + } + + .btn-success, + .btn.bg-gradient-success { + box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15); + } + + .btn-success:hover, + .btn.bg-gradient-success:hover { + background-color: #4CAF50; + border-color: #4CAF50; + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2); + } + + .btn-success .btn.bg-outline-success, + .btn.bg-gradient-success .btn.bg-outline-success { + border: 1px solid #4CAF50; + } + + .btn-success:not(:disabled):not(.disabled).active, + .btn-success:not(:disabled):not(.disabled):active, + .show>.btn-success.dropdown-toggle, + .btn.bg-gradient-success:not(:disabled):not(.disabled).active, + .btn.bg-gradient-success:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-success.dropdown-toggle { + color: color-yiq(#4CAF50); + background-color: #4CAF50; + } + + .btn-success.focus, + .btn-success:focus, + .btn.bg-gradient-success.focus, + .btn.bg-gradient-success:focus { + color: #fff; + } + + .btn-outline-success { + box-shadow: none; + } + + .btn-outline-success:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #4CAF50; + } + + .btn-info, + .btn.bg-gradient-info { + box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15); + } + + .btn-info:hover, + .btn.bg-gradient-info:hover { + background-color: #1A73E8; + border-color: #1A73E8; + box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2); + } + + .btn-info .btn.bg-outline-info, + .btn.bg-gradient-info .btn.bg-outline-info { + border: 1px solid #1A73E8; + } + + .btn-info:not(:disabled):not(.disabled).active, + .btn-info:not(:disabled):not(.disabled):active, + .show>.btn-info.dropdown-toggle, + .btn.bg-gradient-info:not(:disabled):not(.disabled).active, + .btn.bg-gradient-info:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-info.dropdown-toggle { + color: color-yiq(#1A73E8); + background-color: #1A73E8; + } + + .btn-info.focus, + .btn-info:focus, + .btn.bg-gradient-info.focus, + .btn.bg-gradient-info:focus { + color: #fff; + } + + .btn-outline-info { + box-shadow: none; + } + + .btn-outline-info:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #1A73E8; + } + + .btn-warning, + .btn.bg-gradient-warning { + box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15); + } + + .btn-warning:hover, + .btn.bg-gradient-warning:hover { + background-color: #fb8c00; + border-color: #fb8c00; + box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2); + } + + .btn-warning .btn.bg-outline-warning, + .btn.bg-gradient-warning .btn.bg-outline-warning { + border: 1px solid #fb8c00; + } + + .btn-warning:not(:disabled):not(.disabled).active, + .btn-warning:not(:disabled):not(.disabled):active, + .show>.btn-warning.dropdown-toggle, + .btn.bg-gradient-warning:not(:disabled):not(.disabled).active, + .btn.bg-gradient-warning:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-warning.dropdown-toggle { + color: color-yiq(#fb8c00); + background-color: #fb8c00; + } + + .btn-warning.focus, + .btn-warning:focus, + .btn.bg-gradient-warning.focus, + .btn.bg-gradient-warning:focus { + color: #fff; + } + + .btn-outline-warning { + box-shadow: none; + } + + .btn-outline-warning:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #fb8c00; + } + + .btn-danger, + .btn.bg-gradient-danger { + box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15); + } + + .btn-danger:hover, + .btn.bg-gradient-danger:hover { + background-color: #F44335; + border-color: #F44335; + box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2); + } + + .btn-danger .btn.bg-outline-danger, + .btn.bg-gradient-danger .btn.bg-outline-danger { + border: 1px solid #F44335; + } + + .btn-danger:not(:disabled):not(.disabled).active, + .btn-danger:not(:disabled):not(.disabled):active, + .show>.btn-danger.dropdown-toggle, + .btn.bg-gradient-danger:not(:disabled):not(.disabled).active, + .btn.bg-gradient-danger:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-danger.dropdown-toggle { + color: color-yiq(#F44335); + background-color: #F44335; + } + + .btn-danger.focus, + .btn-danger:focus, + .btn.bg-gradient-danger.focus, + .btn.bg-gradient-danger:focus { + color: #fff; + } + + .btn-outline-danger { + box-shadow: none; + } + + .btn-outline-danger:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #F44335; + } + + .btn-light, + .btn.bg-gradient-light { + box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15); + } + + .btn-light:hover, + .btn.bg-gradient-light:hover { + background-color: #f0f2f5; + border-color: #f0f2f5; + box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2); + } + + .btn-light .btn.bg-outline-light, + .btn.bg-gradient-light .btn.bg-outline-light { + border: 1px solid #f0f2f5; + } + + .btn-light:not(:disabled):not(.disabled).active, + .btn-light:not(:disabled):not(.disabled):active, + .show>.btn-light.dropdown-toggle, + .btn.bg-gradient-light:not(:disabled):not(.disabled).active, + .btn.bg-gradient-light:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-light.dropdown-toggle { + color: color-yiq(#f0f2f5); + background-color: #f0f2f5; + } + + .btn-outline-light { + box-shadow: none; + } + + .btn-outline-light:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #f0f2f5; + } + + .btn-dark, + .btn.bg-gradient-dark { + box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15); + } + + .btn-dark:hover, + .btn.bg-gradient-dark:hover { + background-color: #344767; + border-color: #344767; + box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2); + } + + .btn-dark .btn.bg-outline-dark, + .btn.bg-gradient-dark .btn.bg-outline-dark { + border: 1px solid #344767; + } + + .btn-dark:not(:disabled):not(.disabled).active, + .btn-dark:not(:disabled):not(.disabled):active, + .show>.btn-dark.dropdown-toggle, + .btn.bg-gradient-dark:not(:disabled):not(.disabled).active, + .btn.bg-gradient-dark:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-dark.dropdown-toggle { + color: color-yiq(#344767); + background-color: #344767; + } + + .btn-dark.focus, + .btn-dark:focus, + .btn.bg-gradient-dark.focus, + .btn.bg-gradient-dark:focus { + color: #fff; + } + + .btn-outline-dark { + box-shadow: none; + } + + .btn-outline-dark:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #344767; + } + + .btn-white, + .btn.bg-gradient-white { + box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15); + } + + .btn-white:hover, + .btn.bg-gradient-white:hover { + background-color: #fff; + border-color: #fff; + box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2); + } + + .btn-white .btn.bg-outline-white, + .btn.bg-gradient-white .btn.bg-outline-white { + border: 1px solid #fff; + } + + .btn-white:not(:disabled):not(.disabled).active, + .btn-white:not(:disabled):not(.disabled):active, + .show>.btn-white.dropdown-toggle, + .btn.bg-gradient-white:not(:disabled):not(.disabled).active, + .btn.bg-gradient-white:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-white.dropdown-toggle { + color: color-yiq(#fff); + background-color: #fff; + } + + .btn-outline-white { + box-shadow: none; + } + + .btn-outline-white:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #fff; + } + + .btn-dark-blue, + .btn.bg-gradient-dark-blue { + box-shadow: 0 3px 3px 0 rgba(26, 35, 126, 0.15), 0 3px 1px -2px rgba(26, 35, 126, 0.2), 0 1px 5px 0 rgba(26, 35, 126, 0.15); + } + + .btn-dark-blue:hover, + .btn.bg-gradient-dark-blue:hover { + background-color: #1A237E; + border-color: #1A237E; + box-shadow: 0 14px 26px -12px rgba(26, 35, 126, 0.4), 0 4px 23px 0 rgba(26, 35, 126, 0.15), 0 8px 10px -5px rgba(26, 35, 126, 0.2); + } + + .btn-dark-blue .btn.bg-outline-dark-blue, + .btn.bg-gradient-dark-blue .btn.bg-outline-dark-blue { + border: 1px solid #1A237E; + } + + .btn-dark-blue:not(:disabled):not(.disabled).active, + .btn-dark-blue:not(:disabled):not(.disabled):active, + .show>.btn-dark-blue.dropdown-toggle, + .btn.bg-gradient-dark-blue:not(:disabled):not(.disabled).active, + .btn.bg-gradient-dark-blue:not(:disabled):not(.disabled):active, + .show>.btn.bg-gradient-dark-blue.dropdown-toggle { + color: color-yiq(#1A237E); + background-color: #1A237E; + } + + .btn-dark-blue.focus, + .btn-dark-blue:focus, + .btn.bg-gradient-dark-blue.focus, + .btn.bg-gradient-dark-blue:focus { + color: #fff; + } + + .btn-outline-dark-blue { + box-shadow: none; + } + + .btn-outline-dark-blue:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #1A237E; + } + + .btn-outline-white { + border-color: rgba(255, 255, 255, 0.75); + background: rgba(255, 255, 255, 0.1); + } + + .btn-primary, + .btn.bg-gradient-primary { + color: #fff; + } + + .btn-primary:hover, + .btn.bg-gradient-primary:hover { + color: #fff; + } + + .btn-secondary, + .btn.bg-gradient-secondary { + color: #fff; + } + + .btn-secondary:hover, + .btn.bg-gradient-secondary:hover { + color: #fff; + } + + .btn-danger, + .btn.bg-gradient-danger { + color: #fff; + } + + .btn-danger:hover, + .btn.bg-gradient-danger:hover { + color: #fff; + } + + .btn-info, + .btn.bg-gradient-info { + color: #fff; + } + + .btn-info:hover, + .btn.bg-gradient-info:hover { + color: #fff; + } + + .btn-success, + .btn.bg-gradient-success { + color: #fff; + } + + .btn-success:hover, + .btn.bg-gradient-success:hover { + color: #fff; + } + + .btn-warning, + .btn.bg-gradient-warning { + color: #fff; + } + + .btn-warning:hover, + .btn.bg-gradient-warning:hover { + color: #fff; + } + + .btn-dark, + .btn.bg-gradient-dark { + color: #fff; + } + + .btn-dark:hover, + .btn.bg-gradient-dark:hover { + color: #fff; + } + + .btn-light, + .btn.bg-gradient-light { + color: #3A416F; + } + + .btn-light:hover, + .btn.bg-gradient-light:hover { + color: #3A416F; + } + + .breadcrumb-item { + font-size: 0.875rem; + } + + .breadcrumb-item.text-white::before { + color: #fff; + } + + .breadcrumb-dark { + background-color: #344767; + } + + .breadcrumb-dark .breadcrumb-item { + font-weight: 600; + } + + .breadcrumb-dark .breadcrumb-item a { + color: #f8f9fa; + } + + .breadcrumb-dark .breadcrumb-item a:hover { + color: #fff; + } + + .breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { + color: #adb5bd; + } + + .breadcrumb-dark .breadcrumb-item.active { + color: #dee2e6; + } + + .breadcrumb-links { + padding: 0; + margin: 0; + background: transparent; + } + + .card { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .card[data-animation="true"] .card-header { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + } + + .card:hover[data-animation="true"] .card-header { + -webkit-transform: translate3d(0, -50px, 0); + -moz-transform: translate3d(0, -50px, 0); + -o-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + } + + .card .card-header { + padding: 1.5rem; + } + + .card .card-body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + padding: 1.5rem; + } + + .card.card-plain { + background-color: transparent; + box-shadow: none; + } + + .card .card-footer { + padding: 1.5rem; + background-color: transparent; + } + + .author { + display: flex; + } + + .author .name>span { + line-height: 1.571; + font-weight: 600; + font-size: 0.875rem; + color: #3A416F; + } + + .author .stats { + font-size: 0.875rem; + font-weight: 400; + } + + .card.card-background { + align-items: center; + } + + .card.card-background .full-background { + background-position: 50%; + background-size: cover; + margin-bottom: 30px; + width: 100%; + height: 100%; + position: absolute; + border-radius: 0.75rem; + } + + .card.card-background .card-body { + color: #fff; + position: relative; + z-index: 2; + } + + .card.card-background .card-body .content-center, + .card.card-background .card-body .content-left { + min-height: 330px; + max-width: 450px; + padding-top: 60px; + padding-bottom: 60px; + } + + .card.card-background .card-body .content-center { + text-align: center; + } + + .card.card-background .card-body.body-left { + width: 90%; + } + + .card.card-background .card-body .author .name span, + .card.card-background .card-body .author .name .stats { + color: #fff; + } + + .card.card-background:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.56); + border-radius: 0.75rem; + } + + .card.card-background.card-background-mask-primary:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-primary:after { + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-secondary:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-secondary:after { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-success:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-success:after { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-info:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-info:after { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-warning:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-warning:after { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-danger:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-danger:after { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-light:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-light:after { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); + opacity: .85; + } + + .card.card-background.card-background-mask-dark:before { + background: rgba(0, 0, 0, 0.2); + } + + .card.card-background.card-background-mask-dark:after { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); + opacity: .85; + } + + .card.card-background .card-category { + font-size: 0.875rem; + font-weight: 600; + } + + .card.card-background .card-description { + margin-top: 24px; + margin-bottom: 24px; + } + + .rotating-card-container { + -webkit-perspective: 800px; + -moz-perspective: 800px; + -o-perspective: 800px; + -ms-perspective: 800px; + perspective: 800px; + } + + .rotating-card-container .card-rotate { + background: transparent; + box-shadow: none; + } + + .rotating-card-container .card-rotate:after { + display: none; + } + + .rotating-card-container .card { + -webkit-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -moz-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -o-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -ms-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + position: relative; + } + + .rotating-card-container .card .back, + .rotating-card-container .card .front { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -o-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + background-color: #fff; + border-radius: 0.5rem; + top: 0; + left: 0; + justify-content: center; + align-content: center; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + } + + .rotating-card-container .card .back .card-body, + .rotating-card-container .card .front .card-body { + justify-content: center; + align-content: center; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + } + + .rotating-card-container .card .back:after, + .rotating-card-container .card .front:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; + border-radius: 0.5rem; + background-image: linear-gradient(195deg, #1FD0E0, #D81B60); + opacity: .85; + } + + .rotating-card-container .card .front { + z-index: 2; + position: relative; + } + + .rotating-card-container .card .back { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); + z-index: 5; + text-align: center; + width: 100%; + height: 100%; + } + + .rotating-card-container .card .back.back-background .card-body { + position: relative; + z-index: 2; + } + + .rotating-card-container .card .back .card-footer .btn { + margin: 0; + } + + .rotating-card-container .card .back .card-body { + padding-left: 15px; + padding-right: 15px; + } + + .rotating-card-container:not(.manual-flip):hover .card { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); + } + + .rotating-card-container.hover.manual-flip .card { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); + } + + .card-profile .rotating-card-container .front { + text-align: left; + } + + .back-background .card-body { + min-height: auto; + padding-top: 15px; + padding-bottom: 15px; + } + + /* Fix bug for IE */ + @media screen and (-ms-high-contrast: active), + (-ms-high-contrast: none) { + + .rotating-card-container .card .back, + .rotating-card-container .card .front { + -ms-backface-visibility: visible; + backface-visibility: visible; + } + + .rotating-card-container .card .back { + visibility: hidden; + transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1); + } + + .rotating-card-container .card .front { + z-index: 4; + } + + .rotating-card-container.manual-flip.hover .card .back, + .rotating-card-container:not(.manual-flip):hover .card .back { + z-index: 5; + visibility: visible; + } + } + + .dark-version { + background-color: #1a2035 !important; + } + + .dark-version .main-content { + background-color: #1a2035 !important; + } + + .dark-version.virtual-reality>div { + background-image: none !important; + } + + .dark-version .sidenav { + background: #1f283e !important; + } + + .dark-version .sidenav.bg-transparent { + background: transparent !important; + } + + .dark-version .sidenav.bg-transparent .navbar-nav .nav-link { + color: #fff !important; + } + + .dark-version .sidenav.bg-transparent .nav .nav-link { + color: #fff !important; + } + + .dark-version .sidenav.bg-white { + background: #fff !important; + } + + .dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after { + color: rgba(206, 212, 218, 0.7); + } + + .dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i { + color: #344767 !important; + } + + .dark-version .sidenav.bg-white .collapse .nav-item h6, + .dark-version .sidenav.bg-white .collapse .nav-item .h6 { + color: #344767 !important; + } + + .dark-version .sidenav .collapse .nav-item .nav-link i { + color: #fff !important; + } + + .dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, + .dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text { + color: #344767 !important; + } + + .dark-version .fixed-plugin .btn.bg-gradient-dark, + .dark-version .fixed-plugin .btn.btn-outline-dark { + color: #fff !important; + border: 1px solid #fff !important; + } + + .dark-version .fixed-plugin .btn.active { + background: #fff !important; + color: #344767 !important; + } + + .dark-version .bg-gradient-dark { + background-image: linear-gradient(195deg, #323a54, #1a2035) !important; + } + + .dark-version .dropdown .dropdown-menu:before { + color: #202940; + } + + .dark-version .dropdown .dropdown-menu .dropdown-item:hover, + .dark-version .dropdown .dropdown-menu .dropdown-item:focus { + background-color: #1a2035 !important; + } + + .dark-version .dropdown .dropdown-menu .dropdown-item i, + .dark-version .dropdown .dropdown-menu .dropdown-item .material-icons { + color: #fff; + } + + .dark-version .card, + .dark-version .swal2-popup, + .dark-version .dropdown .dropdown-menu, + .dark-version .kanban-board { + background: #202940; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .dark-version .card .card-header, + .dark-version .swal2-popup .card-header, + .dark-version .dropdown .dropdown-menu .card-header, + .dark-version .kanban-board .card-header { + background: transparent; + } + + .dark-version .card p, + .dark-version .swal2-popup p, + .dark-version .dropdown .dropdown-menu p, + .dark-version .kanban-board p { + color: #fff !important; + opacity: .6; + } + + .dark-version .kanban-item { + background: transparent !important; + border: 1px solid; + } + + .dark-version .swal2-html-container { + color: #fff !important; + opacity: .6; + } + + .dark-version h1, + .dark-version .h1, + .dark-version .h1, + .dark-version h2, + .dark-version .h2, + .dark-version .h2, + .dark-version h3, + .dark-version .h3, + .dark-version .h3, + .dark-version h4, + .dark-version .h4, + .dark-version .h4, + .dark-version h5, + .dark-version .h5, + .dark-version .h5, + .dark-version h6, + .dark-version .h6, + .dark-version .h6, + .dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button), + .dark-version .table thead tr th, + .dark-version .kanban-title-board { + color: #fff !important; + } + + .dark-version .input-group.input-group-dynamic .form-control, + .dark-version .input-group.input-group-static .form-control { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important; + background-size: 0 100%, 100% 100%; + } + + .dark-version .input-group.input-group-dynamic .form-control:focus, + .dark-version .input-group.input-group-static .form-control:focus { + background-size: 100% 100%, 100% 100%; + } + + .dark-version .input-group.input-group-outline .form-control { + border-color: rgba(255, 255, 255, 0.4) !important; + } + + .dark-version .input-group .is-valid, + .dark-version .input-group .is-invalid { + border-color: rgba(255, 255, 255, 0.4) !important; + } + + .dark-version .accordion .accordion-button { + border-color: rgba(255, 255, 255, 0.4) !important; + color: #fff; + opacity: .8; + } + + .dark-version .table> :not(caption)>*>* { + border-color: rgba(255, 255, 255, 0.4) !important; + color: rgba(255, 255, 255, 0.6) !important; + } + + .dark-version label { + color: rgba(255, 255, 255, 0.8) !important; + } + + .dark-version .list-group-item, + .dark-version .multisteps-form__panel { + background-color: transparent !important; + } + + .dark-version .nav.bg-white { + background-color: #202940 !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .dark-version .nav .nav-link[data-scroll]:hover { + color: #344767 !important; + } + + .dark-version .toast { + background-color: #202940 !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .dark-version .toast .toast-header { + background: transparent; + } + + .dark-version .toast span { + color: #fff; + } + + .dark-version .toast p { + color: #fff !important; + opacity: .6; + } + + .dark-version .choices .choices__input { + background-color: transparent !important; + border-bottom: 1px solid rgba(255, 255, 255, 0.4); + color: #fff; + } + + .dark-version .choices .choices__list.choices__list--dropdown { + background: #202940; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .dark-version .fc-theme-standard td, + .dark-version .fc-theme-standard th { + border-color: rgba(, 128, 154, 0.3); + } + + .dark-version .dataTable-sorter::after { + border-bottom-color: #fff; + } + + .dark-version .dataTable-sorter::before { + border-top-color: #fff; + } + + .dark-version .ql-snow .ql-stroke { + stroke: #f0f2f5; + } + + .dark-version .ql-snow .ql-fill, + .dark-version .ql-snow .ql-stroke.ql-fill { + fill: #f0f2f5; + } + + .dark-version .ql-toolbar.ql-snow .ql-picker-label { + color: #f0f2f5; + } + + .dark-version .form-control { + color: rgba(255, 255, 255, 0.8) !important; + } + + body.dark-version { + color: rgba(255, 255, 255, 0.8) !important; + } + + @media (min-width: 992px) { + + .dropdown .dropdown-menu, + .dropup .dropdown-menu, + .dropstart .dropdown-menu, + .dropend .dropdown-menu { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + cursor: pointer; + } + + .dropdown .dropdown-toggle:after, + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { + content: "\f107"; + font: normal normal normal 14px/1 FontAwesome; + border: none; + vertical-align: middle; + font-weight: 600; + } + + .dropdown .dropdown-toggle.show:after, + .dropup .dropdown-toggle.show:after, + .dropstart .dropdown-toggle.show:after, + .dropend .dropdown-toggle.show:after { + transform: rotate(180deg); + } + + .dropdown .dropdown-toggle:after, + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { + transition: 0.3s ease; + } + + .dropdown.dropdown-hover .dropdown-menu, + .dropdown .dropdown-menu { + display: block; + position: absolute; + opacity: 0; + transform-origin: 0 0; + inset: 0px auto auto 0px; + margin-top: 2.8125rem !important; + pointer-events: none; + transform: scale(0.95) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + } + + .dropdown.dropdown-hover .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, + .dropdown.dropdown-hover .dropdown-menu .dropdown .dropdown-menu, + .dropdown .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, + .dropdown .dropdown-menu .dropdown .dropdown-menu { + margin-top: 0 !important; + } + + .dropdown.dropdown-hover:hover>.dropdown-menu, + .dropdown .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .dropdown.dropdown-hover:hover>.dropdown-menu:before, + .dropdown .dropdown-menu.show:before { + top: -20px; + } + + .dropdown.dropdown-hover:after { + content: ''; + position: absolute; + left: 0; + bottom: -24px; + width: 100%; + height: 100%; + } + + .dropdown:not(.dropdown-hover) .dropdown-menu.show { + margin-top: 2.8125rem !important; + } + + .dropdown .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .dropdown .dropdown-item .arrow { + transform: rotate(-90deg); + } + + .dropdown-item { + transition: background-color 0.3s ease, color 0.3s ease; + } + } + + @media (max-width: 991.98px) { + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { + display: block; + opacity: 0; + top: 0; + transform-origin: 0 0; + pointer-events: none; + transform: scale(0.95) !important; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { + margin-top: 2.8125rem !important; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { + top: -20px; + } + + .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu { + background-color: transparent; + overflow: scroll; + position: relative; + } + + .dropdown .dropdown-menu { + opacity: 0; + top: 0; + transform-origin: 0 0; + pointer-events: none; + transform: scale(0.95) !important; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .dropdown .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .dropdown:not(.dropdown-hover) .dropdown-menu { + margin-top: 2.8125rem !important; + } + + .dropdown .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .dropdown .dropdown-menu.show:before { + top: -20px; + } + + .dropdown.nav-item .dropdown-menu { + position: absolute; + } + + .dropdown.nav-item .dropdown-menu-animation { + display: block; + height: 0; + transition: all .35s ease; + padding-top: 0 !important; + padding-bottom: 0 !important; + opacity: 0; + } + + .dropdown.nav-item .dropdown-menu-animation.show { + height: 250px; + opacity: 1; + } + } + + .dropdown-menu li { + position: relative; + } + + .dropdown.dropdown-subitem:after { + left: 100%; + bottom: 0; + width: 50%; + } + + .dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before { + transform: rotate(-90deg); + left: 0; + top: 0; + z-index: -1; + transition: left .35s ease; + } + + .dropdown .dropdown-menu.dropdown-menu-end { + right: 0 !important; + left: auto !important; + } + + .dropdown .dropdown-menu.dropdown-menu-end:before { + right: 28px; + left: auto; + } + + .dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before { + left: -8px; + } + + .dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { + transform: scale(1) !important; + } + + .dropdown .dropdown-menu .dropdown-item+.dropdown-menu { + right: -197px; + left: auto; + top: 0; + } + + .dropdown-image { + background-size: cover; + } + + @media (min-width: 992px) { + .dropdown-xl { + min-width: 40rem; + } + + .dropdown-lg { + min-width: 23rem; + } + + .dropdown-md { + min-width: 15rem; + } + } + + @media (max-width: 1199.98px) { + .dropdown-lg-responsive { + min-width: 19rem; + } + } + + .dropup .dropdown-menu { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + cursor: pointer; + top: auto !important; + bottom: 100% !important; + margin-bottom: 0.5rem !important; + display: block; + opacity: 0; + transform-origin: bottom; + pointer-events: none; + transform: scale(0.95) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + } + + .dropup .dropdown-menu.show { + pointer-events: auto; + transform: scale(1) !important; + opacity: 1; + } + + .dropup .dropdown-menu.show:after { + bottom: -20px; + } + + .dropup .dropdown-menu:after { + font-family: "FontAwesome"; + content: "\f0d7"; + position: absolute; + z-index: -1; + bottom: 22px; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: bottom 0.35s ease; + } + + .page-header { + padding: 0; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + background-size: cover; + background-position: 50%; + } + + .page-header .container { + z-index: 1; + } + + .page-header video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: 0; + transform: translateX(-50%) translateY(-50%); + } + + .fixed-plugin .fixed-plugin-button { + background: #fff; + border-radius: 50%; + bottom: 30px; + right: 30px; + font-size: 1.25rem; + z-index: 990; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); + cursor: pointer; + } + + .fixed-plugin .fixed-plugin-button i { + pointer-events: none; + } + + .fixed-plugin .card { + position: fixed !important; + right: -360px; + top: 0; + height: 100%; + left: auto !important; + transform: unset !important; + width: 360px; + border-radius: 0; + padding: 0 10px; + transition: .2s ease; + z-index: 1020; + } + + .fixed-plugin .badge { + border: 1px solid #fff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; + transition: all 0.2s ease-in-out; + } + + .fixed-plugin .badge:hover, + .fixed-plugin .badge.active { + border-color: #344767; + } + + .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) { + border: 1px solid transparent; + } + + .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) { + background-color: transparent; + background-image: none; + border: 1px solid #344767; + color: #344767; + } + + .fixed-plugin.show .card { + right: 0; + } + + .input-group { + border-radius: 0; + } + + .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), + .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; + } + + .input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), + .input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; + } + + .input-group, + .input-group .input-group-text { + transition: 0.2s ease; + border: none; + } + + .input-group> :not(:first-child):not(.dropdown-menu) { + margin-left: 2px; + } + + .input-group label { + transition: all 0.3s ease; + } + + .input-group.input-group-dynamic .form-control, + .input-group.input-group-static .form-control { + background: no-repeat bottom, 50% calc(100% - 1px); + background-size: 0 100%, 100% 100%; + transition: 0.2s ease; + } + + .input-group.input-group-dynamic .form-control:not(:first-child), + .input-group.input-group-static .form-control:not(:first-child) { + border-left: 0; + padding-left: 0; + } + + .input-group.input-group-dynamic .form-control:not(:last-child), + .input-group.input-group-static .form-control:not(:last-child) { + border-right: 0; + padding-right: 0; + } + + .input-group.input-group-dynamic .form-control+.input-group-text, + .input-group.input-group-static .form-control+.input-group-text { + border-left: 0; + border-right: 1px solid #d2d6da; + } + + .input-group.input-group-dynamic .form-control, + .input-group.input-group-dynamic .form-control:focus, + .input-group.input-group-static .form-control, + .input-group.input-group-static .form-control:focus { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; + } + + .input-group.input-group-dynamic .form-control:focus, + .input-group.input-group-static .form-control:focus { + background-size: 100% 100%, 100% 100%; + } + + .input-group.input-group-dynamic .form-control[disabled], + .input-group.input-group-static .form-control[disabled] { + cursor: not-allowed; + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important; + } + + .input-group.input-group-dynamic .input-group-text, + .input-group.input-group-static .input-group-text { + border-right: 0; + } + + .input-group.input-group-dynamic.is-focused .form-label, + .input-group.input-group-dynamic.is-filled .form-label, + .input-group.input-group-static.is-focused .form-label, + .input-group.input-group-static.is-filled .form-label { + font-size: 0.6875rem !important; + } + + .input-group.input-group-dynamic.is-focused .form-label, + .input-group.input-group-static.is-focused .form-label { + top: -0.7rem; + } + + .input-group.input-group-dynamic.is-focused label, + .input-group.input-group-static.is-focused label { + color: #e91e63; + } + + .input-group.input-group-dynamic.is-focused.is-valid label, + .input-group.input-group-static.is-focused.is-valid label { + color: #4CAF50; + } + + .input-group.input-group-dynamic.is-focused.is-valid .form-control, + .input-group.input-group-dynamic.is-focused.is-valid .form-control:focus, + .input-group.input-group-static.is-focused.is-valid .form-control, + .input-group.input-group-static.is-focused.is-valid .form-control:focus { + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; + } + + .input-group.input-group-dynamic.is-focused.is-invalid label, + .input-group.input-group-static.is-focused.is-invalid label { + color: #F44335; + } + + .input-group.input-group-dynamic.is-focused.is-invalid .form-control, + .input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus, + .input-group.input-group-static.is-focused.is-invalid .form-control, + .input-group.input-group-static.is-focused.is-invalid .form-control:focus { + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; + } + + .input-group.input-group-dynamic.is-valid .form-control, + .input-group.input-group-dynamic.is-valid .form-control:focus, + .input-group.input-group-static.is-valid .form-control, + .input-group.input-group-static.is-valid .form-control:focus { + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; + } + + .input-group.input-group-dynamic.is-invalid .form-control, + .input-group.input-group-dynamic.is-invalid .form-control:focus, + .input-group.input-group-static.is-invalid .form-control, + .input-group.input-group-static.is-invalid .form-control:focus { + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; + } + + .input-group.input-group-dynamic.is-filled.is-focused .form-label, + .input-group.input-group-dynamic.is-filled .form-label, + .input-group.input-group-static.is-filled.is-focused .form-label, + .input-group.input-group-static.is-filled .form-label { + top: -1rem; + } + + .input-group.input-group-outline .form-control { + background: none; + border: 1px solid #d2d6da; + border-radius: 0.375rem; + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; + padding: 0.625rem 0.75rem !important; + line-height: 1.3 !important; + } + + .input-group.input-group-outline .form-control.form-control-lg { + padding: 0.75rem 0.75rem !important; + } + + .input-group.input-group-outline .form-control.form-control-sm { + padding: 0.25rem 0.75rem !important; + } + + .input-group.input-group-outline .form-control[disabled] { + cursor: not-allowed; + border-style: dashed; + } + + .input-group.input-group-outline .form-label { + display: flex; + line-height: 3.925 !important; + top: -0.375rem; + margin-bottom: 0; + } + + .input-group.input-group-outline .form-label:before { + content: ""; + margin-right: 4px; + border-left: solid 1px transparent; + border-radius: 4px 0; + } + + .input-group.input-group-outline .form-label:after { + content: ""; + flex-grow: 1; + margin-left: 4px; + border-right: solid 1px transparent; + border-radius: 0 5px; + } + + .input-group.input-group-outline .form-label:before, + .input-group.input-group-outline .form-label:after { + content: ""; + border-top: solid 1px; + border-top-color: #d2d6da; + pointer-events: none; + margin-top: 0.375rem; + box-sizing: border-box; + display: block; + height: 0.5rem; + width: 0.625rem; + border-width: 1px 0 0; + border-color: transparent; + } + + .input-group.input-group-outline.is-focused .form-label+.form-control, + .input-group.input-group-outline.is-filled .form-label+.form-control { + border-color: #e91e63 !important; + border-top-color: transparent !important; + box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 -1px #e91e63; + } + + .input-group.input-group-outline.is-focused .form-label, + .input-group.input-group-outline.is-filled .form-label { + width: 100%; + height: 100%; + font-size: 0.6875rem !important; + color: #e91e63; + display: flex; + line-height: 1.25 !important; + } + + .input-group.input-group-outline.is-focused .form-label:before, + .input-group.input-group-outline.is-focused .form-label:after, + .input-group.input-group-outline.is-filled .form-label:before, + .input-group.input-group-outline.is-filled .form-label:after { + opacity: 1; + } + + .input-group.input-group-outline.is-focused .form-label:before, + .input-group.input-group-outline.is-focused .form-label:after, + .input-group.input-group-outline.is-filled .form-label:before, + .input-group.input-group-outline.is-filled .form-label:after { + border-top-color: #e91e63; + box-shadow: inset 0 1px #e91e63; + } + + .input-group.input-group-outline.is-valid .form-control { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center; + background-size: 1rem 1rem; + } + + .input-group.input-group-outline.is-valid.is-focused .form-label+.form-control, + .input-group.input-group-outline.is-valid.is-filled .form-label+.form-control { + border-color: #4CAF50 !important; + box-shadow: inset 1px 0 #4CAF50, inset -1px 0 #4CAF50, inset 0 -1px #4CAF50; + border-top-color: transparent !important; + } + + .input-group.input-group-outline.is-valid.is-focused .form-label, + .input-group.input-group-outline.is-valid.is-filled .form-label { + color: #4CAF50; + } + + .input-group.input-group-outline.is-valid.is-focused .form-label:before, + .input-group.input-group-outline.is-valid.is-focused .form-label:after, + .input-group.input-group-outline.is-valid.is-filled .form-label:before, + .input-group.input-group-outline.is-valid.is-filled .form-label:after { + border-top-color: #4CAF50; + box-shadow: inset 0 1px #4CAF50; + } + + .input-group.input-group-outline.is-invalid .form-control { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' 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='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; + } + + .input-group.input-group-outline.is-invalid.is-focused .form-label+.form-control, + .input-group.input-group-outline.is-invalid.is-filled .form-label+.form-control { + border-color: #F44335 !important; + box-shadow: inset 1px 0 #F44335, inset -1px 0 #F44335, inset 0 -1px #F44335; + border-top-color: transparent !important; + } + + .input-group.input-group-outline.is-invalid.is-focused .form-label, + .input-group.input-group-outline.is-invalid.is-filled .form-label { + color: #F44335; + } + + .input-group.input-group-outline.is-invalid.is-focused .form-label:before, + .input-group.input-group-outline.is-invalid.is-focused .form-label:after, + .input-group.input-group-outline.is-invalid.is-filled .form-label:before, + .input-group.input-group-outline.is-invalid.is-filled .form-label:after { + border-top-color: #F44335; + box-shadow: inset 0 1px #F44335; + } + + .input-group.input-group-outline.input-group-sm .form-label, + .input-group.input-group-outline.input-group-sm label, + .input-group.input-group-dynamic.input-group-sm .form-label, + .input-group.input-group-dynamic.input-group-sm label, + .input-group.input-group-static.input-group-sm .form-label, + .input-group.input-group-static.input-group-sm label { + font-size: 0.75rem; + } + + .input-group.input-group-outline.input-group-lg .form-label, + .input-group.input-group-outline.input-group-lg label, + .input-group.input-group-dynamic.input-group-lg .form-label, + .input-group.input-group-dynamic.input-group-lg label, + .input-group.input-group-static.input-group-lg .form-label, + .input-group.input-group-static.input-group-lg label { + font-size: 0.975rem; + } + + .input-group.input-group-static .form-control { + width: 100%; + } + + .input-group.input-group-static label { + margin-left: 0; + margin-bottom: 0; + } + + .form-check:not(.form-switch) .form-check-input { + float: initial !important; + margin-left: auto !important; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"], + .form-check:not(.form-switch) .form-check-input[type="radio"] { + border: 1px solid #d1d7e1; + margin-top: 0.25rem; + position: relative; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, + .form-check:not(.form-switch) .form-check-input[type="radio"]:checked { + border-color: #e91e63; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"] { + background-image: none; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { + transition: opacity 0.25s ease-in-out; + font-family: "FontAwesome"; + content: "\f00c"; + width: 100%; + height: 100%; + color: #fff; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.67rem; + opacity: 0; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { + background: #e91e63; + } + + .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { + opacity: 1; + } + + .form-check:not(.form-switch) .form-check-input[type="radio"] { + transition: border 0s; + background: transparent; + } + + .form-check:not(.form-switch) .form-check-input[type="radio"]:after { + transition: opacity 0.25s ease-in-out; + content: ""; + position: absolute; + width: 0.8375rem; + height: 0.8375rem; + border-radius: 50%; + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%), var(--bs-gradient); + opacity: 0; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + } + + .form-check:not(.form-switch) .form-check-input[type="radio"]:checked { + padding: 6px; + } + + .form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { + opacity: 1; + } + + .form-check:not(.form-switch) .form-check-input[type="radio"]:active { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 12px rgba(53, 71, 102, 0.1); + border-radius: 50rem; + transition: 0.05s ease; + } + + .form-check-label, + .form-check-input[type="checkbox"] { + cursor: pointer; + } + + .form-check-label { + font-size: 0.875rem; + font-weight: 400; + } + + .form-check-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .form-switch .form-check-input { + position: relative; + background-color: #ced4da; + height: 0.9375rem; + width: 1.875rem; + } + + .form-switch .form-check-input:after { + transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; + content: ""; + width: 1.25rem; + height: 1.25rem; + border-radius: 50%; + border: 1px solid #ced4da; + position: absolute; + background-color: #fff; + transform: translateX(1px); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + top: -2.5px; + left: -5px; + } + + .form-switch .form-check-input:checked:after { + transform: translateX(21px); + border-color: #42424a; + } + + .form-switch .form-check-input:checked { + border-color: #42424a; + background-color: #42424a; + } + + .form-switch .form-check-input:checked:active:after { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(53, 71, 102, 0.1); + } + + .form-switch .form-check-input:active:after { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(0, 0, 0, 0.1); + } + + .form-select { + transition: 0.2s ease; + } + + label, + .form-label { + font-size: 0.875rem; + font-weight: 400; + margin-bottom: 0.5rem; + color: #7b809a; + margin-left: 0.25rem; + } + + .input-group .form-label { + position: absolute; + top: 0.6125rem; + margin-left: 0; + transition: 0.2s ease all; + } + + .form-control { + border: none; + } + + .form-control.is-invalid { + border: 1px solid #d2d6da; + padding: 0.625rem 0.75rem; + line-height: 1.3 !important; + } + + .form-control.is-invalid:focus { + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); + } + + .form-control.is-valid { + border: 1px solid #d2d6da; + padding: 0.625rem 0.75rem; + line-height: 1.3 !important; + } + + .form-control.is-valid:focus { + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); + } + + .form-control[disabled] { + padding: 0.625rem 0.75rem; + line-height: 1.45 !important; + } + + .input-group .input-group-text { + position: absolute; + padding: .75rem 0; + right: 0; + border-right: 0 !important; + } + + .input-group .input-group-text i { + color: #6c757d; + } + + .input-group.input-group-static .input-group-text { + bottom: 0; + } + + .footer .nav-link { + color: #344767; + font-weight: 400; + font-size: 0.875rem; + padding-top: 0; + padding-bottom: 0.25rem; + } + + .footer .nav-link:hover { + opacity: 1 !important; + transition: opacity 0.3 ease; + } + + .footer .footer-logo { + max-width: 2rem; + } + + .bg-gradient-primary { + background-image: linear-gradient(195deg, #9CFF87 0%, #1FD0E0 100%); + } + + .bg-gradient-secondary { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); + } + + .bg-gradient-success { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); + } + + .bg-gradient-info { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); + } + + .bg-gradient-warning { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); + } + + .bg-gradient-danger { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); + } + + .bg-gradient-light { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); + } + + .bg-gradient-dark { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); + } + + .bg-gradient-faded-primary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, #c1134e 100%); + } + + .bg-gradient-faded-secondary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, 0.6) 0, #626780 100%); + } + + .bg-gradient-faded-success { + background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%); + } + + .bg-gradient-faded-info { + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%); + } + + .bg-gradient-faded-warning { + background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%); + } + + .bg-gradient-faded-danger { + background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%); + } + + .bg-gradient-faded-light { + background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%); + } + + .bg-gradient-faded-dark { + background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%); + } + + .bg-gradient-faded-white { + background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); + } + + .bg-gradient-faded-dark-blue { + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, 0.6) 0, #111754 100%); + } + + .bg-gradient-faded-primary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 30, 99, 0.3) 0, #e91e63 100%); + } + + .bg-gradient-faded-secondary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, 0.3) 0, #7b809a 100%); + } + + .bg-gradient-faded-success-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%); + } + + .bg-gradient-faded-info-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%); + } + + .bg-gradient-faded-warning-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%); + } + + .bg-gradient-faded-danger-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%); + } + + .bg-gradient-faded-light-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%); + } + + .bg-gradient-faded-dark-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%); + } + + .bg-gradient-faded-white-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%); + } + + .bg-gradient-faded-dark-blue-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 35, 126, 0.3) 0, #1A237E 100%); + } + + .material-icons { + font-family: 'Material Icons Round'; + font-weight: normal; + font-style: normal; + font-size: 20px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + + .nav.nav-pills .nav-link .material-icons { + top: 3px; + } + + .icon-shape { + width: 48px; + height: 48px; + background-position: center; + border-radius: 0.5rem; + } + + .icon-shape i { + color: #fff; + opacity: 0.8; + top: 11px; + position: relative; + } + + .icon-shape .ni { + top: 14px; + } + + .icon-xxs { + width: 20px; + height: 20px; + } + + .icon-xxs i { + top: 0; + font-size: 0.65rem; + } + + .icon-xs { + width: 24px; + height: 24px; + } + + .icon-xs i { + top: -1px; + font-size: 0.75rem; + } + + .icon-sm { + width: 32px; + height: 32px; + } + + .icon-sm i { + top: 4px; + font-size: 0.875rem; + } + + .icon-md { + width: 48px; + height: 48px; + } + + .icon-md i { + top: 30%; + font-size: 1.125rem; + } + + .icon-md.icon-striped { + background-position-x: 85px; + background-position-y: 85px; + } + + .icon-md.icon-striped i { + top: 11%; + margin-left: -10px; + font-size: 0.875rem; + } + + .icon-lg { + width: 64px; + height: 64px; + } + + .icon-lg i { + top: 31%; + font-size: 1.5rem; + } + + .icon-lg.icon-striped { + background-position-x: 111px; + background-position-y: 111px; + } + + .icon-lg.icon-striped i { + top: 21%; + margin-left: -15px; + } + + .icon-xl { + width: 100px; + height: 100px; + border-radius: 0.5rem; + } + + .icon-xl i { + top: 35%; + font-size: 2.1rem; + } + + .icon-xl.icon-striped { + background-position-x: 80px; + background-position-y: 80px; + } + + .icon-xl.icon-striped i { + top: 30%; + margin-left: -15px; + } + + .info-horizontal { + text-align: left !important; + } + + .info-horizontal .icon { + float: left; + } + + .info-horizontal .description { + overflow: hidden; + } + + svg.text-primary .color-foreground { + fill: #1FD0E0; + } + + svg.text-primary .color-background { + fill: #D81B60; + } + + svg.text-secondary .color-foreground { + fill: #747b8a; + } + + svg.text-secondary .color-background { + fill: #495361; + } + + svg.text-info .color-foreground { + fill: #49a3f1; + } + + svg.text-info .color-background { + fill: #1A73E8; + } + + svg.text-warning .color-foreground { + fill: #FFA726; + } + + svg.text-warning .color-background { + fill: #FB8C00; + } + + svg.text-danger .color-foreground { + fill: #EF5350; + } + + svg.text-danger .color-background { + fill: #E53935; + } + + svg.text-success .color-foreground { + fill: #66BB6A; + } + + svg.text-success .color-background { + fill: #43A047; + } + + svg.text-dark .color-foreground { + fill: #42424a; + } + + svg.text-dark .color-background { + fill: #191919; + } + + html { + border: none !important; + } + + .blur { + box-shadow: inset 0px 0px 2px #fefefed1; + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + background-color: rgba(255, 255, 255, 0.8) !important; + } + + .blur.saturation-less { + -webkit-backdrop-filter: saturate(20%) blur(30px); + backdrop-filter: saturate(20%) blur(30px); + } + + .blur.blur-rounded { + border-radius: 40px; + } + + .blur.blur-light { + background-color: rgba(255, 255, 255, 0.4); + } + + .blur.blur-dark { + background-color: rgba(0, 0, 0, 0.3); + } + + .shadow-blur { + box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; + } + + .shadow-card { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + } + + .navbar-blur { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + background-color: rgba(255, 255, 255, 0.58) !important; + } + + .blur-section { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + } + + .blur-section.blur-gradient-primary { + background-image: linear-gradient(195deg, rgba(236, 64, 122, 0.95) 0%, rgba(216, 27, 96, 0.95) 100%); + } + + *.move-on-hover { + -webkit-transition: 0.2s ease-out; + transition: 0.2s ease-out; + overflow: hidden; + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); + transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + } + + *.move-on-hover:hover { + -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); + transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); + } + + *.gradient-animation { + background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #1FD0E0, #344767); + background-size: 400% 400% !important; + animation: gradient 10s ease infinite; + } + + hr { + border-top: none; + height: 1px; + } + + hr.vertical { + position: absolute; + background-color: transparent; + height: 100%; + right: 0; + top: 0; + width: 1px; + } + + hr.vertical.light { + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); + } + + hr.vertical.dark { + background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent); + } + + hr.vertical.gray-light { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); + } + + hr.horizontal { + background-color: transparent; + } + + hr.horizontal.light { + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); + } + + hr.horizontal.dark { + background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent); + } + + hr.horizontal.gray-light { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); + } + + .lock-size { + width: 1.7rem; + height: 1.7rem; + } + + .border-radius-xs { + border-radius: 0.1rem; + } + + .border-radius-sm { + border-radius: 0.125rem; + } + + .border-radius-md { + border-radius: 0.375rem; + } + + .border-radius-lg { + border-radius: 0.5rem; + } + + .border-radius-xl { + border-radius: 0.75rem; + } + + .border-radius-2xl { + border-radius: 1rem; + } + + .border-radius-section { + border-radius: 10rem; + } + + .border-bottom-end-radius-0 { + border-bottom-right-radius: 0; + } + + .border-top-end-radius-0 { + border-top-right-radius: 0; + } + + .border-bottom-start-radius-0 { + border-bottom-left-radius: 0; + } + + .border-top-start-radius-0 { + border-top-left-radius: 0; + } + + .border-dashed { + border-style: dashed; + } + + .z-index-sticky { + z-index: 1020; + } + + .waves { + position: relative; + width: 100%; + height: 16vh; + margin-bottom: -7px; + /*Fix for safari gap*/ + min-height: 100px; + max-height: 150px; + } + + .waves.waves-sm { + height: 50px; + min-height: 50px; + } + + .waves.no-animation .moving-waves>use { + animation: none; + } + + .wave-rotate { + transform: rotate(180deg); + } + + /* Animation for the waves */ + .moving-waves>use { + animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + } + + .moving-waves>use:nth-child(1) { + animation-delay: -2s; + animation-duration: 11s; + } + + .moving-waves>use:nth-child(2) { + animation-delay: -4s; + animation-duration: 13s; + } + + .moving-waves>use:nth-child(3) { + animation-delay: -3s; + animation-duration: 15s; + } + + .moving-waves>use:nth-child(4) { + animation-delay: -4s; + animation-duration: 20s; + } + + .moving-waves>use:nth-child(5) { + animation-delay: -4s; + animation-duration: 25s; + } + + .moving-waves>use:nth-child(6) { + animation-delay: -3s; + animation-duration: 30s; + } + + @keyframes move-forever { + 0% { + transform: translate3d(-90px, 0, 0); + } + + 100% { + transform: translate3d(85px, 0, 0); + } + } + + /*Shrinking for mobile*/ + @media (max-width: 767.98px) { + .waves { + height: 40px; + min-height: 40px; + } + + hr.horizontal { + background-color: transparent; + } + + hr.horizontal:not(.dark) { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); + } + + hr.horizontal.vertical { + transform: rotate(90deg); + } + + hr.horizontal.dark { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); + } + } + + .overflow-visible { + overflow: visible !important; + } + + .popover .popover-header { + font-weight: 600; + } + + .bg-cover { + background-size: cover; + } + + .mask { + position: absolute; + background-size: cover; + background-position: center center; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.8; + } + + .cursor-pointer { + cursor: pointer; + } + + .transform-translate-50 { + transform: translate(0, -50%); + } + + @media (min-width: 992px) { + .virtual-reality .sidenav { + animation-name: fadeInBottom; + animation-fill-mode: both; + animation-duration: 1.5s; + transform: scale(0.6); + left: 18% !important; + position: absolute; + } + } + + .choices .choices__list { + background: no-repeat bottom, 50% calc(100% - 1px); + background-size: 0 100%, 100% 100%; + transition: 0.2s ease; + } + + .choices .choices__list.choices__list--single .choices__item--selectable { + margin-bottom: 0.5rem; + } + + .choices .choices__list.choices__list--single, + .choices .choices__list.choices__list--single:focus { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + } + + .choices .choices__list.choices__list--dropdown { + background: #fff; + } + + .choices.is-focused .choices__list { + background-size: 100% 100%, 100% 100%; + } + + .border-right-after:after { + content: ""; + position: absolute; + right: 0; + top: 3vh; + height: 70%; + width: 50%; + border-right: 1px solid #dee2e6; + } + + .rotate-caret .collapse .nav-link:after { + margin-right: auto; + margin-left: 0; + } + + @media (min-width: 1200px) { + .g-sidenav-hidden.rtl .main-content { + margin-right: 7rem !important; + } + } + + .rtl .ps__rail-y { + right: auto !important; + left: 0; + } + + .rtl .start-0 { + right: 0 !important; + } + + .rtl .end-0 { + left: 0 !important; + } + + .bullets { + position: sticky; + top: 30%; + height: 0; + transform: translate(-50%, -50%); + margin-left: auto; + } + + .bullets ul { + display: flex; + flex-direction: column; + align-items: end; + list-style-type: none; + margin-right: -1rem; + } + + .bullets ul li .indicator { + cursor: pointer; + margin-top: 1rem; + display: block; + height: 10px; + width: 10px; + border-radius: 50%; + background-color: #e91e63; + } + + .bullets ul li .active { + transform: scale(1.3); + transition: transform 200ms ease-in-out; + } + + .img-material-tw { + object-fit: cover; + } + + .navbar { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); + } + + .navbar .navbar-brand { + color: #344767; + font-size: 0.875rem; + } + + .navbar .nav-link { + color: #344767; + padding: 0.5rem 1rem; + font-weight: 400; + font-size: 0.875rem; + } + + .navbar.navbar-absolute { + position: absolute; + width: 100%; + z-index: 1; + } + + .navbar.navbar-transparent .nav-link, + .navbar.navbar-transparent .nav-link i { + color: #fff; + } + + .navbar.navbar-transparent .nav-link:hover, + .navbar.navbar-transparent .nav-link:focus { + color: rgba(255, 255, 255, 0.75); + } + + .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { + background: #fff; + } + + .navbar.navbar-transparent .navbar-collapse { + border-radius: 0.75rem; + } + + .navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark, + .navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark { + color: #fff !important; + } + + .navbar .sidenav-toggler-inner { + width: 18px; + } + + .navbar .sidenav-toggler-inner .sidenav-toggler-line { + transition: all 0.15s ease; + background: #7b809a; + border-radius: 0.1rem; + position: relative; + display: block; + height: 2px; + } + + .navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) { + margin-bottom: 3px; + } + + .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child, + .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child { + width: 13px; + transform: translateX(5px); + } + + .navbar-light { + background-color: #fff !important; + } + + .navbar-light .navbar-toggler { + border: none; + } + + .navbar-light .navbar-toggler:focus { + box-shadow: none; + } + + .navbar-toggler .navbar-toggler-icon { + background-image: none; + } + + .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { + display: block; + position: relative; + width: 22px; + height: 1px; + border-radius: 1px; + background: #6c757d; + transition: all 0.2s; + margin: 0 auto; + } + + .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, + .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { + margin-top: 7px; + } + + .navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 { + transform: rotate(45deg); + transform-origin: 10% 10%; + margin-top: 4px; + } + + .navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 { + opacity: 0; + } + + .navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { + transform: rotate(-45deg); + transform-origin: 10% 90%; + margin-top: 3px; + } + + @media (max-width: 991.98px) { + .navbar.navbar-transparent .navbar-collapse { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .navbar.navbar-transparent .navbar-collapse.collapsing { + background: #fff; + } + + .navbar.navbar-transparent .navbar-collapse.show { + background: #fff; + } + + .navbar.navbar-transparent .navbar-collapse.show .nav-link, + .navbar.navbar-transparent .navbar-collapse.show i { + color: #344767; + } + + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav { + flex-direction: row; + } + + .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu { + box-shadow: none !important; + } + + .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before { + display: none !important; + } + } + + @media (max-width: 767.98px) { + .navbar-collapse { + position: relative; + } + + .navbar-collapse .navbar-nav { + width: 100%; + } + + .navbar-collapse .navbar-nav .nav-item.dropdown { + position: static; + } + + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: 0; + } + + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { + content: none; + } + } + + @media (max-width: 575.98px) { + .navbar-nav .nav-item.dropdown .dropdown-menu { + left: 0; + right: auto; + } + } + + .navbar-vertical .navbar-brand>img, + .navbar-vertical .navbar-brand-img { + max-width: 100%; + max-height: 2rem; + } + + .navbar-vertical .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; + font-weight: 300; + color: #fff; + } + + .navbar-vertical .navbar-nav .nav-link>i { + min-width: 1.8rem; + font-size: 1.5rem; + line-height: 1.5rem; + text-align: center; + } + + .navbar-vertical .navbar-nav .nav-link .dropdown-menu { + border: none; + } + + .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { + margin-left: 0.5rem; + } + + .navbar-vertical .navbar-nav .nav-link .avatar { + width: 1.875rem; + height: 1.875rem; + } + + .navbar-vertical .navbar-nav .nav-sm .nav-link { + font-size: 0.8125rem; + } + + .navbar-vertical .navbar-nav .nav-link { + display: flex; + align-items: center; + white-space: nowrap; + } + + .navbar-vertical .navbar-heading { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.04em; + } + + .navbar-vertical.navbar-expand-xs { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-xs .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-xs>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + + @media all and (-ms-high-contrast: none), + (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xs>[class*="container"] { + min-height: none; + height: 100%; + } + } + + .navbar-vertical.navbar-expand-xs.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-xs.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-xs .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + @media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-sm .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-sm>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + } + + @media all and (min-width: 576px) and (-ms-high-contrast: none), + (min-width: 576px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-sm>[class*="container"] { + min-height: none; + height: 100%; + } + } + + @media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-sm.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-sm .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + } + + @media (min-width: 768px) { + .navbar-vertical.navbar-expand-md { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-md .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-md>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + } + + @media all and (min-width: 768px) and (-ms-high-contrast: none), + (min-width: 768px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-md>[class*="container"] { + min-height: none; + height: 100%; + } + } + + @media (min-width: 768px) { + .navbar-vertical.navbar-expand-md.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-md.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-md .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + } + + @media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-lg .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-lg>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + } + + @media all and (min-width: 992px) and (-ms-high-contrast: none), + (min-width: 992px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-lg>[class*="container"] { + min-height: none; + height: 100%; + } + } + + @media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-lg.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-lg .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + } + + @media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-xl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-xl>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + } + + @media all and (min-width: 1200px) and (-ms-high-contrast: none), + (min-width: 1200px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xl>[class*="container"] { + min-height: none; + height: 100%; + } + } + + @media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-xl.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-xl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + } + + @media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-xxl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-xxl>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + padding-right: 0; + } + } + + @media all and (min-width: 1400px) and (-ms-high-contrast: none), + (min-width: 1400px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xxl>[class*="container"] { + min-height: none; + height: 100%; + } + } + + @media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-xxl.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-xxl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + } + + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + } + + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + } + + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); + } + + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); + } + + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); + } + + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); + } + + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); + } + + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); + } + + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); + } + + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); + } + + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); + } + + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); + } + + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); + } + + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); + } + + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #344767 0%, #344767 100%); + } + + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #344767 0%, #344767 100%); + } + + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #fff 0%, #fff 100%); + } + + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #fff 0%, #fff 100%); + } + + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); + } + + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); + } + + .main-content, + .sidenav { + transition: all 0.2s ease-in-out; + } + + .sidenav { + z-index: 9999; + } + + .sidenav .navbar-brand, + .sidenav .navbar-heading { + display: block; + } + + @media (min-width: 1200px) { + .sidenav:hover { + max-width: 15.625rem; + } + + .sidenav .sidenav-toggler { + padding: 1.5rem; + } + + .sidenav.fixed-start+.main-content { + margin-left: 17.125rem; + } + + .sidenav.fixed-end+.main-content { + margin-right: 17.125rem; + } + } + + .sidenav .navbar-heading .docs-mini { + padding-left: 3px; + } + + .sidenav .navbar-heading { + transition: all 0.1s ease; + } + + .sidenav .navbar-brand { + padding: 1.5rem 2rem; + } + + .sidenav .collapse .nav-item .nav-link.active { + color: #fff !important; + } + + .sidenav .collapse .nav-item .nav-link.active i { + color: #fff !important; + } + + body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, + body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text, + body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i, + body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text { + color: #344767 !important; + } + + .sidenav-header { + height: 4.875rem; + } + + .sidenav-footer .card.card-background:after { + opacity: 0.65; + } + + .g-sidenav-show .sidenav .nav-item .collapse { + height: auto; + transition: all 0.2s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .g-sidenav-show .sidenav .nav-item .collapse { + transition: none; + } + } + + .g-sidenav-show .sidenav .nav-link-text { + transition: 0.3s ease; + opacity: 1; + } + + .g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + margin-left: 0; + } + + @media (max-width: 1199.98px) { + .g-sidenav-show.rtl .sidenav { + transform: translateX(17.125rem); + } + + .g-sidenav-show:not(.rtl) .sidenav { + transform: translateX(-17.125rem); + } + + .g-sidenav-show .sidenav.fixed-start+.main-content { + margin-left: 0 !important; + } + + .g-sidenav-show.g-sidenav-pinned .sidenav { + transform: translateX(0); + } + } + + .navbar-vertical.bg-white { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .navbar-vertical.bg-white .navbar-nav .nav-link.active { + box-shadow: none; + } + + .navbar-vertical.bg-transparent .navbar-nav .nav-link.active:after, + .navbar-vertical.bg-white .navbar-nav .nav-link.active:after { + color: rgba(206, 212, 218, 0.7) !important; + } + + .navbar-vertical .navbar-nav .nav-link.active { + font-weight: 400; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border-radius: 0.375rem; + margin-top: 1.5px; + margin-bottom: 1.5px; + } + + .navbar-vertical .navbar-nav>.nav-item .nav-link.active { + color: #fff; + border-right-width: 0; + border-bottom-width: 0; + background-color: rgba(199, 199, 199, 0.2); + } + + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + } + + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span, + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active span { + color: #fff; + } + + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); + } + + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, + .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); + } + + .navbar-main { + transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; + } + + .navbar-main.fixed-top { + width: calc(100% - (15.625rem + 1.5rem * 3)); + } + + .navbar-main.fixed-top+[class*="container"] { + margin-top: 7.1875rem !important; + } + + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + font-family: 'Font Awesome 5 Free'; + font-weight: 700; + content: "\f107"; + margin-left: auto; + color: rgba(206, 212, 218, 0.7); + transition: all 0.2s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + transition: none; + } + } + + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { + color: #CED4DA; + transform: rotate(180deg); + } + + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"].active:after { + color: #fff; + } + + .navbar-vertical .navbar-nav .nav-item .collapse .nav, + .navbar-vertical .navbar-nav .nav-item .collapsing .nav { + transition: all 0.2s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + + .navbar-vertical .navbar-nav .nav-item .collapse .nav, + .navbar-vertical .navbar-nav .nav-item .collapsing .nav { + transition: none; + } + } + + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, + .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { + position: relative; + background-color: transparent; + box-shadow: none; + color: rgba(206, 212, 218, 0.7); + } + + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, + .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active { + color: #CED4DA; + } + + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link, + .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link { + color: #CED4DA; + } + + .navbar-vertical.blur .navbar-nav>.nav-item .nav-link { + background-color: transparent; + box-shadow: none; + } + + .navbar-vertical .navbar-brand .navbar-brand-img, + .navbar-vertical .navbar-brand span { + transition: all 0.2s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + + .navbar-vertical .navbar-brand .navbar-brand-img, + .navbar-vertical .navbar-brand span { + transition: none; + } + } + + .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { + transition: all 0.2s ease-in-out; + text-align: center; + min-width: 1.8rem; + } + + @media (prefers-reduced-motion: reduce) { + .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { + transition: none; + } + } + + .navbar-vertical .docs-info { + transition: all 0.2s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .navbar-vertical .docs-info { + transition: none; + } + } + + .navbar-vertical .nav-item .nav-link { + margin-top: 3px; + margin-bottom: 3px; + border-radius: 0.375rem; + margin-bottom: 1.5px; + margin-top: 1.5px; + } + + .navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link, + .navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link { + margin-top: 1.5px; + margin-bottom: 1.5px; + } + + .navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, + .navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link, + .navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, + .navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link { + margin-top: 1.5px; + margin-bottom: 1.5px; + } + + .navbar-vertical .nav-item:hover .nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; + } + + .navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item:hover>.nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; + } + + .navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item+.collapse .nav .nav-item:hover .nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; + } + + @media (min-width: 1200px) { + .g-sidenav-hidden.rtl .main-content { + margin-right: 6rem !important; + } + + .g-sidenav-hidden.rtl .navbar-vertical:hover { + max-width: 15.625rem !important; + } + + .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round { + margin-right: 2px; + } + + .g-sidenav-hidden.rtl .sidenav:hover+.main-content { + margin-right: 17.125rem !important; + } + + .g-sidenav-hidden .navbar-vertical { + max-width: 6rem !important; + } + + .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content { + margin-left: 7.5rem; + } + + .g-sidenav-hidden .navbar-vertical .navbar-brand img { + width: auto !important; + } + + .g-sidenav-hidden .navbar-vertical .navbar-brand span { + opacity: 0; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon { + padding: 10px; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round { + margin-left: 2px; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { + opacity: 0; + width: 0; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon { + min-width: 1.8rem; + margin-left: 0.15rem !important; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after { + content: ""; + opacity: 0; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav { + margin-left: 0 !important; + padding-left: 0 !important; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link { + margin-left: 1rem; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { + content: "\f107"; + } + + .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape { + margin-bottom: 0 !important; + } + + .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info { + opacity: 0; + width: 0; + height: 0; + } + + .g-sidenav-hidden .navbar-vertical:hover { + max-width: 15.625rem !important; + } + + .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content { + margin-left: 17.125rem; + } + + .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span { + opacity: 1; + } + + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text, + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { + opacity: 1; + width: auto; + } + + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after { + content: "\f107"; + opacity: 1; + } + + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav, + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { + margin-left: 0 !important; + padding-left: 0 !important; + } + + .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape { + margin-bottom: 1rem !important; + } + + .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info { + opacity: 1; + width: auto; + height: auto; + } + } + + .nav.nav-pills { + background: #f8f9fa; + border-radius: 0.75rem; + position: relative; + } + + .nav.nav-pills.nav-pills-vertical { + border-radius: 1.1875rem; + } + + .nav.nav-pills.nav-pills-vertical .nav-link.active { + border-radius: 0.875rem; + } + + .nav.nav-pills .nav-link { + z-index: 3; + color: #344767; + border-radius: 0.5rem; + background-color: inherit; + } + + .nav.nav-pills .nav-link.active { + animation: 0.2s ease; + } + + .nav.nav-pills .nav-link:hover:not(.active) { + color: #344767; + } + + .nav.nav-pills.nav-pills-primary { + background: #fff; + color: #fff; + } + + .nav.nav-pills.nav-pills-primary .nav-link.active { + color: #fff; + } + + .nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { + background: #1FD0E0; + color: #1FD0E0; + } + + .nav.nav-pills.nav-pills-info { + background: #fff; + color: #fff; + } + + .nav.nav-pills.nav-pills-info .nav-link.active { + color: #fff; + } + + .nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { + background: #49a3f1; + color: #49a3f1; + } + + .nav.nav-pills.nav-pills-success { + background: #fff; + color: #fff; + } + + .nav.nav-pills.nav-pills-success .nav-link.active { + color: #fff; + } + + .nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { + background: #66BB6A; + color: #66BB6A; + } + + .nav.nav-pills.nav-pills-warning { + background: #fff; + color: #fff; + } + + .nav.nav-pills.nav-pills-warning .nav-link.active { + color: #fff; + } + + .nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { + background: #FFA726; + color: #FFA726; + } + + .nav.nav-pills.nav-pills-danger { + background: #fff; + color: #fff; + } + + .nav.nav-pills.nav-pills-danger .nav-link.active { + color: #fff; + } + + .nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { + background: #EF5350; + color: #EF5350; + } + + .nav.nav-pills .nav-item { + z-index: 3; + } + + .moving-tab { + z-index: 1 !important; + } + + .moving-tab .nav-link { + color: #fff; + transition: .2s ease; + border-radius: 0.5rem; + } + + .moving-tab .nav-link.active { + color: #fff; + font-weight: 600; + box-shadow: 0px 1px 5px 1px #ddd; + animation: 0.2s ease; + background: #fff; + } + + .moving-tab .nav-link:hover:not(.active) { + color: #344767; + } + + .page-item.active .page-link { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); + } + + .page-item .page-link, + .page-item span { + display: flex; + align-items: center; + justify-content: center; + color: #7b809a; + padding: 0; + margin: 0 3px; + border-radius: 50% !important; + width: 36px; + height: 36px; + font-size: 0.875rem; + } + + .pagination-lg .page-item .page-link, + .pagination-lg .page-item span { + width: 46px; + height: 46px; + line-height: 46px; + } + + .pagination-sm .page-item .page-link, + .pagination-sm .page-item span { + width: 30px; + height: 30px; + line-height: 30px; + } + + .pagination.pagination-primary .page-item.active>.page-link, + .pagination.pagination-primary .page-item.active>.page-link:focus, + .pagination.pagination-primary .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #1FD0E0 0%, #D81B60 100%); + border: none; + } + + .pagination.pagination-secondary .page-item.active>.page-link, + .pagination.pagination-secondary .page-item.active>.page-link:focus, + .pagination.pagination-secondary .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); + border: none; + } + + .pagination.pagination-success .page-item.active>.page-link, + .pagination.pagination-success .page-item.active>.page-link:focus, + .pagination.pagination-success .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); + border: none; + } + + .pagination.pagination-info .page-item.active>.page-link, + .pagination.pagination-info .page-item.active>.page-link:focus, + .pagination.pagination-info .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); + border: none; + } + + .pagination.pagination-warning .page-item.active>.page-link, + .pagination.pagination-warning .page-item.active>.page-link:focus, + .pagination.pagination-warning .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); + border: none; + } + + .pagination.pagination-danger .page-item.active>.page-link, + .pagination.pagination-danger .page-item.active>.page-link:focus, + .pagination.pagination-danger .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); + border: none; + } + + .pagination.pagination-light .page-item.active>.page-link, + .pagination.pagination-light .page-item.active>.page-link:focus, + .pagination.pagination-light .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); + border: none; + } + + .pagination.pagination-dark .page-item.active>.page-link, + .pagination.pagination-dark .page-item.active>.page-link:focus, + .pagination.pagination-dark .page-item.active>.page-link:hover { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); + border: none; + } + + .popover { + box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + } + + .popover .popover-header { + font-weight: 600; + } + + .progress-bar { + height: 6px; + border-radius: 0.125rem; + } + + .progress { + overflow: visible; + } + + .progress.progress-sm { + height: 4px; + } + + .progress.progress-lg { + height: 20px; + } + + .rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before { + float: right; + padding-left: 0.5rem; + padding-right: 0; + } + + .rtl .sidenav .navbar-nav { + width: 100%; + padding-right: 0; + } + + .rtl .fixed-plugin .fixed-plugin-button { + left: 30px; + right: auto; + } + + .rtl .fixed-plugin .card { + left: -360px !important; + right: auto; + } + + .rtl .fixed-plugin.show .card { + right: auto; + left: 0 !important; + } + + .rtl .timeline .timeline-content { + margin-right: 45px; + margin-left: 0; + } + + .rtl .timeline .timeline-step { + transform: translateX(50%); + } + + .rtl .timeline.timeline-one-side:before { + right: 1rem; + } + + .rtl .timeline.timeline-one-side .timeline-step { + right: 1rem; + } + + .rtl .form-check.form-switch .form-check-input:after { + transform: translateX(-1px); + } + + .rtl .form-check.form-switch .form-check-input:checked:after { + transform: translateX(21px); + } + + .rtl .avatar-group .avatar+.avatar { + margin-left: 0; + margin-right: -1rem; + } + + .rtl .dropdown .dropdown-menu { + left: 0; + } + + .rtl .input-group.input-group-outline .form-label:before { + margin-left: 4px; + margin-right: 0; + border-radius: 0 4px; + } + + .rtl .input-group.input-group-outline .form-label:after { + margin-left: 0; + margin-right: 4px; + border-radius: 5px 0; + } + + .rtl .input-group.input-group-outline.is-valid .form-control, + .rtl .input-group.input-group-outline.is-invalid .form-control { + background-position: left 0.75rem center !important; + } + + .rtl .input-group .input-group-text { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-right: -1px; + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), + .rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .ripple { + display: block; + position: absolute; + background: rgba(255, 255, 255, 0.3); + border-radius: 100%; + transform: scale(0); + animation: ripple 0.65s linear; + } + + @keyframes ripple { + 100% { + opacity: 0; + transform: scale(2.5); + } + } + + .btn.btn-facebook { + background-color: #3b5998; + color: #fff; + } + + .btn.btn-facebook:focus, + .btn.btn-facebook:hover { + background-color: #344e86; + color: #fff; + } + + .btn.btn-facebook:active, + .btn.btn-facebook:focus, + .btn.btn-facebook:active:focus { + box-shadow: none; + } + + .btn.btn-facebook.btn-simple { + color: #344e86; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-facebook.btn-simple:hover, + .btn.btn-facebook.btn-simple:focus, + .btn.btn-facebook.btn-simple:hover:focus, + .btn.btn-facebook.btn-simple:active, + .btn.btn-facebook.btn-simple:hover:focus:active { + color: #344e86; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-facebook.btn-neutral { + color: #3b5998; + background-color: #fff; + } + + .btn.btn-facebook.btn-neutral:hover, + .btn.btn-facebook.btn-neutral:focus, + .btn.btn-facebook.btn-neutral:active { + color: #344e86; + } + + .btn.btn-twitter { + background-color: #55acee; + color: #fff; + } + + .btn.btn-twitter:focus, + .btn.btn-twitter:hover { + background-color: #3ea1ec; + color: #fff; + } + + .btn.btn-twitter:active, + .btn.btn-twitter:focus, + .btn.btn-twitter:active:focus { + box-shadow: none; + } + + .btn.btn-twitter.btn-simple { + color: #3ea1ec; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-twitter.btn-simple:hover, + .btn.btn-twitter.btn-simple:focus, + .btn.btn-twitter.btn-simple:hover:focus, + .btn.btn-twitter.btn-simple:active, + .btn.btn-twitter.btn-simple:hover:focus:active { + color: #3ea1ec; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-twitter.btn-neutral { + color: #55acee; + background-color: #fff; + } + + .btn.btn-twitter.btn-neutral:hover, + .btn.btn-twitter.btn-neutral:focus, + .btn.btn-twitter.btn-neutral:active { + color: #3ea1ec; + } + + .btn.btn-pinterest { + background-color: #cc2127; + color: #fff; + } + + .btn.btn-pinterest:focus, + .btn.btn-pinterest:hover { + background-color: #b21d22; + color: #fff; + } + + .btn.btn-pinterest:active, + .btn.btn-pinterest:focus, + .btn.btn-pinterest:active:focus { + box-shadow: none; + } + + .btn.btn-pinterest.btn-simple { + color: #b21d22; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-pinterest.btn-simple:hover, + .btn.btn-pinterest.btn-simple:focus, + .btn.btn-pinterest.btn-simple:hover:focus, + .btn.btn-pinterest.btn-simple:active, + .btn.btn-pinterest.btn-simple:hover:focus:active { + color: #b21d22; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-pinterest.btn-neutral { + color: #cc2127; + background-color: #fff; + } + + .btn.btn-pinterest.btn-neutral:hover, + .btn.btn-pinterest.btn-neutral:focus, + .btn.btn-pinterest.btn-neutral:active { + color: #b21d22; + } + + .btn.btn-linkedin { + background-color: #0077B5; + color: #fff; + } + + .btn.btn-linkedin:focus, + .btn.btn-linkedin:hover { + background-color: #00669c; + color: #fff; + } + + .btn.btn-linkedin:active, + .btn.btn-linkedin:focus, + .btn.btn-linkedin:active:focus { + box-shadow: none; + } + + .btn.btn-linkedin.btn-simple { + color: #00669c; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-linkedin.btn-simple:hover, + .btn.btn-linkedin.btn-simple:focus, + .btn.btn-linkedin.btn-simple:hover:focus, + .btn.btn-linkedin.btn-simple:active, + .btn.btn-linkedin.btn-simple:hover:focus:active { + color: #00669c; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-linkedin.btn-neutral { + color: #0077B5; + background-color: #fff; + } + + .btn.btn-linkedin.btn-neutral:hover, + .btn.btn-linkedin.btn-neutral:focus, + .btn.btn-linkedin.btn-neutral:active { + color: #00669c; + } + + .btn.btn-dribbble { + background-color: #ea4c89; + color: #fff; + } + + .btn.btn-dribbble:focus, + .btn.btn-dribbble:hover { + background-color: #e73177; + color: #fff; + } + + .btn.btn-dribbble:active, + .btn.btn-dribbble:focus, + .btn.btn-dribbble:active:focus { + box-shadow: none; + } + + .btn.btn-dribbble.btn-simple { + color: #e73177; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-dribbble.btn-simple:hover, + .btn.btn-dribbble.btn-simple:focus, + .btn.btn-dribbble.btn-simple:hover:focus, + .btn.btn-dribbble.btn-simple:active, + .btn.btn-dribbble.btn-simple:hover:focus:active { + color: #e73177; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-dribbble.btn-neutral { + color: #ea4c89; + background-color: #fff; + } + + .btn.btn-dribbble.btn-neutral:hover, + .btn.btn-dribbble.btn-neutral:focus, + .btn.btn-dribbble.btn-neutral:active { + color: #e73177; + } + + .btn.btn-github { + background-color: #24292E; + color: #fff; + } + + .btn.btn-github:focus, + .btn.btn-github:hover { + background-color: #171a1d; + color: #fff; + } + + .btn.btn-github:active, + .btn.btn-github:focus, + .btn.btn-github:active:focus { + box-shadow: none; + } + + .btn.btn-github.btn-simple { + color: #171a1d; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-github.btn-simple:hover, + .btn.btn-github.btn-simple:focus, + .btn.btn-github.btn-simple:hover:focus, + .btn.btn-github.btn-simple:active, + .btn.btn-github.btn-simple:hover:focus:active { + color: #171a1d; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-github.btn-neutral { + color: #24292E; + background-color: #fff; + } + + .btn.btn-github.btn-neutral:hover, + .btn.btn-github.btn-neutral:focus, + .btn.btn-github.btn-neutral:active { + color: #171a1d; + } + + .btn.btn-youtube { + background-color: #e52d27; + color: #fff; + } + + .btn.btn-youtube:focus, + .btn.btn-youtube:hover { + background-color: #d41f1a; + color: #fff; + } + + .btn.btn-youtube:active, + .btn.btn-youtube:focus, + .btn.btn-youtube:active:focus { + box-shadow: none; + } + + .btn.btn-youtube.btn-simple { + color: #d41f1a; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-youtube.btn-simple:hover, + .btn.btn-youtube.btn-simple:focus, + .btn.btn-youtube.btn-simple:hover:focus, + .btn.btn-youtube.btn-simple:active, + .btn.btn-youtube.btn-simple:hover:focus:active { + color: #d41f1a; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-youtube.btn-neutral { + color: #e52d27; + background-color: #fff; + } + + .btn.btn-youtube.btn-neutral:hover, + .btn.btn-youtube.btn-neutral:focus, + .btn.btn-youtube.btn-neutral:active { + color: #d41f1a; + } + + .btn.btn-instagram { + background-color: #125688; + color: #fff; + } + + .btn.btn-instagram:focus, + .btn.btn-instagram:hover { + background-color: #0e456d; + color: #fff; + } + + .btn.btn-instagram:active, + .btn.btn-instagram:focus, + .btn.btn-instagram:active:focus { + box-shadow: none; + } + + .btn.btn-instagram.btn-simple { + color: #0e456d; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-instagram.btn-simple:hover, + .btn.btn-instagram.btn-simple:focus, + .btn.btn-instagram.btn-simple:hover:focus, + .btn.btn-instagram.btn-simple:active, + .btn.btn-instagram.btn-simple:hover:focus:active { + color: #0e456d; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-instagram.btn-neutral { + color: #125688; + background-color: #fff; + } + + .btn.btn-instagram.btn-neutral:hover, + .btn.btn-instagram.btn-neutral:focus, + .btn.btn-instagram.btn-neutral:active { + color: #0e456d; + } + + .btn.btn-reddit { + background-color: #ff4500; + color: #fff; + } + + .btn.btn-reddit:focus, + .btn.btn-reddit:hover { + background-color: #e03d00; + color: #fff; + } + + .btn.btn-reddit:active, + .btn.btn-reddit:focus, + .btn.btn-reddit:active:focus { + box-shadow: none; + } + + .btn.btn-reddit.btn-simple { + color: #e03d00; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-reddit.btn-simple:hover, + .btn.btn-reddit.btn-simple:focus, + .btn.btn-reddit.btn-simple:hover:focus, + .btn.btn-reddit.btn-simple:active, + .btn.btn-reddit.btn-simple:hover:focus:active { + color: #e03d00; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-reddit.btn-neutral { + color: #ff4500; + background-color: #fff; + } + + .btn.btn-reddit.btn-neutral:hover, + .btn.btn-reddit.btn-neutral:focus, + .btn.btn-reddit.btn-neutral:active { + color: #e03d00; + } + + .btn.btn-tumblr { + background-color: #35465c; + color: #fff; + } + + .btn.btn-tumblr:focus, + .btn.btn-tumblr:hover { + background-color: #2a3749; + color: #fff; + } + + .btn.btn-tumblr:active, + .btn.btn-tumblr:focus, + .btn.btn-tumblr:active:focus { + box-shadow: none; + } + + .btn.btn-tumblr.btn-simple { + color: #2a3749; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-tumblr.btn-simple:hover, + .btn.btn-tumblr.btn-simple:focus, + .btn.btn-tumblr.btn-simple:hover:focus, + .btn.btn-tumblr.btn-simple:active, + .btn.btn-tumblr.btn-simple:hover:focus:active { + color: #2a3749; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-tumblr.btn-neutral { + color: #35465c; + background-color: #fff; + } + + .btn.btn-tumblr.btn-neutral:hover, + .btn.btn-tumblr.btn-neutral:focus, + .btn.btn-tumblr.btn-neutral:active { + color: #2a3749; + } + + .btn.btn-behance { + background-color: #1769ff; + color: #fff; + } + + .btn.btn-behance:focus, + .btn.btn-behance:hover { + background-color: #0057f7; + color: #fff; + } + + .btn.btn-behance:active, + .btn.btn-behance:focus, + .btn.btn-behance:active:focus { + box-shadow: none; + } + + .btn.btn-behance.btn-simple { + color: #0057f7; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-behance.btn-simple:hover, + .btn.btn-behance.btn-simple:focus, + .btn.btn-behance.btn-simple:hover:focus, + .btn.btn-behance.btn-simple:active, + .btn.btn-behance.btn-simple:hover:focus:active { + color: #0057f7; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-behance.btn-neutral { + color: #1769ff; + background-color: #fff; + } + + .btn.btn-behance.btn-neutral:hover, + .btn.btn-behance.btn-neutral:focus, + .btn.btn-behance.btn-neutral:active { + color: #0057f7; + } + + .btn.btn-vimeo { + background-color: #1AB7EA; + color: #fff; + } + + .btn.btn-vimeo:focus, + .btn.btn-vimeo:hover { + background-color: #13a3d2; + color: #fff; + } + + .btn.btn-vimeo:active, + .btn.btn-vimeo:focus, + .btn.btn-vimeo:active:focus { + box-shadow: none; + } + + .btn.btn-vimeo.btn-simple { + color: #13a3d2; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-vimeo.btn-simple:hover, + .btn.btn-vimeo.btn-simple:focus, + .btn.btn-vimeo.btn-simple:hover:focus, + .btn.btn-vimeo.btn-simple:active, + .btn.btn-vimeo.btn-simple:hover:focus:active { + color: #13a3d2; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-vimeo.btn-neutral { + color: #1AB7EA; + background-color: #fff; + } + + .btn.btn-vimeo.btn-neutral:hover, + .btn.btn-vimeo.btn-neutral:focus, + .btn.btn-vimeo.btn-neutral:active { + color: #13a3d2; + } + + .btn.btn-slack { + background-color: #3aaf85; + color: #fff; + } + + .btn.btn-slack:focus, + .btn.btn-slack:hover { + background-color: #329874; + color: #fff; + } + + .btn.btn-slack:active, + .btn.btn-slack:focus, + .btn.btn-slack:active:focus { + box-shadow: none; + } + + .btn.btn-slack.btn-simple { + color: #329874; + background-color: transparent; + background-image: none !important; + box-shadow: none; + border: none; + } + + .btn.btn-slack.btn-simple:hover, + .btn.btn-slack.btn-simple:focus, + .btn.btn-slack.btn-simple:hover:focus, + .btn.btn-slack.btn-simple:active, + .btn.btn-slack.btn-simple:hover:focus:active { + color: #329874; + background: transparent !important; + box-shadow: none !important; + } + + .btn.btn-slack.btn-neutral { + color: #3aaf85; + background-color: #fff; + } + + .btn.btn-slack.btn-neutral:hover, + .btn.btn-slack.btn-neutral:focus, + .btn.btn-slack.btn-neutral:active { + color: #329874; + } + + .table thead th { + padding: 0.75rem 1.5rem; + text-transform: capitalize; + letter-spacing: 0px; + border-bottom: 1px solid #f0f2f5; + } + + .table th { + font-weight: 600; + } + + .table td .progress { + height: 3px; + width: 120px; + margin: 0; + } + + .table td .progress .progress-bar { + height: 3px; + } + + .table td, + .table th { + white-space: nowrap; + } + + .table.align-items-center td, + .table.align-items-center th { + vertical-align: middle; + } + + .table tbody tr:last-child td { + border-width: 0; + } + + .table> :not(:last-child)> :last-child>* { + border-bottom-color: #f0f2f5; + } + + .table> :not(:first-child) { + border-top: 1px solid currentColor; + } + + .timeline { + position: relative; + } + + .timeline:before { + content: ''; + position: absolute; + top: 0; + left: 1rem; + height: 100%; + border-right: 2px solid #e5e5e5; + } + + .timeline.timeline-dark:before { + border-right-color: #4a4a4a; + } + + .timeline-block { + position: relative; + } + + .timeline-block:after { + content: ""; + display: table; + clear: both; + } + + .timeline-block:first-child { + margin-top: 0; + } + + .timeline-block:last-child { + margin-bottom: 0; + } + + .timeline-step { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + left: 0; + width: 26px; + height: 26px; + border-radius: 50%; + background: #fff; + text-align: center; + transform: translateX(-50%); + font-size: 1rem; + font-weight: 600; + z-index: 1; + } + + .timeline-step svg, + .timeline-step i { + line-height: 1.4; + } + + .timeline-content { + position: relative; + margin-left: 45px; + padding-top: 0.35rem; + position: relative; + top: -6px; + } + + .timeline-content:after { + content: ""; + display: table; + clear: both; + } + + @media (min-width: 992px) { + .timeline:before { + left: 50%; + margin-left: -1px; + } + + .timeline-step { + left: 50%; + } + + .timeline-content { + width: 38%; + } + + .timeline-block:nth-child(even) .timeline-content { + float: right; + } + } + + .timeline-one-side:before { + left: 1rem; + } + + .timeline-one-side .timeline-step { + left: 1rem; + } + + .timeline-one-side .timeline-content { + width: auto; + } + + @media (min-width: 992px) { + .timeline-one-side .timeline-content { + max-width: 30rem; + } + } + + .timeline-one-side .timeline-block:nth-child(even) .timeline-content { + float: none; + } + + .tilt { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + } + + .tilt .up { + -webkit-transform: translateZ(50px) scale(0.7); + transform: translateZ(50px) scale(0.7) !important; + transition: all 0.5s; + } + + .bs-tooltip-auto[x-placement^=right] .tooltip-arrow, + .bs-tooltip-right .tooltip-arrow { + left: 1px; + } + + .bs-tooltip-auto[x-placement^=left] .tooltip-arrow, + .bs-tooltip-left .tooltip-arrow { + right: 1px; + } + + html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + body { + font-weight: 400; + line-height: 1.6; + } + + h1, + .h1, + .h1 { + font-size: 3rem; + line-height: 1.25; + letter-spacing: 0; + } + + @media (max-width: 575.98px) { + + h1, + .h1, + .h1 { + font-size: calc(1.425rem + 2.1vw); + } + } + + h2, + .h2, + .h2 { + font-size: 2.25rem; + line-height: 1.3; + letter-spacing: 0.05rem; + } + + @media (max-width: 575.98px) { + + h2, + .h2, + .h2 { + font-size: calc(1.35rem + 1.2vw); + } + } + + h3, + .h3, + .h3 { + font-size: 1.875rem; + line-height: 1.375; + } + + @media (max-width: 575.98px) { + + h3, + .h3, + .h3 { + font-size: calc(1.3125rem + 0.75vw); + } + } + + h4, + .h4, + .h4 { + font-size: 1.5rem; + line-height: 1.375; + } + + @media (max-width: 575.98px) { + + h4, + .h4, + .h4 { + font-size: calc(1.275rem + 0.3vw); + } + } + + h5, + .h5, + .h5 { + font-size: 1.25rem; + line-height: 1.375; + } + + @media (max-width: 575.98px) { + + h5, + .h5, + .h5 { + font-size: 1.25rem; + } + } + + h6, + .h6, + .h6 { + font-size: 1rem; + line-height: 1.625; + } + + p, + .p { + font-size: 1rem; + font-weight: 400; + line-height: 1.6; + } + + .lead { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625; + } + + h1, + .h1, + .h1, + h2, + .h2, + .h2, + h3, + .h3, + .h3 { + font-weight: 600; + font-family: var(--bs-font-sans-serif); + } + + h4, + .h4, + .h4, + h5, + .h5, + .h5, + h6, + .h6, + .h6 { + font-weight: 600; + } + + h1, + .h1, + .h1, + h2, + .h2, + .h2, + h3, + .h3, + .h3, + h4, + .h4, + .h4 { + letter-spacing: -0.05rem; + } + + a { + letter-spacing: 0rem; + color: #344767; + } + + .text-sm { + line-height: 1.5; + } + + .text-xs { + line-height: 1.25; + } + + p, + .p { + font-size: 1rem; + } + + .lead { + font-size: 1.25rem; + } + + .text-lg { + font-size: 1.125rem !important; + } + + .text-md { + font-size: 1rem !important; + } + + .text-sm { + font-size: 0.875rem !important; + } + + .text-xs { + font-size: 0.75rem !important; + } + + .text-xxs { + font-size: 0.65rem !important; + } + + p { + line-height: 1.625; + font-weight: 300; + } + + .text-sans-serif { + font-family: "Roboto", Helvetica, Arial, sans-serif !important; + } + + .text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + } + + .text-justify { + text-align: justify !important; + } + + .text-wrap { + white-space: normal !important; + } + + .text-nowrap { + white-space: nowrap !important; + } + + .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .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: 600 !important; + } + + .font-weight-bolder { + font-weight: 700 !important; + } + + .font-italic { + font-style: italic !important; + } + + .text-gradient { + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + z-index: 1; + } + + .text-gradient.text-primary { + background-image: linear-gradient(195deg, #9CFF87, #1FD0E0); + } + + .text-gradient.text-info { + background-image: linear-gradient(195deg, #49a3f1, #1A73E8); + } + + .text-gradient.text-success { + background-image: linear-gradient(195deg, #66BB6A, #43A047); + } + + .text-gradient.text-warning { + background-image: linear-gradient(195deg, #FFA726, #FB8C00); + } + + .text-gradient.text-danger { + background-image: linear-gradient(195deg, #EF5350, #E53935); + } + + .text-gradient.text-dark { + background-image: linear-gradient(195deg, #42424a, #191919); + } + + .blockquote { + border-left: 3px solid #6c757d; + } + + .blockquote>span { + font-style: italic; + } + + .text-muted { + color: #7b809a !important; + } + + .text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; + } + + .text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; + } + + .text-decoration-none { + text-decoration: none !important; + } + + .text-break { + word-wrap: break-word !important; + } + + .text-reset { + color: inherit !important; + } + + .letter-wider { + letter-spacing: 0.05rem; + } + + .letter-normal { + letter-spacing: 0rem; + } + + .letter-tighter { + letter-spacing: -0.05rem; + } + + .text-lighter { + font-weight: lighter; + } + + .text-light { + font-weight: 300; + } + + .text-normal { + font-weight: 400; + } + + .text-bold { + font-weight: 600; + } + + .text-bolder { + font-weight: 700; + } + + .text-2xl { + font-size: 1.5rem; + } + + .text-3xl { + font-size: 1.875rem; + } + + .text-4xl { + font-size: 2rem; + } + + .text-5xl { + font-size: 2.25rem; + } + + .text-6xl { + font-size: 3rem; + } + + .text-7xl { + font-size: 3.75rem; + } + + .text-8xl { + font-size: 4rem; + } + + .text-9xl { + font-size: 5rem; + } + + .flatpickr-calendar { + background: transparent; + opacity: 0; + display: none; + text-align: center; + visibility: hidden; + padding: 0; + -webkit-animation: none; + animation: none; + direction: ltr; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 0.75rem; + position: absolute; + width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-touch-action: manipulation; + touch-action: manipulation; + background: #fff; + -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transform: scale(0.95) !important; + } + + .flatpickr-calendar.open, + .flatpickr-calendar.inline { + opacity: 1; + max-height: 640px; + visibility: visible; + transform: scale(1) !important; + } + + .flatpickr-calendar.open { + display: inline-block; + z-index: 99999; + } + + .flatpickr-calendar.animate.open { + -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + } + + .flatpickr-calendar.inline { + display: block; + position: relative; + top: 2px; + } + + .flatpickr-calendar.static { + position: absolute; + top: calc(100% + 2px); + } + + .flatpickr-calendar.static.open { + z-index: 999; + display: block; + } + + .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { + -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + } + + .flatpickr-calendar .hasWeeks .dayContainer, + .flatpickr-calendar .hasTime .dayContainer { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .flatpickr-calendar .hasWeeks .dayContainer { + border-left: 0; + } + + .flatpickr-calendar.hasTime .flatpickr-time { + height: 40px; + border-top: 1px solid #e6e6e6; + } + + .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; + } + + .flatpickr-calendar:before, + .flatpickr-calendar:after { + position: absolute; + display: block; + pointer-events: none; + border: solid transparent; + content: ''; + height: 0; + width: 0; + left: 22px; + } + + .flatpickr-calendar.rightMost:before, + .flatpickr-calendar.arrowRight:before, + .flatpickr-calendar.rightMost:after, + .flatpickr-calendar.arrowRight:after { + left: auto; + right: 22px; + } + + .flatpickr-calendar.arrowCenter:before, + .flatpickr-calendar.arrowCenter:after { + left: 50%; + right: 50%; + } + + .flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; + } + + .flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; + } + + .flatpickr-calendar.arrowTop:before, + .flatpickr-calendar.arrowTop:after { + bottom: 100%; + } + + .flatpickr-calendar.arrowTop:before { + border-bottom-color: #fff; + } + + .flatpickr-calendar.arrowTop:after { + border-bottom-color: #fff; + } + + .flatpickr-calendar.arrowBottom:before, + .flatpickr-calendar.arrowBottom:after { + top: 100%; + } + + .flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; + } + + .flatpickr-calendar.arrowBottom:after { + border-top-color: #fff; + } + + .flatpickr-calendar:focus { + outline: 0; + } + + .flatpickr-wrapper { + position: relative; + display: inline-block; + } + + .flatpickr-months { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + + .flatpickr-months .flatpickr-month { + background: transparent; + color: #344767; + fill: rgba(0, 0, 0, 0.8); + height: 34px; + line-height: 1; + text-align: center; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .flatpickr-months .flatpickr-prev-month, + .flatpickr-months .flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 0; + height: 34px; + padding: 10px; + z-index: 3; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); + } + + .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, + .flatpickr-months .flatpickr-next-month.flatpickr-disabled { + display: none; + } + + .flatpickr-months .flatpickr-prev-month i, + .flatpickr-months .flatpickr-next-month i { + position: relative; + } + + .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, + .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { + /* + /*rtl:begin:ignore*/ + /* + */ + left: 0; + /* + /*rtl:end:ignore*/ + /* + */ + } + + /* + /*rtl:begin:ignore*/ + /* + /*rtl:end:ignore*/ + .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, + .flatpickr-months .flatpickr-next-month.flatpickr-next-month { + /* + /*rtl:begin:ignore*/ + /* + */ + right: 0; + /* + /*rtl:end:ignore*/ + /* + */ + } + + /* + /*rtl:begin:ignore*/ + /* + /*rtl:end:ignore*/ + .flatpickr-months .flatpickr-prev-month:hover, + .flatpickr-months .flatpickr-next-month:hover { + color: #959ea9; + } + + .flatpickr-months .flatpickr-prev-month:hover svg, + .flatpickr-months .flatpickr-next-month:hover svg { + fill: #f64747; + } + + .flatpickr-months .flatpickr-prev-month svg, + .flatpickr-months .flatpickr-next-month svg { + width: 14px; + height: 14px; + } + + .flatpickr-months .flatpickr-prev-month svg path, + .flatpickr-months .flatpickr-next-month svg path { + -webkit-transition: fill 0.1s; + transition: fill 0.1s; + fill: inherit; + } + + .numInputWrapper { + position: relative; + height: auto; + } + + .numInputWrapper input, + .numInputWrapper span { + display: inline-block; + } + + .numInputWrapper input { + width: 100%; + } + + .numInputWrapper input::-ms-clear { + display: none; + } + + .numInputWrapper input::-webkit-outer-spin-button, + .numInputWrapper input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; + } + + .numInputWrapper span { + position: absolute; + right: 0; + width: 14px; + padding: 0 4px 0 2px; + height: 50%; + line-height: 50%; opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + cursor: pointer; + border: 1px solid rgba(57, 57, 57, 0.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .numInputWrapper span:hover { + background: rgba(0, 0, 0, 0.1); + } + + .numInputWrapper span:active { + background: rgba(0, 0, 0, 0.2); + } + + .numInputWrapper span:after { + display: block; + content: ""; + position: absolute; + } + + .numInputWrapper span.arrowUp { + top: 0; + border-bottom: 0; + } + + .numInputWrapper span.arrowUp:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(57, 57, 57, 0.6); + top: 26%; + } + + .numInputWrapper span.arrowDown { + top: 50%; + } + + .numInputWrapper span.arrowDown:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid rgba(57, 57, 57, 0.6); + top: 40%; + } + + .numInputWrapper span svg { + width: inherit; + height: auto; + } + + .numInputWrapper span svg path { + fill: rgba(0, 0, 0, 0.5); + } + + .numInputWrapper:hover { + background: rgba(0, 0, 0, 0.05); + } + + .numInputWrapper:hover span { + opacity: 1; + } + + .flatpickr-current-month { + font-size: 135%; + line-height: inherit; + font-weight: 300; + color: inherit; + position: absolute; + width: 75%; + left: 12.5%; + padding: 7.48px 0 0 0; + line-height: 1; + height: 34px; + display: inline-block; + text-align: center; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + } + + .flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 700; + color: inherit; + display: inline-block; + margin-left: 0.5ch; + padding: 0; + } + + .flatpickr-current-month span.cur-month:hover { + background: rgba(0, 0, 0, 0.05); + } + + .flatpickr-current-month .numInputWrapper { + width: 6ch; + width: 7ch\0; + display: inline-block; + } + + .flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: rgba(0, 0, 0, 0.9); + } + + .flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: rgba(0, 0, 0, 0.9); + } + + .flatpickr-current-month input.cur-year { + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + cursor: text; + padding: 0 0 0 0.5ch; + margin: 0; + display: inline-block; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: auto; + border: 0; + border-radius: 0; + vertical-align: initial; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + } + + .flatpickr-current-month input.cur-year:focus { + outline: 0; + } + + .flatpickr-current-month input.cur-year[disabled], + .flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(0, 0, 0, 0.5); + background: transparent; + pointer-events: none; + } + + .flatpickr-current-month .flatpickr-monthDropdown-months { + appearance: menulist; + background: transparent; + border: none; + border-radius: 0; + box-sizing: border-box; + color: inherit; + cursor: pointer; + font-size: inherit; + font-family: inherit; + font-weight: 300; + height: auto; + line-height: inherit; + margin: -1px 0 0 0; + outline: none; + padding: 0 0 0 0.5ch; + position: relative; + vertical-align: initial; + -webkit-box-sizing: border-box; + -webkit-appearance: menulist; + -moz-appearance: menulist; + width: auto; + } + + .flatpickr-current-month .flatpickr-monthDropdown-months:focus, + .flatpickr-current-month .flatpickr-monthDropdown-months:active { + outline: none; + } + + .flatpickr-current-month .flatpickr-monthDropdown-months:hover { + background: rgba(0, 0, 0, 0.05); + } + + .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { + background-color: transparent; + outline: none; + padding: 0; + } + + .flatpickr-weekdays { + background: transparent; + text-align: center; + overflow: hidden; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 28px; + } + + .flatpickr-weekdays .flatpickr-weekdaycontainer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + span.flatpickr-weekday { + cursor: default; + font-size: 90%; + background: transparent; + color: rgba(0, 0, 0, 0.54); + line-height: 1; + margin: 0; + text-align: center; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-weight: bolder; + } + + .dayContainer, + .flatpickr-weeks { + padding: 1px 0 0 0; + } + + .flatpickr-days { + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + width: 307.875px; + } + + .flatpickr-days:focus { + outline: 0; + } + + .dayContainer { + padding: 0; + outline: 0; + text-align: left; + width: 307.875px; + min-width: 307.875px; + max-width: 307.875px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -ms-flex-pack: justify; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + opacity: 1; + } + + .dayContainer+.dayContainer { + -webkit-box-shadow: -1px 0 0 #e6e6e6; + box-shadow: -1px 0 0 #e6e6e6; + } + + .flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #344767; + cursor: pointer; + font-weight: 400; + width: 14.2857143%; + -webkit-flex-basis: 14.2857143%; + -ms-flex-preferred-size: 14.2857143%; + flex-basis: 14.2857143%; + max-width: 39px; + height: 39px; + line-height: 39px; + margin: 0; + display: inline-block; + position: relative; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + + .flatpickr-day.inRange, + .flatpickr-day.prevMonthDay.inRange, + .flatpickr-day.nextMonthDay.inRange, + .flatpickr-day.today.inRange, + .flatpickr-day.prevMonthDay.today.inRange, + .flatpickr-day.nextMonthDay.today.inRange, + .flatpickr-day:hover, + .flatpickr-day.prevMonthDay:hover, + .flatpickr-day.nextMonthDay:hover, + .flatpickr-day:focus, + .flatpickr-day.prevMonthDay:focus, + .flatpickr-day.nextMonthDay:focus { + cursor: pointer; + outline: 0; + background: #e6e6e6; + border-color: #e6e6e6; + } + + .flatpickr-day.today { + border-color: #959ea9; + } + + .flatpickr-day.today:hover, + .flatpickr-day.today:focus { + border-color: #959ea9; + background: #959ea9; + color: #fff; + } + + .flatpickr-day.selected, + .flatpickr-day.startRange, + .flatpickr-day.endRange, + .flatpickr-day.selected.inRange, + .flatpickr-day.startRange.inRange, + .flatpickr-day.endRange.inRange, + .flatpickr-day.selected:focus, + .flatpickr-day.startRange:focus, + .flatpickr-day.endRange:focus, + .flatpickr-day.selected:hover, + .flatpickr-day.startRange:hover, + .flatpickr-day.endRange:hover, + .flatpickr-day.selected.prevMonthDay, + .flatpickr-day.startRange.prevMonthDay, + .flatpickr-day.endRange.prevMonthDay, + .flatpickr-day.selected.nextMonthDay, + .flatpickr-day.startRange.nextMonthDay, + .flatpickr-day.endRange.nextMonthDay { + background: #569ff7; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + border-color: #569ff7; + } + + .flatpickr-day.selected.startRange, + .flatpickr-day.startRange.startRange, + .flatpickr-day.endRange.startRange { + border-radius: 50px 0 0 50px; + } + + .flatpickr-day.selected.endRange, + .flatpickr-day.startRange.endRange, + .flatpickr-day.endRange.endRange { + border-radius: 0 50px 50px 0; + } + + .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), + .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), + .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { + -webkit-box-shadow: -10px 0 0 #569ff7; + box-shadow: -10px 0 0 #569ff7; + } + + .flatpickr-day.selected.startRange.endRange, + .flatpickr-day.startRange.startRange.endRange, + .flatpickr-day.endRange.startRange.endRange { + border-radius: 50px; + } + + .flatpickr-day.inRange { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; + } + + .flatpickr-day.flatpickr-disabled, + .flatpickr-day.flatpickr-disabled:hover, + .flatpickr-day.prevMonthDay, + .flatpickr-day.nextMonthDay, + .flatpickr-day.notAllowed, + .flatpickr-day.notAllowed.prevMonthDay, + .flatpickr-day.notAllowed.nextMonthDay { + color: rgba(57, 57, 57, 0.3); + background: transparent; + border-color: transparent; + cursor: default; + } + + .flatpickr-day.flatpickr-disabled, + .flatpickr-day.flatpickr-disabled:hover { + cursor: not-allowed; + color: rgba(57, 57, 57, 0.1); + } + + .flatpickr-day.week.selected { + border-radius: 0; + -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; + box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; + } + + .flatpickr-day.hidden { + visibility: hidden; + } + + .rangeMode .flatpickr-day { + margin-top: 1px; + } + + .flatpickr-weekwrapper { + float: left; + } + + .flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + -webkit-box-shadow: 1px 0 0 #e6e6e6; + box-shadow: 1px 0 0 #e6e6e6; + } + + .flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; + line-height: 28px; + } + + .flatpickr-weekwrapper span.flatpickr-day, + .flatpickr-weekwrapper span.flatpickr-day:hover { + display: block; + width: 100%; + max-width: none; + color: rgba(57, 57, 57, 0.3); + background: transparent; + cursor: default; + border: none; + } + + .flatpickr-innerContainer { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + } + + .flatpickr-rContainer { + display: inline-block; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .flatpickr-time { + text-align: center; + outline: 0; + display: block; + height: 0; + line-height: 40px; + max-height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + + .flatpickr-time:after { + content: ""; + display: table; + clear: both; + } + + .flatpickr-time .numInputWrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 40%; + height: 40px; + float: left; + } + + .flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #393939; + } + + .flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #393939; + } + + .flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; + } + + .flatpickr-time.time24hr .numInputWrapper { + width: 49%; + } + + .flatpickr-time input { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + color: #393939; + font-size: 14px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + } + + .flatpickr-time input.flatpickr-hour { + font-weight: bold; + } + + .flatpickr-time input.flatpickr-minute, + .flatpickr-time input.flatpickr-second { + font-weight: 400; + } + + .flatpickr-time input:focus { + outline: 0; + border: 0; + } + + .flatpickr-time .flatpickr-time-separator, + .flatpickr-time .flatpickr-am-pm { + height: inherit; + float: left; + line-height: inherit; + color: #393939; + font-weight: bold; + width: 2%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + } + + .flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; + } + + .flatpickr-time input:hover, + .flatpickr-time .flatpickr-am-pm:hover, + .flatpickr-time input:focus, + .flatpickr-time .flatpickr-am-pm:focus { + background: #eee; + } + + .flatpickr-input[readonly] { + cursor: pointer; + } + + @-webkit-keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + + @keyframes fpFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + + .datepicker.flatpickr-input { + background-color: #fff; + } + + .flatpickr-calendar.open { + margin-left: 0px; + margin-top: 4px; + } + + .flatpickr-calendar.arrowBottom { + margin-top: -20px; + } + + .flatpickr-calendar .flatpickr-innerContainer { + margin-top: 15px !important; + } + + .flatpickr-calendar .numInputWrapper span { + border: none; + border-bottom: 1px solid rgba(57, 57, 57, 0.15); + } + + .flatpickr-calendar .numInputWrapper:hover .arrowUp, + .flatpickr-calendar .numInputWrapper:hover .arrowDown { + margin-top: 3px; + } + + .flatpickr-calendar .flatpickr-day.today, + .flatpickr-calendar .flatpickr-day.selected, + .flatpickr-calendar .flatpickr-day.startRange, + .flatpickr-calendar .flatpickr-day.endRange { + background: #e91e63 !important; + color: #fff; + border: none; + } + + .flatpickr-calendar .flatpickr-day.inRange { + background: rgba(94, 114, 228, 0.28); + border: none; + -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; + box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; + } + + .flatpickr-calendar .flatpickr-day:not(.selected):hover, + .flatpickr-calendar .flatpickr-day:not(.selected):focus { + background: rgba(94, 114, 228, 0.28); + border: none; + } + + .flatpickr-calendar .flatpickr-time input:hover, + .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, + .flatpickr-calendar .flatpickr-time input:focus, + .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { + background: rgba(94, 114, 228, 0.28); + } + + .flatpickr.form-control { + background: #fff; + } + + .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), + .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), + .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) { + box-shadow: -10px 0 0 #e91e63; + } + + /*! nouislider - 14.6.3 - 11/19/2020 */ + /* Functional styling; + * These styles are required for noUiSlider to function. + * You don't need to change these rules to apply your design. + */ + .noUi-target, + .noUi-target * { + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .noUi-target { + position: relative; + } + + .noUi-base, + .noUi-connects { + width: 100%; + height: 2px; + position: relative; + z-index: 1; + top: 0; + } + + /* Wrapper for all connect elements. + */ + .noUi-connects { + z-index: 0; + overflow: hidden; + } + + .noUi-connect, + .noUi-origin { + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + right: 0; + -ms-transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -webkit-transform-style: preserve-3d; + transform-origin: 0 0; + transform-style: flat; + } + + .noUi-connect { + height: 100%; + width: 100%; + border-radius: 0.25rem; + } + + .noUi-origin { + height: 10%; + width: 10%; + } + + /* Offset direction + */ + .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { + left: 0; + right: auto; + } + + /* Give origins 0 height/width so they don't interfere with clicking the + * connect elements. + */ + .noUi-vertical .noUi-origin { + width: 0; + } + + .noUi-horizontal .noUi-origin { + height: 0; + } + + .noUi-handle { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + } + + .noUi-touch-area { + height: 100%; + width: 100%; + } + + .noUi-state-tap .noUi-connect, + .noUi-state-tap .noUi-origin { + -webkit-transition: transform 0.3s; + transition: transform 0.3s; + } + + .noUi-state-drag * { + cursor: inherit !important; + } + + /* Slider size and handle placement; + */ + .noUi-horizontal { + height: 2px; + } + + .noUi-horizontal .noUi-handle { + border-radius: 50%; + background-color: #fff; + box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); + height: 14px; + width: 14px; + cursor: pointer; + margin-top: -6px; + outline: none; + right: -10px; + } + + .noUi-vertical { + width: 3px; + } + + .noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + right: -6px; + top: -17px; + } + + .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { + left: -17px; + right: auto; + } + + /* Styling; + * Giving the connect element a border radius causes issues with using transform: scale + */ + .noUi-target { + background: #f0f2f5; + border-radius: .25rem; + } + + .noUi-connects { + border-radius: 3px; + } + + .noUi-connect { + background: #e91e63; + } + + /* Handles and cursors; + */ + .noUi-draggable { + cursor: ew-resize; + } + + .noUi-vertical .noUi-draggable { + cursor: ns-resize; + } + + .noUi-handle { + border: 1px solid #e91e63; + border-radius: 3px; + background: #fff; + cursor: default; + box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; + webkit-transition: .3s ease 0s; + -moz-transition: .3s ease 0s; + -ms-transition: .3s ease 0s; + -o-transform: .3s ease 0s; + transition: .3s ease 0s; + } + + .noUi-active { + box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; + transform: scale3d(1.5, 1.5, 1); + } + + /* Disabled state; + */ + [disabled] .noUi-connect { + background: #B8B8B8; + } + + [disabled].noUi-target, + [disabled].noUi-handle, + [disabled] .noUi-handle { + cursor: not-allowed; + } + + /* Base; + * + */ + .noUi-pips, + .noUi-pips * { + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .noUi-pips { + position: absolute; + color: #999; + } + + /* Values; + * + */ + .noUi-value { + position: absolute; + white-space: nowrap; + text-align: center; + } + + .noUi-value-sub { + color: #ccc; + font-size: 10px; + } + + /* Markings; + * + */ + .noUi-marker { + position: absolute; + background: #CCC; + } + + .noUi-marker-sub { + background: #AAA; + } + + .noUi-marker-large { + background: #AAA; + } + + /* Horizontal layout; + * + */ + .noUi-pips-horizontal { + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; + } + + .noUi-value-horizontal { + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); + } + + .noUi-rtl .noUi-value-horizontal { + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); + } + + .noUi-marker-horizontal.noUi-marker { + margin-left: -1px; + width: 2px; + height: 5px; + } + + .noUi-marker-horizontal.noUi-marker-sub { + height: 10px; + } + + .noUi-marker-horizontal.noUi-marker-large { + height: 15px; + } + + /* Vertical layout; + * + */ + .noUi-pips-vertical { + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; + } + + .noUi-value-vertical { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding-left: 25px; + } + + .noUi-rtl .noUi-value-vertical { + -webkit-transform: translate(0, 50%); + transform: translate(0, 50%); + } + + .noUi-marker-vertical.noUi-marker { + width: 5px; + height: 2px; + margin-top: -1px; + } + + .noUi-marker-vertical.noUi-marker-sub { + width: 10px; + } + + .noUi-marker-vertical.noUi-marker-large { + width: 15px; + } + + .noUi-tooltip { + display: block; + position: absolute; + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #fff; + color: #000; + padding: 5px; + text-align: center; + white-space: nowrap; + } + + .noUi-horizontal .noUi-tooltip { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; + } + + .noUi-vertical .noUi-tooltip { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + top: 50%; + right: 120%; + } + + .noUi-horizontal .noUi-origin>.noUi-tooltip { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + left: auto; + bottom: 10px; + } + + .noUi-vertical .noUi-origin>.noUi-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + right: 28px; + } + + /* PrismJS 1.23.0 + https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ + /** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ + code[class*="language-"], + pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + } + + pre[class*="language-"]::-moz-selection, + pre[class*="language-"] ::-moz-selection, + code[class*="language-"]::-moz-selection, + code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; + } + + pre[class*="language-"]::selection, + pre[class*="language-"] ::selection, + code[class*="language-"]::selection, + code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; + } + + @media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } + } + + /* Code blocks */ + pre[class*="language-"] { + padding: 1em; + overflow: auto; + border-radius: .75rem; } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + + :not(pre)>code[class*="language-"], + pre[class*="language-"] { + background: #f8f9fa; + } + + /* Inline code */ + :not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; + } + + .token.comment, + .token.prolog, + .token.doctype, + .token.cdata { + color: slategray; + } + + .token.punctuation { + color: #999; + } + + .token.namespace { + opacity: .7; + } + + .token.property, + .token.tag, + .token.boolean, + .token.number, + .token.constant, + .token.symbol, + .token.deleted { + color: #905; + } + + .token.selector, + .token.attr-name, + .token.string, + .token.char, + .token.builtin, + .token.inserted { + color: #690; + } + + .token.operator, + .token.entity, + .token.url, + .language-css .token.string, + .style .token.string { + color: #9a6e3a; + /* This background color was intended by the author of this theme. */ + background: rgba(255, 255, 255, 0.5); + } + + .token.atrule, + .token.attr-value, + .token.keyword { + color: #07a; + } + + .token.function, + .token.class-name { + color: #DD4A68; + } + + .token.regex, + .token.important, + .token.variable { + color: #e90; + } + + .token.important, + .token.bold { + font-weight: bold; + } + + .token.italic { + font-style: italic; + } + + .token.entity { + cursor: help; + } + + /* + * Container style + */ + .ps { + overflow: hidden !important; + overflow-anchor: none; + -ms-overflow-style: none; + touch-action: auto; + -ms-touch-action: auto; } -} - -@keyframes fpFadeInDown { - from { + + /* + * Scrollbar rail styles + */ + .ps__rail-x { + display: none; opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + height: 15px; + /* there must be 'bottom' or 'top' for ps__rail-x */ + bottom: 0px; + /* please don't change 'position' */ + position: absolute; } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + + .ps__rail-y { + display: none; + opacity: 0; + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + width: 15px; + /* there must be 'right' or 'left' for ps__rail-y */ + right: 0; + /* please don't change 'position' */ + position: absolute; } -} - -.datepicker.flatpickr-input { - background-color: #fff; -} - -.flatpickr-calendar.open { - margin-left: 0px; - margin-top: 4px; -} - -.flatpickr-calendar.arrowBottom { - margin-top: -20px; -} - -.flatpickr-calendar .flatpickr-innerContainer { - margin-top: 15px !important; -} - -.flatpickr-calendar .numInputWrapper span { - border: none; - border-bottom: 1px solid rgba(57, 57, 57, 0.15); -} - -.flatpickr-calendar .numInputWrapper:hover .arrowUp, -.flatpickr-calendar .numInputWrapper:hover .arrowDown { - margin-top: 3px; -} - -.flatpickr-calendar .flatpickr-day.today, -.flatpickr-calendar .flatpickr-day.selected, -.flatpickr-calendar .flatpickr-day.startRange, -.flatpickr-calendar .flatpickr-day.endRange { - background: #e91e63 !important; - color: #fff; - border: none; -} - -.flatpickr-calendar .flatpickr-day.inRange { - background: rgba(94, 114, 228, 0.28); - border: none; - -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; - box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; -} - -.flatpickr-calendar .flatpickr-day:not(.selected):hover, -.flatpickr-calendar .flatpickr-day:not(.selected):focus { - background: rgba(94, 114, 228, 0.28); - border: none; -} - -.flatpickr-calendar .flatpickr-time input:hover, -.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, -.flatpickr-calendar .flatpickr-time input:focus, -.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { - background: rgba(94, 114, 228, 0.28); -} - -.flatpickr.form-control { - background: #fff; -} - -.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) { - box-shadow: -10px 0 0 #e91e63; -} - -/*! nouislider - 14.6.3 - 11/19/2020 */ -/* Functional styling; - * These styles are required for noUiSlider to function. - * You don't need to change these rules to apply your design. - */ -.noUi-target, -.noUi-target * { - -webkit-touch-callout: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -ms-touch-action: none; - touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.noUi-target { - position: relative; -} - -.noUi-base, -.noUi-connects { - width: 100%; - height: 2px; - position: relative; - z-index: 1; - top: 0; -} - -/* Wrapper for all connect elements. - */ -.noUi-connects { - z-index: 0; - overflow: hidden; -} - -.noUi-connect, -.noUi-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - right: 0; - -ms-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - -webkit-transform-style: preserve-3d; - transform-origin: 0 0; - transform-style: flat; -} - -.noUi-connect { - height: 100%; - width: 100%; - border-radius: 0.25rem; -} - -.noUi-origin { - height: 10%; - width: 10%; -} - -/* Offset direction - */ -.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { - left: 0; - right: auto; -} - -/* Give origins 0 height/width so they don't interfere with clicking the - * connect elements. - */ -.noUi-vertical .noUi-origin { - width: 0; -} - -.noUi-horizontal .noUi-origin { - height: 0; -} - -.noUi-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; -} - -.noUi-touch-area { - height: 100%; - width: 100%; -} - -.noUi-state-tap .noUi-connect, -.noUi-state-tap .noUi-origin { - -webkit-transition: transform 0.3s; - transition: transform 0.3s; -} - -.noUi-state-drag * { - cursor: inherit !important; -} - -/* Slider size and handle placement; - */ -.noUi-horizontal { - height: 2px; -} - -.noUi-horizontal .noUi-handle { - border-radius: 50%; - background-color: #fff; - box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); - height: 14px; - width: 14px; - cursor: pointer; - margin-top: -6px; - outline: none; - right: -10px; -} - -.noUi-vertical { - width: 3px; -} - -.noUi-vertical .noUi-handle { - width: 28px; - height: 34px; - right: -6px; - top: -17px; -} - -.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { - left: -17px; - right: auto; -} - -/* Styling; - * Giving the connect element a border radius causes issues with using transform: scale - */ -.noUi-target { - background: #f0f2f5; - border-radius: .25rem; -} - -.noUi-connects { - border-radius: 3px; -} - -.noUi-connect { - background: #e91e63; -} - -/* Handles and cursors; - */ -.noUi-draggable { - cursor: ew-resize; -} - -.noUi-vertical .noUi-draggable { - cursor: ns-resize; -} - -.noUi-handle { - border: 1px solid #e91e63; - border-radius: 3px; - background: #fff; - cursor: default; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; - webkit-transition: .3s ease 0s; - -moz-transition: .3s ease 0s; - -ms-transition: .3s ease 0s; - -o-transform: .3s ease 0s; - transition: .3s ease 0s; -} - -.noUi-active { - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; - transform: scale3d(1.5, 1.5, 1); -} - -/* Disabled state; - */ -[disabled] .noUi-connect { - background: #B8B8B8; -} - -[disabled].noUi-target, -[disabled].noUi-handle, -[disabled] .noUi-handle { - cursor: not-allowed; -} - -/* Base; - * - */ -.noUi-pips, -.noUi-pips * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.noUi-pips { - position: absolute; - color: #999; -} - -/* Values; - * - */ -.noUi-value { - position: absolute; - white-space: nowrap; - text-align: center; -} - -.noUi-value-sub { - color: #ccc; - font-size: 10px; -} - -/* Markings; - * - */ -.noUi-marker { - position: absolute; - background: #CCC; -} - -.noUi-marker-sub { - background: #AAA; -} - -.noUi-marker-large { - background: #AAA; -} - -/* Horizontal layout; - * - */ -.noUi-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; -} - -.noUi-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} - -.noUi-rtl .noUi-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} - -.noUi-marker-horizontal.noUi-marker { - margin-left: -1px; - width: 2px; - height: 5px; -} - -.noUi-marker-horizontal.noUi-marker-sub { - height: 10px; -} - -.noUi-marker-horizontal.noUi-marker-large { - height: 15px; -} - -/* Vertical layout; - * - */ -.noUi-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; -} - -.noUi-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; -} - -.noUi-rtl .noUi-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); -} - -.noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px; -} - -.noUi-marker-vertical.noUi-marker-sub { - width: 10px; -} - -.noUi-marker-vertical.noUi-marker-large { - width: 15px; -} - -.noUi-tooltip { - display: block; - position: absolute; - border: 1px solid #D9D9D9; - border-radius: 3px; - background: #fff; - color: #000; - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; -} - -.noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} - -.noUi-horizontal .noUi-origin>.noUi-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.noUi-vertical .noUi-origin>.noUi-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; -} - -/* PrismJS 1.23.0 -https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ -/** - * prism.js default theme for JavaScript, CSS and HTML - * Based on dabblet (http://dabblet.com) - * @author Lea Verou - */ -code[class*="language-"], -pre[class*="language-"] { - color: black; - background: none; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 1em; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -pre[class*="language-"]::-moz-selection, -pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, -code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; -} - -pre[class*="language-"]::selection, -pre[class*="language-"] ::selection, -code[class*="language-"]::selection, -code[class*="language-"] ::selection { - text-shadow: none; - background: #b3d4fc; -} - -@media print { - - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; + + .ps--active-x>.ps__rail-x, + .ps--active-y>.ps__rail-y { + display: block; + background-color: transparent; } -} - -/* Code blocks */ -pre[class*="language-"] { - padding: 1em; - overflow: auto; - border-radius: .75rem; -} - -:not(pre)>code[class*="language-"], -pre[class*="language-"] { - background: #f8f9fa; -} - -/* Inline code */ -:not(pre)>code[class*="language-"] { - padding: .1em; - border-radius: .3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: slategray; -} - -.token.punctuation { - color: #999; -} - -.token.namespace { - opacity: .7; -} - -.token.property, -.token.tag, -.token.boolean, -.token.number, -.token.constant, -.token.symbol, -.token.deleted { - color: #905; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: #690; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string { - color: #9a6e3a; - /* This background color was intended by the author of this theme. */ - background: rgba(255, 255, 255, 0.5); -} - -.token.atrule, -.token.attr-value, -.token.keyword { - color: #07a; -} - -.token.function, -.token.class-name { - color: #DD4A68; -} - -.token.regex, -.token.important, -.token.variable { - color: #e90; -} - -.token.important, -.token.bold { - font-weight: bold; -} - -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} - -/* - * Container style - */ -.ps { - overflow: hidden !important; - overflow-anchor: none; - -ms-overflow-style: none; - touch-action: auto; - -ms-touch-action: auto; -} - -/* - * Scrollbar rail styles - */ -.ps__rail-x { - display: none; - opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; - height: 15px; - /* there must be 'bottom' or 'top' for ps__rail-x */ - bottom: 0px; - /* please don't change 'position' */ - position: absolute; -} - -.ps__rail-y { - display: none; - opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; - width: 15px; - /* there must be 'right' or 'left' for ps__rail-y */ - right: 0; - /* please don't change 'position' */ - position: absolute; -} - -.ps--active-x>.ps__rail-x, -.ps--active-y>.ps__rail-y { - display: block; - background-color: transparent; -} - -.ps:hover>.ps__rail-x, -.ps:hover>.ps__rail-y, -.ps--focus>.ps__rail-x, -.ps--focus>.ps__rail-y, -.ps--scrolling-x>.ps__rail-x, -.ps--scrolling-y>.ps__rail-y { - opacity: 0.6; -} - -.ps .ps__rail-x:hover, -.ps .ps__rail-y:hover, -.ps .ps__rail-x:focus, -.ps .ps__rail-y:focus, -.ps .ps__rail-x.ps--clicking, -.ps .ps__rail-y.ps--clicking { - background-color: #eee; - opacity: 0.9; -} - -/* - * Scrollbar thumb styles - */ -.ps__thumb-x { - background-color: #aaa; - border-radius: 6px; - transition: background-color .2s linear, height .2s ease-in-out; - -webkit-transition: background-color .2s linear, height .2s ease-in-out; - height: 6px; - /* there must be 'bottom' for ps__thumb-x */ - bottom: 2px; - /* please don't change 'position' */ - position: absolute; -} - -.ps__thumb-y { - background-color: #aaa; - border-radius: 6px; - transition: background-color .2s linear, width .2s ease-in-out; - -webkit-transition: background-color .2s linear, width .2s ease-in-out; - width: 6px; - /* there must be 'right' for ps__thumb-y */ - right: 2px; - /* please don't change 'position' */ - position: absolute; -} - -.ps__rail-x:hover>.ps__thumb-x, -.ps__rail-x:focus>.ps__thumb-x, -.ps__rail-x.ps--clicking .ps__thumb-x { - background-color: #999; - height: 11px; -} - -.ps__rail-y:hover>.ps__thumb-y, -.ps__rail-y:focus>.ps__thumb-y, -.ps__rail-y.ps--clicking .ps__thumb-y { - background-color: #999; - width: 11px; -} - -/* MS supports */ -@supports (-ms-overflow-style: none) { - .ps { - overflow: auto !important; + + .ps:hover>.ps__rail-x, + .ps:hover>.ps__rail-y, + .ps--focus>.ps__rail-x, + .ps--focus>.ps__rail-y, + .ps--scrolling-x>.ps__rail-x, + .ps--scrolling-y>.ps__rail-y { + opacity: 0.6; + } + + .ps .ps__rail-x:hover, + .ps .ps__rail-y:hover, + .ps .ps__rail-x:focus, + .ps .ps__rail-y:focus, + .ps .ps__rail-x.ps--clicking, + .ps .ps__rail-y.ps--clicking { + background-color: #eee; + opacity: 0.9; + } + + /* + * Scrollbar thumb styles + */ + .ps__thumb-x { + background-color: #aaa; + border-radius: 6px; + transition: background-color .2s linear, height .2s ease-in-out; + -webkit-transition: background-color .2s linear, height .2s ease-in-out; + height: 6px; + /* there must be 'bottom' for ps__thumb-x */ + bottom: 2px; + /* please don't change 'position' */ + position: absolute; } -} - -@media screen and (-ms-high-contrast: active), -(-ms-high-contrast: none) { - .ps { - overflow: auto !important; + + .ps__thumb-y { + background-color: #aaa; + border-radius: 6px; + transition: background-color .2s linear, width .2s ease-in-out; + -webkit-transition: background-color .2s linear, width .2s ease-in-out; + width: 6px; + /* there must be 'right' for ps__thumb-y */ + right: 2px; + /* please don't change 'position' */ + position: absolute; + } + + .ps__rail-x:hover>.ps__thumb-x, + .ps__rail-x:focus>.ps__thumb-x, + .ps__rail-x.ps--clicking .ps__thumb-x { + background-color: #999; + height: 11px; + } + + .ps__rail-y:hover>.ps__thumb-y, + .ps__rail-y:focus>.ps__thumb-y, + .ps__rail-y.ps--clicking .ps__thumb-y { + background-color: #999; + width: 11px; + } + + /* MS supports */ + @supports (-ms-overflow-style: none) { + .ps { + overflow: auto !important; + } + } + + @media screen and (-ms-high-contrast: active), + (-ms-high-contrast: none) { + .ps { + overflow: auto !important; + } } -} - - -.mobile-nav { - background: #F1F1F1; - height: 65px; - display: flex; - justify-content: space-around; - border-radius: 0.75rem; -} - -.bloc-icon { - display: flex; - justify-content: center; - align-items: center; -} - -.bloc-icon img { - width: 30px; -} -@media screen and (min-width: 600px) { .mobile-nav { - display: none; + background: #F1F1F1; + height: 65px; + display: flex; + justify-content: space-around; + border-radius: 0.75rem; + } + + .bloc-icon { + display: flex; + justify-content: center; + align-items: center; + } + + .bloc-icon img { + width: 30px; + } + + @media screen and (min-width: 600px) { + .mobile-nav { + display: none; + } } -} .autohide { position: fixed; diff --git a/app/static/assets/css/material-dashboard.css.map b/app/static/assets/css/material-dashboard.css.map index 297b041..47de91d 100644 --- a/app/static/assets/css/material-dashboard.css.map +++ b/app/static/assets/css/material-dashboard.css.map @@ -34,10 +34,13 @@ "../scss//_utilities.scss", "../scss/bootstrap/_functions.scss", "../scss/bootstrap/_variables.scss", + "../scss/bootstrap/_maps.scss", "../scss/bootstrap/_utilities.scss", "../scss/bootstrap/bootstrap.scss", + "../scss/bootstrap/mixins/_banner.scss", "../scss/bootstrap/_functions.scss", "../scss/bootstrap/_variables.scss", + "../scss/bootstrap/_maps.scss", "../scss/bootstrap/_mixins.scss", "../scss/bootstrap/vendor/_rfs.scss", "../scss/bootstrap/mixins/_deprecate.scss", @@ -108,6 +111,7 @@ "../scss/bootstrap/_placeholders.scss", "../scss/bootstrap/_helpers.scss", "../scss/bootstrap/helpers/_clearfix.scss", + "../scss/bootstrap/helpers/_color-bg.scss", "../scss/bootstrap/helpers/_colored-links.scss", "../scss/bootstrap/helpers/_ratio.scss", "../scss/bootstrap/helpers/_position.scss", @@ -175,10 +179,10 @@ "../scss/custom/_styles.scss" ], "sourcesContent": [ - "// =========================================================\n// * Material Dashboard - v3.0.2\n// =========================================================\n//\n// * Product Page: https://www.creative-tim.com/product/material-dashboard\n// * Copyright 2022 Creative Tim (https://www.creative-tim.com)\n//\n// Coded by www.creative-tim.com\n//\n// =========================================================\n//\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"/theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", + "// =========================================================\n// * Material Dashboard 2 - v3.1.0\n// =========================================================\n\n// * Product Page: https://www.creative-tim.com/product/material-dashboard\n// * Copyright 2023 Creative Tim (https://www.creative-tim.com)\n\n// Coded by www.creative-tim.com\n\n// =========================================================\n\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"/theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", "", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// $soft-background-color: #fbfbfb !default;\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #7b809a !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #f0f2f5 !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$rose: #e91e63 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #e91e63 !default;\n$secondary: #7b809a !default;\n$info: #1A73E8 !default;\n$success: #4CAF50 !default;\n$warning: #fb8c00 !default;\n$danger: #F44335 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #EC407A !default;\n$primary-gradient-state: #D81B60 !default;\n\n$secondary-gradient: #747b8a !default;\n$secondary-gradient-state: #495361 !default;\n\n$info-gradient: #49a3f1 !default;\n$info-gradient-state: #1A73E8 !default;\n\n$success-gradient: #66BB6A !default;\n$success-gradient-state: #43A047 !default;\n\n$danger-gradient: #EF5350 !default;\n$danger-gradient-state: #E53935 !default;\n\n$warning-gradient: #FFA726 !default;\n$warning-gradient-state: #FB8C00 !default;\n\n$dark-gradient: #42424a !default;\n$dark-gradient-state: #191919 !default;\n\n$light-gradient: #EBEFF4 !default;\n$light-gradient-state: #CED4DA !default;\n\n$dark-gradient-dark: #323a54 !default;\n$dark-gradient-state-dark: #1a2035 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n 6: $spacer * 4,\n 7: $spacer * 6,\n 8: $spacer * 8,\n 9: $spacer * 10,\n 10: $spacer * 12,\n 11: $spacer * 14,\n 12: $spacer * 16,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 1: 1%,\n 2: 2%,\n 3: 3%,\n 4: 4%,\n 5: 5%,\n 6: 6%,\n 7: 7%,\n 8: 8%,\n 9: 9%,\n 10: 10%,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: $link-color !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .1rem !default;\n$border-radius-sm: .125rem !default;\n$border-radius-md: .375rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: .75rem !default;\n$border-radius-2xl: 1rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) !default;\n$box-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n// colored Shadows\n\n$box-shadow-primary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n$box-shadow-secondary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(210, 210, 210, .4) !default;\n$box-shadow-info: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4) !default;\n$box-shadow-warning: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4) !default;\n$box-shadow-success: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4) !default;\n$box-shadow-danger: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4) !default;\n$box-shadow-dark: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !default;\n$box-shadow-light: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-material: all .3s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-roboto-slab: 'Roboto Slab', sans-serif !default;\n\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n$font-size-2xl: $font-size-base * 1.5 !default;\n$font-size-3xl: $font-size-base * 1.875 !default;\n$font-size-4xl: $font-size-base * 2 !default;\n$font-size-5xl: $font-size-base * 2.25 !default;\n$font-size-6xl: $font-size-base * 3 !default;\n$font-size-7xl: $font-size-base * 3.75 !default;\n$font-size-8xl: $font-size-base * 4 !default;\n$font-size-9xl: $font-size-base * 5 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer * 0.5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: #344767 !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(195deg, $primary-gradient, $primary-gradient-state) !default;\n$text-gradient-bg-info: linear-gradient(195deg, $info-gradient, $info-gradient-state) !default;\n$text-gradient-bg-success: linear-gradient(195deg, $success-gradient, $success-gradient-state) !default;\n$text-gradient-bg-warning: linear-gradient(195deg, $warning-gradient, $warning-gradient-state) !default;\n$text-gradient-bg-danger: linear-gradient(195deg, $danger-gradient, $danger-gradient-state) !default;\n$text-gradient-bg-dark: linear-gradient(195deg, $dark-gradient, $dark-gradient-state) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.7 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .625rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: 1.667 !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: 0 !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .375rem !default;\n$btn-padding-x-sm: 1rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .75rem !default;\n$btn-padding-x-lg: 1.75rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: none !default;\n$btn-active-hover-transform: none !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n$shadow-umbra-opacity: 0.2 !default;\n$shadow-penumbra-opacity: 0.14 !default;\n$shadow-ambient-opacity: 0.12 !default;\n$shadow-focus: 0 0 8px rgba($black, .18),\n 0 8px 16px rgba($black, .36);\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 0px !default;\n\n$btn-material-icon-margin: -1px !default;\n$btn-material-icon-font-size: 1.1rem !default;\n$btn-material-icon-display: inline-block !default;\n$btn-material-icon-top: 0 !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: $white !default;\n$btn-secondary-font-color: $white !default;\n$btn-danger-font-color: $white !default;\n$btn-info-font-color: $white !default;\n$btn-success-font-color: $white !default;\n$btn-warning-font-color: $white !default;\n$btn-dark-font-color: $white !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .875rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 400 !default;\n$form-label-color: $font-color !default;\n$form-label-position: absolute !default;\n$form-label-top: .6125rem!default;\n$form-label-transition: 0.2s ease all !default;\n\n$form-label-top-focused: -.7rem!default;\n$form-label-top-outline-focused: -.8rem!default;\n$form-label-top-focused-filled: -1rem!default;\n$form-label-font-size-focused: .6875rem !default;\n\n$form-control-outline-padding: .625rem .75rem !default;\n$form-label-outline-ms: .75rem !default;\n$form-label-outline-focused-ms: .5rem !default;\n$form-label-outline-focused-padding: 0 .188rem !default;\n$form-label-outline-focused-z-index: 5 !default;\n$form-label-outline-line-height: 3.925 !default;\n$form-label-outline-top: .375rem !default;\n$form-label-outline-after-height: .5rem !default;\n$form-label-outline-after-width: .625rem !default;\n$form-label-outline-after-border-width: 1px 0 0 !default;\n\n\n\n$input-padding-y: .5rem !default;\n$input-padding-x: 0 !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.5rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: transparent !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: transparent !default;\n$input-focus-border-color: transparent !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: none !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: .2s ease !default;\n\n$input-background: no-repeat bottom,50% calc(100% - 1px);\n$input-background-size: 0 100%,100% 100%;\n$input-background-size-focus: 100% 100%,100% 100%;\n$input-background-image: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-valid: linear-gradient(0deg,$success 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-invalid: linear-gradient(0deg,$danger 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-disabled: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,$gray-200 1px,hsla(0,0%,82%,0) 0);\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: auto !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(195deg, $primary-gradient 0%, $primary-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .8375rem !default;\n$form-check-radio-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 12px rgba(53, 71, 102, .1) !default;\n$form-check-radio-transition: .05s ease;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-color: rgba(0, 0, 0, 1) !default;\n$form-switch-bg-color: $gray-400 !default;\n$form-switch-height: 0.9375rem !default;\n$form-switch-width: $form-switch-height*2 !default;\n$form-switch-check-after-width: 1.25rem !default;\n$form-switch-check-after-transition: .1s ease !default;\n$form-switch-check-after-border-color: $gray-400 !default;\n$form-switch-check-active-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(0, 0, 0, .1) !default;\n$form-switch-check-active-checked-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(53, 71, 102, .1) !default;\n\n$form-switch-check-top: -2.5px !default;\n$form-switch-check-left: -5px !default;\n$form-switch-padding-start: $form-switch-width + .5rem !default;\n$form-switch-bg-image: none !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-translate-x-start: 1px !default;\n$form-switch-translate-x-end: 21px !default;\n$form-switch-round-box-shadow: $box-shadow !default;\n$form-switch-transition: $form-check-transition !default;\n\n$form-switch-focus-color: $form-switch-color !default;\n$form-switch-focus-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-color: $white !default;\n$form-switch-checked-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-check-inline-margin-right: 1rem !default;\n\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $dark !default;\n$input-group-addon-bg: transparent !default;\n$input-group-addon-border-color: $input-border-color !default;\n$input-group-sm-font-size: $font-size-xs !default;\n$input-group-lg-font-size: $font-size-base * .975 !default;\n\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-height: $input-height !default;\n$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-disabled-color: $gray-600 !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-right: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius-md !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: $input-focus-box-shadow !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-height-sm: $input-height-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-height-lg: $input-height-lg !default;\n\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-file-height: $input-height !default;\n$form-file-focus-border-color: $input-focus-border-color !default;\n$form-file-focus-box-shadow: $input-focus-box-shadow !default;\n$form-file-disabled-bg: $input-disabled-bg !default;\n$form-file-disabled-border-color: $input-disabled-border-color !default;\n\n$form-file-padding-y: $input-padding-y !default;\n$form-file-padding-x: $input-padding-x !default;\n$form-file-line-height: $input-line-height !default;\n$form-file-font-family: $input-font-family !default;\n$form-file-font-weight: $input-font-weight !default;\n$form-file-color: $input-color !default;\n$form-file-bg: $input-bg !default;\n$form-file-border-width: $input-border-width !default;\n$form-file-border-color: $input-border-color !default;\n$form-file-border-radius: $input-border-radius !default;\n$form-file-box-shadow: $input-box-shadow !default;\n$form-file-button-color: $form-file-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n\n$form-file-padding-y-sm: $input-padding-y-sm !default;\n$form-file-padding-x-sm: $input-padding-x-sm !default;\n$form-file-font-size-sm: $input-font-size-sm !default;\n$form-file-height-sm: $input-height-sm !default;\n\n$form-file-padding-y-lg: $input-padding-y-lg !default;\n$form-file-padding-x-lg: $input-padding-x-lg !default;\n$form-file-font-size-lg: $input-font-size-lg !default;\n$form-file-height-lg: $input-height-lg !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: #66d432 !default;\n$form-feedback-invalid-color: #fd5c70 !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n$nav-link-footer-padding: .25rem !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius-md !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: 0.75rem !default;\n$nav-pills-link-active-color: $dark !default;\n$nav-pills-link-active-bg: $white !default;\n$nav-pills-link-transition: background-color .3s ease !default;\n$nav-pills-background: $gray-100 !default;\n$nav-pills-vertical-background: transparent !default;\n$nav-pills-vertical-radius: 1.1875rem !default;\n$nav-pills-vertical-link-radius: .875rem !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * 0.5 !default;\n$navbar-padding-x: null !default;\n$navbar-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16) !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n$navbar-nav-link-padding: $navbar-nav-link-padding-x 1rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5 !default;\n$navbar-brand-margin-right: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-blur-bg-color: rgba(255, 255, 255, .8) !default;\n$navbar-blur-dark-bg-color: rgba(2, 5, 22, .8) !default;\n\n$navbar-dark-color: rgba($white, .85) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $dark !default;\n$navbar-light-hover-color: rgba($dark, .7) !default;\n$navbar-light-active-color: rgba($dark, .9) !default;\n$navbar-light-disabled-color: rgba($dark, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($dark, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n// Sidenav toggler\n$sidenav-toggler-width: 18px !default;\n$sidenav-toggler-line-transition: all .15s ease !default;\n$sidenav-toggler-line-height: 2px !default;\n$sidenav-toggler-line-margin-bottom: 3px !default;\n$sidenav-toggler-line-active-width: 13px !default;\n$sidenav-toggler-line-transform: translateX(5px) !default;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 11rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: 1.625rem !default;\n$dropdown-font-size: $font-size-sm !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: transparent !default;\n$dropdown-border-radius: $border-radius-md !default;\n$dropdown-border-width: 0 !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-transition-time: .3s ease !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * 0.5 !default;\n$dropdown-box-shadow: $box-shadow-lg !default;\n\n$dropdown-link-color: $font-color !default;\n$dropdown-link-hover-color: $h-color !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $font-color !default;\n$dropdown-link-active-bg: transparent !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .3rem !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius-md !default;\n$pagination-margin-left: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n// Cards\n\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * 0.5 !default;\n$card-border-width: 0 !default;\n$card-border-radius: $border-radius-xl !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * 0.5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: $white !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $spacer !default;\n\n$card-group-margin: $grid-gutter-width * 0.5 !default;\n\n\n// Accordion\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 0rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius-sm !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: $accordion-bg !default;\n$accordion-button-active-color: $dark !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: none !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: none !default;\n$accordion-button-active-icon: none !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius-md !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * 0.25 !default;\n$tooltip-padding-x: $spacer * 0.5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-xs !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 0px !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow-sm !default;\n\n$popover-header-bg: $gray-200 !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $font-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .75rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 0 !default;\n$toast-border-color: transparent !default;\n$toast-border-radius: $border-radius-md !default;\n$toast-box-shadow: $box-shadow !default;\n\n$toast-header-color: $h-color !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bolder !default;\n$badge-color: $white !default;\n$badge-padding-y: .55em !default;\n$badge-padding-x: .9em !default;\n$badge-border-radius-custom: .45rem !default;\n$badge-border-radius: $badge-border-radius-custom !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: $spacer !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius-md !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: 0 !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n// Progress bars\n\n$progress-height: 6px !default;\n$progress-bar-height: 6px !default;\n$progress-height-sm: 4px !default;\n$progress-height-lg: 20px !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius-sm !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: inherit !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius-md !default;\n\n$list-group-item-padding-y: $spacer * 0.5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-level: -9 !default;\n$list-group-item-color-level: 6 !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius-md !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n\n\n// Figures\n\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: $spacer * 0.5 !default;\n$breadcrumb-padding-x: $spacer !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-border-radius: $border-radius-md !default;\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $white !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n$pre-color: null !default;\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Variables for Core\n\n@import \"variables/animations\";\n@import \"variables/avatars\";\n@import \"variables/cards\";\n@import \"variables/dark-version\";\n@import \"variables/dropdowns\";\n@import 'variables/header';\n@import 'variables/info-areas';\n@import 'variables/navbar';\n@import 'variables/navbar-vertical';\n@import 'variables/utilities';\n@import 'variables/utilities-extend';\n@import 'variables/misc';\n@import 'variables/misc-extend';\n@import 'variables/form-switch';\n@import 'variables/fixed-plugin';\n@import 'variables/pagination';\n@import 'variables/badge';\n@import 'variables/rtl';\n@import 'variables/ripple';\n@import 'variables/cards-extend';\n@import 'variables/choices';\n@import 'variables/timeline';\n@import 'variables/full-calendar';\n@import 'variables/social-buttons';\n@import 'variables/virtual-reality';\n\n\n// Import Utilities\n@import \"utilities\";\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #7b809a !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #f0f2f5 !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$rose: #e91e63 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #e91e63 !default;\n$secondary: #7b809a !default;\n$info: #1A73E8 !default;\n$success: #4CAF50 !default;\n$warning: #fb8c00 !default;\n$danger: #F44335 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n$dark-blue: #1A237E !default;\n\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white,\n \"dark-blue\": $dark-blue,\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #EC407A !default;\n$primary-gradient-state: #D81B60 !default;\n\n$secondary-gradient: #747b8a !default;\n$secondary-gradient-state: #495361 !default;\n\n$info-gradient: #49a3f1 !default;\n$info-gradient-state: #1A73E8 !default;\n\n$success-gradient: #66BB6A !default;\n$success-gradient-state: #43A047 !default;\n\n$danger-gradient: #EF5350 !default;\n$danger-gradient-state: #E53935 !default;\n\n$warning-gradient: #FFA726 !default;\n$warning-gradient-state: #FB8C00 !default;\n\n$dark-gradient: #42424a !default;\n$dark-gradient-state: #191919 !default;\n\n$light-gradient: #EBEFF4 !default;\n$light-gradient-state: #CED4DA !default;\n\n$dark-gradient-dark: #323a54 !default;\n$dark-gradient-state-dark: #1a2035 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n 6: $spacer * 4,\n 7: $spacer * 6,\n 8: $spacer * 8,\n 9: $spacer * 10,\n 10: $spacer * 12,\n 11: $spacer * 14,\n 12: $spacer * 16,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 1: 1%,\n 2: 2%,\n 3: 3%,\n 4: 4%,\n 5: 5%,\n 6: 6%,\n 7: 7%,\n 8: 8%,\n 9: 9%,\n 10: 10%,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: $link-color !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .1rem !default;\n$border-radius-sm: .125rem !default;\n$border-radius-md: .375rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: .75rem !default;\n$border-radius-2xl: 1rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) !default;\n$box-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n// colored Shadows\n\n$box-shadow-primary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n$box-shadow-secondary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(210, 210, 210, .4) !default;\n$box-shadow-info: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4) !default;\n$box-shadow-warning: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4) !default;\n$box-shadow-success: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4) !default;\n$box-shadow-danger: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4) !default;\n$box-shadow-dark: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !default;\n$box-shadow-light: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-material: all .3s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-roboto-slab: 'Roboto Slab', sans-serif !default;\n\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n$font-size-2xl: $font-size-base * 1.5 !default;\n$font-size-3xl: $font-size-base * 1.875 !default;\n$font-size-4xl: $font-size-base * 2 !default;\n$font-size-5xl: $font-size-base * 2.25 !default;\n$font-size-6xl: $font-size-base * 3 !default;\n$font-size-7xl: $font-size-base * 3.75 !default;\n$font-size-8xl: $font-size-base * 4 !default;\n$font-size-9xl: $font-size-base * 5 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer * 0.5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: #344767 !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(195deg, $primary-gradient, $primary-gradient-state) !default;\n$text-gradient-bg-info: linear-gradient(195deg, $info-gradient, $info-gradient-state) !default;\n$text-gradient-bg-success: linear-gradient(195deg, $success-gradient, $success-gradient-state) !default;\n$text-gradient-bg-warning: linear-gradient(195deg, $warning-gradient, $warning-gradient-state) !default;\n$text-gradient-bg-danger: linear-gradient(195deg, $danger-gradient, $danger-gradient-state) !default;\n$text-gradient-bg-dark: linear-gradient(195deg, $dark-gradient, $dark-gradient-state) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.7 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .625rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: 1.667 !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: 0 !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .375rem !default;\n$btn-padding-x-sm: 1rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .75rem !default;\n$btn-padding-x-lg: 1.75rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: none !default;\n$btn-active-hover-transform: none !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n$shadow-umbra-opacity: 0.2 !default;\n$shadow-penumbra-opacity: 0.14 !default;\n$shadow-ambient-opacity: 0.12 !default;\n$shadow-focus: 0 0 8px rgba($black, .18),\n 0 8px 16px rgba($black, .36);\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 0px !default;\n\n$btn-material-icon-margin: -1px !default;\n$btn-material-icon-font-size: 1.1rem !default;\n$btn-material-icon-display: inline-block !default;\n$btn-material-icon-top: 0 !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: $white !default;\n$btn-secondary-font-color: $white !default;\n$btn-danger-font-color: $white !default;\n$btn-info-font-color: $white !default;\n$btn-success-font-color: $white !default;\n$btn-warning-font-color: $white !default;\n$btn-dark-font-color: $white !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .875rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 400 !default;\n$form-label-color: $font-color !default;\n$form-label-position: absolute !default;\n$form-label-top: .6125rem!default;\n$form-label-transition: 0.2s ease all !default;\n\n$form-label-top-focused: -.7rem!default;\n$form-label-top-outline-focused: -.8rem!default;\n$form-label-top-focused-filled: -1rem!default;\n$form-label-font-size-focused: .6875rem !default;\n\n$form-control-outline-padding: .625rem .75rem !default;\n$form-label-outline-ms: .75rem !default;\n$form-label-outline-focused-ms: .5rem !default;\n$form-label-outline-focused-padding: 0 .188rem !default;\n$form-label-outline-focused-z-index: 5 !default;\n$form-label-outline-line-height: 3.925 !default;\n$form-label-outline-top: .375rem !default;\n$form-label-outline-after-height: .5rem !default;\n$form-label-outline-after-width: .625rem !default;\n$form-label-outline-after-border-width: 1px 0 0 !default;\n\n\n\n$input-padding-y: .5rem !default;\n$input-padding-x: 0 !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.5rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: transparent !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: transparent !default;\n$input-focus-border-color: transparent !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: none !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: .2s ease !default;\n\n$input-background: no-repeat bottom,50% calc(100% - 1px);\n$input-background-size: 0 100%,100% 100%;\n$input-background-size-focus: 100% 100%,100% 100%;\n$input-background-image: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-valid: linear-gradient(0deg,$success 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-invalid: linear-gradient(0deg,$danger 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-disabled: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,$gray-200 1px,hsla(0,0%,82%,0) 0);\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: auto !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(195deg, $primary-gradient 0%, $primary-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .8375rem !default;\n$form-check-radio-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 12px rgba(53, 71, 102, .1) !default;\n$form-check-radio-transition: .05s ease;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-color: rgba(0, 0, 0, 1) !default;\n$form-switch-bg-color: $gray-400 !default;\n$form-switch-height: 0.9375rem !default;\n$form-switch-width: $form-switch-height*2 !default;\n$form-switch-check-after-width: 1.25rem !default;\n$form-switch-check-after-transition: .1s ease !default;\n$form-switch-check-after-border-color: $gray-400 !default;\n$form-switch-check-active-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(0, 0, 0, .1) !default;\n$form-switch-check-active-checked-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(53, 71, 102, .1) !default;\n\n$form-switch-check-top: -2.5px !default;\n$form-switch-check-left: -5px !default;\n$form-switch-padding-start: $form-switch-width + .5rem !default;\n$form-switch-bg-image: none !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-translate-x-start: 1px !default;\n$form-switch-translate-x-end: 21px !default;\n$form-switch-round-box-shadow: $box-shadow !default;\n$form-switch-transition: $form-check-transition !default;\n\n$form-switch-focus-color: $form-switch-color !default;\n$form-switch-focus-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-color: $white !default;\n$form-switch-checked-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-check-inline-margin-right: 1rem !default;\n\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $dark !default;\n$input-group-addon-bg: transparent !default;\n$input-group-addon-border-color: $input-border-color !default;\n$input-group-sm-font-size: $font-size-xs !default;\n$input-group-lg-font-size: $font-size-base * .975 !default;\n\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-height: $input-height !default;\n$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-disabled-color: $gray-600 !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-right: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius-md !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: $input-focus-box-shadow !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-height-sm: $input-height-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-height-lg: $input-height-lg !default;\n\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-file-height: $input-height !default;\n$form-file-focus-border-color: $input-focus-border-color !default;\n$form-file-focus-box-shadow: $input-focus-box-shadow !default;\n$form-file-disabled-bg: $input-disabled-bg !default;\n$form-file-disabled-border-color: $input-disabled-border-color !default;\n\n$form-file-padding-y: $input-padding-y !default;\n$form-file-padding-x: $input-padding-x !default;\n$form-file-line-height: $input-line-height !default;\n$form-file-font-family: $input-font-family !default;\n$form-file-font-weight: $input-font-weight !default;\n$form-file-color: $input-color !default;\n$form-file-bg: $input-bg !default;\n$form-file-border-width: $input-border-width !default;\n$form-file-border-color: $input-border-color !default;\n$form-file-border-radius: $input-border-radius !default;\n$form-file-box-shadow: $input-box-shadow !default;\n$form-file-button-color: $form-file-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n\n$form-file-padding-y-sm: $input-padding-y-sm !default;\n$form-file-padding-x-sm: $input-padding-x-sm !default;\n$form-file-font-size-sm: $input-font-size-sm !default;\n$form-file-height-sm: $input-height-sm !default;\n\n$form-file-padding-y-lg: $input-padding-y-lg !default;\n$form-file-padding-x-lg: $input-padding-x-lg !default;\n$form-file-font-size-lg: $input-font-size-lg !default;\n$form-file-height-lg: $input-height-lg !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: #66d432 !default;\n$form-feedback-invalid-color: #fd5c70 !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n$nav-link-footer-padding: .25rem !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius-md !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: 0.75rem !default;\n$nav-pills-link-active-color: $dark !default;\n$nav-pills-link-active-bg: $white !default;\n$nav-pills-link-transition: background-color .3s ease !default;\n$nav-pills-background: $gray-100 !default;\n$nav-pills-vertical-background: transparent !default;\n$nav-pills-vertical-radius: 1.1875rem !default;\n$nav-pills-vertical-link-radius: .875rem !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * 0.5 !default;\n$navbar-padding-x: null !default;\n$navbar-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16) !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n$navbar-nav-link-padding: $navbar-nav-link-padding-x 1rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5 !default;\n$navbar-brand-margin-right: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-blur-bg-color: rgba(255, 255, 255, .8) !default;\n$navbar-blur-dark-bg-color: rgba(2, 5, 22, .8) !default;\n\n$navbar-dark-color: rgba($white, .85) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $dark !default;\n$navbar-light-hover-color: rgba($dark, .7) !default;\n$navbar-light-active-color: rgba($dark, .9) !default;\n$navbar-light-disabled-color: rgba($dark, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($dark, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n// Sidenav toggler\n$sidenav-toggler-width: 18px !default;\n$sidenav-toggler-line-transition: all .15s ease !default;\n$sidenav-toggler-line-height: 2px !default;\n$sidenav-toggler-line-margin-bottom: 3px !default;\n$sidenav-toggler-line-active-width: 13px !default;\n$sidenav-toggler-line-transform: translateX(5px) !default;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 11rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: 1.625rem !default;\n$dropdown-font-size: $font-size-sm !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: transparent !default;\n$dropdown-border-radius: $border-radius-md !default;\n$dropdown-border-width: 0 !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-transition-time: .3s ease !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * 0.5 !default;\n$dropdown-box-shadow: $box-shadow-lg !default;\n\n$dropdown-link-color: $font-color !default;\n$dropdown-link-hover-color: $h-color !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $font-color !default;\n$dropdown-link-active-bg: transparent !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .3rem !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius-md !default;\n$pagination-margin-left: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n// Cards\n\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * 0.5 !default;\n$card-border-width: 0 !default;\n$card-border-radius: $border-radius-xl !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * 0.5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: $white !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $spacer !default;\n\n$card-group-margin: $grid-gutter-width * 0.5 !default;\n\n\n// Accordion\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 0rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius-sm !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: $accordion-bg !default;\n$accordion-button-active-color: $dark !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: none !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: none !default;\n$accordion-button-active-icon: none !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius-md !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * 0.25 !default;\n$tooltip-padding-x: $spacer * 0.5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-xs !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 0px !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow-sm !default;\n\n$popover-header-bg: $gray-200 !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $font-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .75rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 0 !default;\n$toast-border-color: transparent !default;\n$toast-border-radius: $border-radius-md !default;\n$toast-box-shadow: $box-shadow !default;\n\n$toast-header-color: $h-color !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bolder !default;\n$badge-color: $white !default;\n$badge-padding-y: .55em !default;\n$badge-padding-x: .9em !default;\n$badge-border-radius-custom: .45rem !default;\n$badge-border-radius: $badge-border-radius-custom !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: $spacer !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius-md !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: 0 !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n// Progress bars\n\n$progress-height: 6px !default;\n$progress-bar-height: 6px !default;\n$progress-height-sm: 4px !default;\n$progress-height-lg: 20px !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius-sm !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: inherit !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius-md !default;\n\n$list-group-item-padding-y: $spacer * 0.5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-level: -9 !default;\n$list-group-item-color-level: 6 !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius-md !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n\n\n// Figures\n\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: $spacer * 0.5 !default;\n$breadcrumb-padding-x: $spacer !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-border-radius: $border-radius-md !default;\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $white !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n$pre-color: null !default;\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Variables for Core\n\n@import \"variables/animations\";\n@import \"variables/avatars\";\n@import \"variables/cards\";\n@import \"variables/dark-version\";\n@import \"variables/dropdowns\";\n@import 'variables/header';\n@import 'variables/info-areas';\n@import 'variables/navbar';\n@import 'variables/navbar-vertical';\n@import 'variables/utilities';\n@import 'variables/utilities-extend';\n@import 'variables/misc';\n@import 'variables/misc-extend';\n@import 'variables/form-switch';\n@import 'variables/fixed-plugin';\n@import 'variables/pagination';\n@import 'variables/badge';\n@import 'variables/rtl';\n@import 'variables/ripple';\n@import 'variables/cards-extend';\n@import 'variables/choices';\n@import 'variables/timeline';\n@import 'variables/full-calendar';\n@import 'variables/social-buttons';\n@import 'variables/virtual-reality';\n\n\n// Import Utilities\n@import \"utilities\";\n", "// Waves Animation & Styling\n\n$waves-position: relative !default;\n$waves-width: 100% !default;\n$waves-height: 16vh !default;\n$waves-min-height: 100px !default;\n$waves-max-height: 150px !default;\n$waves-margin-bottom: -7px !default;\n$waves-height-sm: 50px !default;\n$waves-min-height-sm: $waves-height-sm !default;\n$waves-rotate: rotate(180deg) !default;\n$waves-mobile-height: 40px !default;\n\n$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;\n$moving-waves-keyframe-100: translate3d(85px,0,0) !default;\n$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;\n$moving-waves-child-1-delay: -2s !default;\n$moving-waves-child-1-duration: 11s !default;\n$moving-waves-child-2-delay: -4s !default;\n$moving-waves-child-2-duration: 13s !default;\n$moving-waves-child-3-delay: -3s !default;\n$moving-waves-child-3-duration: 15s !default;\n$moving-waves-child-4-delay: -4s !default;\n$moving-waves-child-4-duration: 20s !default;\n$moving-waves-child-5-delay: -4s !default;\n$moving-waves-child-5-duration: 25s !default;\n$moving-waves-child-6-delay: -3s !default;\n$moving-waves-child-6-duration: 30s !default;\n\n// Fade In\n\n$fade-in-animation-name: fadeInBottom !default;\n$fade-in-animation-top-name: fadeInTop !default;\n$fade-in-bottom-transform: translateY(100%) !default;\n$fade-in-top-transform: translateY(-100%) !default;\n\n\n$fade-in-1-animation-duration: 1.5s !default;\n$fade-in-2-animation-duration: 1.75s !default;\n$fade-in-3-animation-duration: 2s !default;\n$fade-in-4-animation-duration: 2.25s !default;\n$fade-in-5-animation-duration: 2.5s !default;\n\n\n$floating-man-width: 350px !default;\n", "// Avatar\n$avatar-height: 48px !default;\n$avatar-width: 48px !default;\n\n$avatar-xs-height: 24px !default;\n$avatar-xs-width: 24px !default;\n\n$avatar-sm-height: 36px !default;\n$avatar-sm-width: 36px !default;\n\n$avatar-lg-height: 58px !default;\n$avatar-lg-width: 58px !default;\n\n$avatar-xl-height: 74px !default;\n$avatar-xl-width: 74px !default;\n\n$avatar-xxl-height: 110px !default;\n$avatar-xxl-width: 110px !default;\n\n$avatar-font-size: 1rem !default;\n$avatar-content-margin: .75rem !default;\n\n\n// Avatar Group\n$avatar-group-border: 2px !default;\n$avatar-group-zindex: 2 !default;\n$avatar-group-zindex-hover: 3 !default;\n$avatar-group-double: -1rem !default;\n", "$card-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),\n 0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$card-background-blur: rgba(255, 255, 255, 0.8) !default;\n\n$card-header-padding: 1.5rem !default;\n\n$card-body-padding: $card-header-padding !default;\n$card-plain-bg-color: transparent !default;\n$card-plain-box-shadow: none !default;\n\n$card-footer-padding: $card-body-padding !default;\n\n$card-title-font-weight: $font-weight-bold !default;\n$card-title-line-height: 1.2 !default;\n\n$card-author-display: flex !default;\n$card-author-name-line-height: 1.571 !default;\n$card-author-name-color: #3A416F !default;\n$card-author-stats-color: #5D6494 !default;\n$card-avatar-width: 30px !default;\n$card-avatar-height: $card-avatar-width !default;\n$card-avatar-overflow: hidden !default;\n$card-avatar-radius: 50% !default;\n$card-avatar-mr: 5px !default;\n$card-stats-name-mt: -4px !default;\n$card-name-ml: .25rem !default;\n\n$card-badge-text-transform: uppercase !default;\n$card-badge-bg-color: #FAFAFF !default;\n\n\n// Card Background\n$card-bg-align-items: center !default;\n$card-bg-body-position: relative !default;\n$card-bg-body-z-index: 2 !default;\n$card-bg-content-min-height: 330px !default;\n$card-bg-content-max-width: 450px !default;\n$card-bg-content-pt: 60px !default;\n$card-bg-content-pb: $card-bg-content-pt !default;\n$card-bg-body-left-width: 90% !default;\n\n$card-bg-description-margin: 24px !default;\n\n$card-bg-filter-position: absolute !default;\n$card-bg-filter-top: 0 !default;\n$card-bg-filter-bottom: $card-bg-filter-top !default;\n$card-bg-filter-left: $card-bg-filter-top !default;\n$card-bg-filter-height: 100% !default;\n$card-bg-filter-width: $card-bg-filter-height !default;\n$card-bg-filter-z-index: 1 !default;\n$card-bg-filter-display: block !default;\n$card-bg-filter-content: \"\" !default;\n$card-bg-filter-bg: rgba(0,0,0,.56) !default;\n$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;\n$card-bg-filter-radius: 1rem !default;\n\n$card-full-bg-bg-position: 50% !default;\n$card-full-bg-bg-size: cover !default;\n$card-full-bg-mb: 30px !default;\n$card-full-bg-width: 100% !default;\n$card-full-bg-height: $card-full-bg-width !default;\n$card-full-bg-position: absolute !default;\n$card-full-bg-radius: $card-bg-filter-radius !default;\n\n$header-data-animation-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n", @@ -187,10 +191,10 @@ "$page-header-padding: 0 !default;\n$page-header-position: relative !default;\n$page-header-overflow: hidden !default;\n$page-header-display: flex !default;\n$page-header-align-items: center !default;\n$page-header-bg-size: cover !default;\n$page-header-bg-position: 50% !default;\n\n$mask-position: absolute !default;\n$mask-bg-size: cover !default;\n$mask-bg-position: center center !default;\n$mask-top: 0 !default;\n$mask-left: $mask-top !default;\n$mask-width: 100% !default;\n$mask-height: $mask-width !default;\n$mask-opacity: .8 !default;\n\n$page-header-conteiner-index: 1 !default;\n\n$header-video-top: 50% !default;\n$header-video-left: $header-video-top !default;\n$header-video-min-width: 100% !default;\n$header-video-min-height: $header-video-min-width !default;\n$header-video-min-transform: translateX(-50%) translateY(-50%) !default;\n", "$icon-shape-bg-image: linear-gradient(195deg,#7928CA,#FF0080) !default;\n$icon-shape-bg-position: center !default;\n\n$icon-striped-bg-md: 85px !default;\n$icon-striped-bg-lg: 111px !default;\n$icon-striped-bg-xl: 80px !default;\n\n$icon-striped-icon-mt: 25% !default;\n$icon-striped-icon-ml: -24% !default;\n\n$icon-shape-icon-opacity: .8 !default;\n$info-icon-top: 11px !default;\n$info-icon-top-xxs: 0 !default;\n$info-icon-top-xs: -1px !default;\n$info-icon-top-sm: 4px !default;\n$info-icon-top-md: 30% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 35% !default;\n$info-icon-position: relative !default;\n\n$icon-xxs-width: 20px !default;\n$icon-xxs-height: $icon-xxs-width !default;\n$icon-xs-width: 24px !default;\n$icon-xs-height: $icon-xs-width !default;\n$icon-sm-width: 32px !default;\n$icon-sm-height: $icon-sm-width !default;\n$icon-md-width: 48px !default;\n$icon-md-height: $icon-md-width !default;\n$icon-lg-width: 64px !default;\n$icon-lg-height: $icon-lg-width !default;\n$icon-xl-width: 100px !default;\n$icon-xl-height: $icon-xl-width !default;\n", "// Navbar toggler icon on responsive styling\n\n$navbar-toggler-bar-display: block !default;\n$navbar-toggler-bar-position: relative !default;\n$navbar-toggler-bar-width: 22px !default;\n$navbar-toggler-bar-height: 1px !default;\n$navbar-toggler-bar-radius: 1px !default;\n$navbar-toggler-bar-transition: all 0.2s !default;\n$navbar-toggler-bar-margin-top: 7px !default;\n\n$navbar-toggler-bar-1-transform: rotate(45deg) !default;\n$navbar-toggler-bar-1-transform-origin: 10% 10% !default;\n$navbar-toggler-bar-1-margin-top: 4px !default;\n$navbar-toggler-bar-2-opacity: 0 !default;\n$navbar-toggler-bar-3-transform: rotate(-45deg) !default;\n$navbar-toggler-bar-3-transform-origin: 10% 90% !default;\n$navbar-toggler-bar-3-margin-top: 3px !default;\n", - "$navbar-light-bg: #FBFBFB !default;\n$navbar-light-hover-bg: darken($gray-100, 5%) !default;\n$navbar-light-active-bg: darken($gray-100, 5%) !default;\n$navbar-light-border-color: rgba($black, .05) !default;\n$navbar-light-color: rgba($black, .6) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-border-color: transparent !default;\n// Vertical navbar\n$sidenav-header-width: 4.875rem !default;\n$sidenav-card-opacity: .65 !default;\n$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;\n$navbar-vertical-border-color: rgba($black, .05) !default;\n$navbar-vertical-width: 3.875rem !default;\n$navbar-vertical-open-width: 15.625rem !default;\n$navbar-vertical-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-y: .75rem !default;\n$navbar-vertical-sidenav-normal-ml: 4.01rem !default;\n$navbar-vertical-m: 1rem !default;\n$navbar-vertical-inner: calc(100vh - 360px) !default;\n$navbar-icon-min-width: 1.8rem !default;\n$navbar-icon-margin-left: 0.15rem !default;\n$navbar-icon-material-margin-left: 2px !default;\n$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;\n$navbar-breadcrumb-padding-x: 0 !default;\n$navbar-light-border-color: $border-color !default;\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;\n$navbar-dark-color: rgba($white, .95) !default;\n$navbar-dark-hover-color: rgba($white, .65) !default;\n$navbar-dark-active-color: rgba($white, .65) !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-border-color: transparent !default;\n$navbar-padding-y: 1rem !default;\n$navbar-padding-x: 1rem !default;\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n$navbar-nav-link-font-size: .875rem !default;\n$navbar-nav-link-font-weight: 300 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius-md !default;\n$font-size-xs: ($font-size-base * .75);\n$transition-base-time: .25s;\n$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;\n\n// Navbar collapse\n\n$navbar-vertical-collapse-margin-left: 1.35rem !default;\n$navbar-vertical-collapse-left: -18px !default;\n$navbar-vertical-collapse-top: 50% !default;\n$navbar-vertical-collapse-translate: translate(0,-50%) !default;\n$navbar-vertical-hidden-width: 6rem !default;\n\n// Hover effect\n$navbar-vertical-hover-bg-color: rgba(199, 199, 199, 0.2) !default;\n\n// RTL Page\n\n$rtl-sidebar-bullet-right: -1.125rem !default;\n$rtl-sidebar-hover-padding-right: 2.5rem !default;\n", - "// on hover transition variables\n$move-transition: .2s ease-out !default;\n$move-overflow: hidden !default;\n$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;\n$move-transform-origin: 50% 0 !default;\n$move-backface-visibility: hidden !default;\n$move-will-change: transform,box-shadow !default;\n$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;\n\n// Sections Height Utilities\n$section-height-25-min-height: 25vh !default;\n$section-height-35-min-height: 35vh !default;\n$section-height-45-min-height: 45vh !default;\n$section-height-50-min-height: 50vh !default;\n$section-height-55-min-height: 55vh !default;\n$section-height-65-min-height: 65vh !default;\n$section-height-70-min-height: 70vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-80-min-height: 80vh !default;\n$section-height-85-min-height: 85vh !default;\n$section-height-90-min-height: 90vh !default;\n$section-height-95-min-height: 95vh !default;\n$section-height-100-min-height: 100vh !default;\n\n// extra padding utilities variables - CT\n$padding-6: 4rem !default;\n$padding-7: 6rem !default;\n$padding-8: 8rem !default;\n$padding-9: 10rem !default;\n$padding-10: 12rem !default;\n$padding-11: 14rem !default;\n$padding-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$margin-6: 4rem !default;\n$margin-7: 6rem !default;\n$margin-8: 8rem !default;\n$margin-9: 10rem !default;\n$margin-10: 12rem !default;\n$margin-11: 14rem !default;\n$margin-12: 16rem !default;\n\n// extra width values variables - CT\n$width-0: 0% !default;\n$width-1: 1% !default;\n$width-2: 2% !default;\n$width-3: 3% !default;\n$width-4: 4% !default;\n$width-5: 5% !default;\n$width-6: 6% !default;\n$width-7: 7% !default;\n$width-8: 8% !default;\n$width-9: 9% !default;\n$width-10: 10% !default;\n$width-15: 15% !default;\n$width-20: 20% !default;\n$width-25: 25% !default;\n$width-30: 30% !default;\n$width-35: 35% !default;\n$width-40: 40% !default;\n$width-45: 45% !default;\n$width-50: 50% !default;\n$width-55: 55% !default;\n$width-60: 60% !default;\n$width-65: 65% !default;\n$width-70: 70% !default;\n$width-75: 75% !default;\n$width-80: 80% !default;\n$width-85: 85% !default;\n$width-90: 90% !default;\n$width-95: 95% !default;\n$width-100: 100% !default;\n\n// extra max width values variables - CT\n$max-width-100: 100px !default;\n$max-width-200: 200px !default;\n$max-width-300: 300px !default;\n$max-width-400: 400px !default;\n$max-width-500: 500px !default;\n\n// extra height values variables - CT\n$height-100: 100px !default;\n$height-200: 200px !default;\n$height-300: 300px !default;\n$height-400: 400px !default;\n$height-500: 500px !default;\n$height-600: 600px !default;\n\n\n// extra min height values variables - CT\n$min-height-100: 100px !default;\n$min-height-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 250px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 250px !default;\n$max-height-300: 300px !default;\n$max-height-400: 400px !default;\n$max-height-500: 500px !default;\n$max-height-600: 600px !default;\n\n// extra min height vh values variables - CT\n$max-height-vh-10: 10vh !default;\n$max-height-vh-20: 20vh !default;\n$max-height-vh-30: 30vh !default;\n$max-height-vh-40: 40vh !default;\n$max-height-vh-50: 50vh !default;\n$max-height-vh-60: 60vh !default;\n$max-height-vh-70: 70vh !default;\n$max-height-vh-80: 80vh !default;\n$max-height-vh-90: 90vh !default;\n$max-height-vh-100: 100vh !default;\n\n// Extra Padding values Map\n$paddings: (\n \"6\": $padding-6,\n \"7\": $padding-7,\n \"8\": $padding-8,\n \"9\": $padding-9,\n \"10\": $padding-10,\n \"11\": $padding-11,\n \"12\": $padding-12\n) !default;\n\n// Extra Margins values Map\n$margins: (\n \"6\": $margin-6,\n \"7\": $margin-7,\n \"8\": $margin-8,\n \"9\": $margin-9,\n \"10\": $margin-10,\n \"11\": $margin-11,\n \"12\": $margin-12\n) !default;\n\n$width: (\n \"0\": $width-0,\n \"1\": $width-1,\n \"2\": $width-2,\n \"3\": $width-3,\n \"4\": $width-4,\n \"5\": $width-5,\n \"6\": $width-6,\n \"7\": $width-7,\n \"8\": $width-8,\n \"9\": $width-9,\n \"10\": $width-10,\n \"15\": $width-15,\n \"20\": $width-20,\n \"25\": $width-25,\n \"30\": $width-30,\n \"35\": $width-35,\n \"40\": $width-40,\n \"45\": $width-45,\n \"50\": $width-50,\n \"55\": $width-55,\n \"60\": $width-60,\n \"65\": $width-65,\n \"70\": $width-70,\n \"75\": $width-75,\n \"80\": $width-80,\n \"85\": $width-85,\n \"90\": $width-90,\n \"95\": $width-95,\n \"100\": $width-100,\n \"auto\": auto\n) !default;\n\n\n// blur effect variables\n$blur-border-radius-rounded: 40px !default;\n$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;\n$blur-backdrop-filter: saturate(200%) blur(30px) !default;\n$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;\n\n$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;\n\n// sidebar variables\n\n$sidebar-width: 80px !default;\n$sidebar-transition: 1s ease !default;\n", + "$navbar-light-bg: #FBFBFB !default;\n$navbar-light-hover-bg: darken($gray-100, 5%) !default;\n$navbar-light-active-bg: darken($gray-100, 5%) !default;\n$navbar-light-border-color: rgba($black, .05) !default;\n$navbar-light-color: rgba($black, .6) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-border-color: transparent !default;\n// Vertical navbar\n$sidenav-header-width: 4.875rem !default;\n$sidenav-card-opacity: .65 !default;\n$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;\n$navbar-vertical-border-color: rgba($black, .05) !default;\n$navbar-vertical-width: 3.875rem !default;\n$navbar-vertical-open-width: 15.625rem !default;\n$navbar-vertical-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-y: .75rem !default;\n$navbar-vertical-sidenav-normal-ml: 4.01rem !default;\n$navbar-vertical-m: 1rem !default;\n$navbar-vertical-inner: calc(100vh - 200px) !default;\n$navbar-icon-min-width: 1.8rem !default;\n$navbar-icon-margin-left: 0.15rem !default;\n$navbar-icon-material-margin-left: 2px !default;\n$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;\n$navbar-breadcrumb-padding-x: 0 !default;\n$navbar-light-border-color: $border-color !default;\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;\n$navbar-dark-color: rgba($white, .95) !default;\n$navbar-dark-hover-color: rgba($white, .65) !default;\n$navbar-dark-active-color: rgba($white, .65) !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-border-color: transparent !default;\n$navbar-padding-y: 1rem !default;\n$navbar-padding-x: 1rem !default;\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n$navbar-nav-link-font-size: .875rem !default;\n$navbar-nav-link-font-weight: 300 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius-md !default;\n$font-size-xs: ($font-size-base * .75);\n$transition-base-time: .25s;\n$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;\n\n// Navbar collapse\n\n$navbar-vertical-collapse-margin-left: 1.35rem !default;\n$navbar-vertical-collapse-left: -18px !default;\n$navbar-vertical-collapse-top: 50% !default;\n$navbar-vertical-collapse-translate: translate(0,-50%) !default;\n$navbar-vertical-hidden-width: 6rem !default;\n\n// Hover effect\n$navbar-vertical-hover-bg-color: rgba(199, 199, 199, 0.2) !default;\n\n// RTL Page\n\n$rtl-sidebar-bullet-right: -1.125rem !default;\n$rtl-sidebar-hover-padding-right: 2.5rem !default;\n", + "// on hover transition variables\n$move-transition: .2s ease-out !default;\n$move-overflow: hidden !default;\n$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;\n$move-transform-origin: 50% 0 !default;\n$move-backface-visibility: hidden !default;\n$move-will-change: transform,box-shadow !default;\n$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;\n\n// Sections Height Utilities\n$section-height-25-min-height: 25vh !default;\n$section-height-35-min-height: 35vh !default;\n$section-height-45-min-height: 45vh !default;\n$section-height-50-min-height: 50vh !default;\n$section-height-55-min-height: 55vh !default;\n$section-height-65-min-height: 65vh !default;\n$section-height-70-min-height: 70vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-80-min-height: 80vh !default;\n$section-height-85-min-height: 85vh !default;\n$section-height-90-min-height: 90vh !default;\n$section-height-95-min-height: 95vh !default;\n$section-height-100-min-height: 100vh !default;\n\n// extra padding utilities variables - CT\n$padding-6: 4rem !default;\n$padding-7: 6rem !default;\n$padding-8: 8rem !default;\n$padding-9: 10rem !default;\n$padding-10: 12rem !default;\n$padding-11: 14rem !default;\n$padding-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$margin-6: 4rem !default;\n$margin-7: 6rem !default;\n$margin-8: 8rem !default;\n$margin-9: 10rem !default;\n$margin-10: 12rem !default;\n$margin-11: 14rem !default;\n$margin-12: 16rem !default;\n\n// extra width values variables - CT\n$width-0: 0% !default;\n$width-1: 1% !default;\n$width-2: 2% !default;\n$width-3: 3% !default;\n$width-4: 4% !default;\n$width-5: 5% !default;\n$width-6: 6% !default;\n$width-7: 7% !default;\n$width-8: 8% !default;\n$width-9: 9% !default;\n$width-10: 10% !default;\n$width-15: 15% !default;\n$width-20: 20% !default;\n$width-25: 25% !default;\n$width-30: 30% !default;\n$width-35: 35% !default;\n$width-40: 40% !default;\n$width-45: 45% !default;\n$width-50: 50% !default;\n$width-55: 55% !default;\n$width-60: 60% !default;\n$width-65: 65% !default;\n$width-70: 70% !default;\n$width-75: 75% !default;\n$width-80: 80% !default;\n$width-85: 85% !default;\n$width-90: 90% !default;\n$width-95: 95% !default;\n$width-100: 100% !default;\n\n// extra max width values variables - CT\n$max-width-100: 100px !default;\n$max-width-200: 200px !default;\n$max-width-300: 300px !default;\n$max-width-400: 400px !default;\n$max-width-500: 500px !default;\n\n// extra height values variables - CT\n$height-100: 100px !default;\n$height-200: 200px !default;\n$height-300: 300px !default;\n$height-400: 400px !default;\n$height-500: 500px !default;\n$height-600: 600px !default;\n\n\n// extra min height values variables - CT\n$min-height-100: 100px !default;\n$min-height-130: 130px !default;\n$min-height-140: 140px !default;\n$min-height-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 250px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-130: 130px !default;\n$max-height-140: 140px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 250px !default;\n$max-height-300: 300px !default;\n$max-height-400: 400px !default;\n$max-height-500: 500px !default;\n$max-height-600: 600px !default;\n\n// extra min height vh values variables - CT\n$max-height-vh-10: 10vh !default;\n$max-height-vh-20: 20vh !default;\n$max-height-vh-30: 30vh !default;\n$max-height-vh-40: 40vh !default;\n$max-height-vh-50: 50vh !default;\n$max-height-vh-60: 60vh !default;\n$max-height-vh-70: 70vh !default;\n$max-height-vh-80: 80vh !default;\n$max-height-vh-90: 90vh !default;\n$max-height-vh-100: 100vh !default;\n\n// Extra Padding values Map\n$paddings: (\n \"6\": $padding-6,\n \"7\": $padding-7,\n \"8\": $padding-8,\n \"9\": $padding-9,\n \"10\": $padding-10,\n \"11\": $padding-11,\n \"12\": $padding-12\n) !default;\n\n// Extra Margins values Map\n$margins: (\n \"6\": $margin-6,\n \"7\": $margin-7,\n \"8\": $margin-8,\n \"9\": $margin-9,\n \"10\": $margin-10,\n \"11\": $margin-11,\n \"12\": $margin-12\n) !default;\n\n$width: (\n \"0\": $width-0,\n \"1\": $width-1,\n \"2\": $width-2,\n \"3\": $width-3,\n \"4\": $width-4,\n \"5\": $width-5,\n \"6\": $width-6,\n \"7\": $width-7,\n \"8\": $width-8,\n \"9\": $width-9,\n \"10\": $width-10,\n \"15\": $width-15,\n \"20\": $width-20,\n \"25\": $width-25,\n \"30\": $width-30,\n \"35\": $width-35,\n \"40\": $width-40,\n \"45\": $width-45,\n \"50\": $width-50,\n \"55\": $width-55,\n \"60\": $width-60,\n \"65\": $width-65,\n \"70\": $width-70,\n \"75\": $width-75,\n \"80\": $width-80,\n \"85\": $width-85,\n \"90\": $width-90,\n \"95\": $width-95,\n \"100\": $width-100,\n \"auto\": auto\n) !default;\n\n\n// blur effect variables\n$blur-border-radius-rounded: 40px !default;\n$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;\n$blur-backdrop-filter: saturate(200%) blur(30px) !default;\n$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;\n\n$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;\n\n// sidebar variables\n\n$sidebar-width: 80px !default;\n$sidebar-transition: 1s ease !default;\n", "// Colores Shadow on cards\n$colored-shadow-top: 3.5% !default;\n$colored-shadow-blur: 12px !default;\n$colored-shadow-scale: .94 !default;\n$colored-shadow-scale-avatar: .87 !default;\n\n// Card Projects\n$card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default;\n$card-project-avatar-transform: scale(.8) translateY(-45px) !default;\n$card-project-hover-transform: translateY(-2px) !default;\n\n// Transform Perspective effect\n$transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default;\n$transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default;\n\n// Z index\n$z-index2: 2 !default;\n\n// Width in PX\n$width-32-px: 32px !default;\n$width-48-px: 48px !default;\n$width-64-px: 64px !default;\n\n// Wizard variants\n$multistep-progress-primary-color: #f48aaa !default;\n$multistep-progress-success-color: #9ed1a0 !default;\n$multistep-progress-danger-color: #f79592 !default;\n$multistep-progress-warning-color: #ffc483 !default;\n$multistep-progress-info-color: #88d9e4 !default;\n$multistep-progress-dark-color: #848486 !default;\n$multistep-progress-secondary-color: #a4a9b2 !default;\n$multistep-progress-light-color: #ebeef1 !default;\n", - "// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-bg-color-light: #ffffff94 !default;\n$hr-bg-color-dark: #7b809a33 !default;\n\n// border right - pseudo\n\n$border-right-after-top: 3vh !default;\n$border-right-after-height: 70% !default;\n$border-right-after-width: 50% !default;\n$border-right-after-border-color: #dee2e6 !default;\n", + "// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-bg-color-light: linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0)) !default;\n$hr-bg-color-dark: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent) !default;\n\n// border right - pseudo\n\n$border-right-after-top: 3vh !default;\n$border-right-after-height: 70% !default;\n$border-right-after-width: 50% !default;\n$border-right-after-border-color: #dee2e6 !default;\n", "// Text Border\n$text-border-bg-color: rgba($secondary,.5) !default;\n$text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;\n$text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;\n$text-border-display: inline-block !default;\n$text-border-width: 30% !default;\n$text-border-height: 1px !default;\n$text-border-position: relative !default;\n$text-border-vertical-align: middle !default;\n$text-border-before-right: .5em !default;\n$text-border-before-ml: -50% !default;\n$text-border-after-left: $text-border-before-right !default;\n$text-border-after-mr: $text-border-before-ml !default;\n\n\n// Header Shapes\n\n$shape-1-width: 55% !default;\n$shape-1-left: 15% !default;\n$shape-2-width: 35% !default;\n$shape-2-left: 20% !default;\n$shape-3-width: 50% !default;\n$shape-3-left: -28rem !default;\n\n$shape-img-1-right: 7% !default;\n$shape-img-1-width: 36% !default;\n$shape-img-1-margin-top: 12% !default;\n\n$shape-img-2-left: 24% !default;\n$shape-img-2-width: 27% !default;\n$shape-img-2-margin-top: 10% !default;\n\n// Comming Soon page\n\n$coming-rotate-transform: rotate(20deg) !default;\n\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Round Slider\n\n$round-slider-m-width: 200px !default;\n$round-slider-scale-m-width: 300px !default;\n$round-slider-transition: all .5s ease-out 0s !default;\n", "$slider-dim: 15px !default;\n$slider-position: 2px !default;\n$moving-circle: translateX(21px) !default;\n", "$fixed-plugin-bottom: 30px !default;\n$fixed-plugin-right: $fixed-plugin-bottom !default;\n$fixed-plugin-radius: 50% !default;\n$fixed-plugin-box-shadow: $navbar-box-shadow !default;\n$fixed-plugin-button-z-index: 990 !default;\n$fixed-plugin-card-z-index: 1020 !default;\n$fixed-plugin-card-width: 360px !default;\n", @@ -204,94 +208,98 @@ "$fc-event-title-padding-y: .2rem !default;\n$fc-event-title-padding-x: .3rem !default;\n\n$fc-daygrid-event-border-radius: .35rem !default;\n\n$fc-theme-standard-dark-border-color: rgba($secondary, .3) !default;\n", "// Social Buttons\n\n$facebook: #3b5998 !default;\n$facebook-states: darken($facebook, 5%) !default;\n$twitter: #55acee !default;\n$twitter-states: darken($twitter, 5%) !default;\n$instagram: #125688 !default;\n$instagram-states: darken($instagram, 6%) !default;\n$linkedin: #0077B5 !default;\n$linkedin-states: darken($linkedin, 5%) !default;\n$pinterest: #cc2127 !default;\n$pinterest-states: darken($pinterest, 6%) !default;\n$youtube: #e52d27 !default;\n$youtube-states: darken($youtube, 6%) !default;\n$dribbble: #ea4c89 !default;\n$dribbble-states: darken($dribbble, 6%) !default;\n$github: #24292E !default;\n$github-states: darken($github, 6%) !default;\n$reddit: #ff4500 !default;\n$reddit-states: darken($reddit, 6%) !default;\n$tumblr: #35465c !default;\n$tumblr-states: darken($tumblr, 6%) !default;\n$behance: #1769ff !default;\n$behance-states: darken($behance, 6%) !default;\n$vimeo: #1AB7EA !default;\n$vimeo-states: darken($vimeo, 6%) !default;\n$slack: #3aaf85 !default;\n$slack-states: darken($slack, 6%) !default;\n", "$animation-name: fadeInBottom !default;\n$animation-mode: both !default;\n$animation-duration: 1.5s !default;\n$transform-scale: scale(0.6) !default;\n$position-left: 18% !default; \n", - "@import \"../bootstrap/functions\";\n@import \"../bootstrap/variables\";\n@import \"../bootstrap/utilities\";\n\n$utilities: (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-overflow-x\n \"overflow-x\": (\n property: overflow-x,\n class: overflow-x,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-x\n // scss-docs-start utils-overflow-y\n \"overflow-y\": (\n property: overflow-y,\n class: overflow-y,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-y\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n xl: $box-shadow-xl,\n none: none,\n )\n ),\n // scss-docs-start utils-colored-shadow\n \"colored-shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n primary: $box-shadow-primary,\n secondary: $box-shadow-secondary,\n info: $box-shadow-info,\n warning: $box-shadow-warning,\n success: $box-shadow-success,\n danger: $box-shadow-danger,\n dark: $box-shadow-dark,\n light: $box-shadow-light,\n )\n ),\n // scss-docs-end utils-colored-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n //Scale\n \"transform\": (\n property: transform,\n class: transform-scale,\n responsive: true,\n values: (\n 5: scale(.5),\n 6: scale(.6),\n 7: scale(.7),\n 8: scale(.8),\n 9: scale(.9),\n 10: scale(1),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n responsive: true,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n responsive: true,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n responsive: true,\n class: w,\n values: $width\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (\n 25: $section-height-25-min-height,\n 35: $section-height-35-min-height,\n 45: $section-height-45-min-height,\n 50: $section-height-50-min-height,\n 55: $section-height-55-min-height,\n 65: $section-height-65-min-height,\n 70: $section-height-70-min-height,\n 75: $section-height-75-min-height,\n 80: $section-height-80-min-height,\n 85: $section-height-85-min-height,\n 90: $section-height-90-min-height,\n 95: $section-height-95-min-height,\n 100: 100vh\n )\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n values: map-merge(\n $theme-colors,\n (\n \"white\": $white,\n \"body\": $body-color,\n \"rose\": $rose,\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5),\n \"white-50\": rgba($white, .5),\n \"reset\": inherit,\n )\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n values: map-merge(\n $theme-colors,\n (\n \"body\": $body-bg,\n \"white\": $white,\n \"transparent\": transparent,\n \"gray-100\": $gray-100,\n \"gray-200\": $gray-200,\n \"gray-300\": $gray-300,\n \"gray-400\": $gray-400,\n \"gray-500\": $gray-500,\n \"gray-600\": $gray-600,\n \"gray-700\": $gray-700,\n \"gray-800\": $gray-800,\n \"gray-900\": $gray-900,\n )\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n ),\n // Opacity utilities\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 1: .1,\n 2: .2,\n 3: .3,\n 4: .4,\n 5: .5,\n 6: .6,\n 7: .7,\n 8: .8,\n 9: .9,\n 10: 1\n ),\n ),\n // Z-index utilities\n \"z-index\": (\n property: z-index,\n values: (\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3\n ),\n ),\n // Letter spacing utilities\n \"letter-spacing\": (\n property: letter-spacing,\n values: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n ),\n ),\n // Border radius utilities\n \"border-top-left-radius\": (\n property: border-top-left-radius,\n class: border-radius-top-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-top-right-radius\": (\n property: border-top-right-radius,\n class: border-radius-top-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-left-radius\": (\n property: border-bottom-left-radius,\n class: border-radius-bottom-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-right-radius\": (\n property: border-bottom-right-radius,\n class: border-radius-bottom-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n // Max Height Values\n \"max-height-px\": (\n property: max-height,\n class: max-height,\n values: (\n 100: $max-height-100,\n 150: $max-height-150,\n 160: $max-height-160,\n 200: $max-height-200,\n 250: $max-height-250,\n 300: $max-height-300,\n 400: $max-height-400,\n 500: $max-height-500,\n 600: $max-height-600\n )\n ),\n // Max Height Values vh\n \"max-height-vh\": (\n property: max-height,\n class: max-height-vh,\n values: (\n 10: $max-height-vh-10,\n 20: $max-height-vh-20,\n 30: $max-height-vh-30,\n 40: $max-height-vh-40,\n 50: $max-height-vh-50,\n 60: $max-height-vh-60,\n 70: $max-height-vh-70,\n 80: $max-height-vh-80,\n 90: $max-height-vh-90,\n 100: $max-height-vh-100,\n )\n ),\n // Min Height Values\n \"min-height-px\": (\n property: min-height,\n class: min-height,\n values: (\n 100: $min-height-100,\n 150: $min-height-150,\n 160: $min-height-160,\n 200: $min-height-200,\n 250: $min-height-250,\n 300: $min-height-300,\n 400: $min-height-400,\n 500: $min-height-500,\n 600: $min-height-600\n )\n ),\n // Height Values\n \"height-px\": (\n property: height,\n class: height,\n values: (\n 100: $height-100,\n 200: $height-200,\n 300: $height-300,\n 400: $height-400,\n 500: $height-500,\n 600: $height-600\n )\n ),\n // Max Width Values\n \"max-width-px\": (\n property: max-width,\n class: max-width,\n values: (\n 100: $max-width-100,\n 200: $max-width-200,\n 300: $max-width-300,\n 400: $max-width-400,\n 500: $max-width-500\n )\n ),\n);\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: rgba($black, .125) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba($black, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n", - "// stylelint-disable indentation\n\n// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", - "/*!\n * Bootstrap v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: rgba($black, .125) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba($black, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n", + "@import \"../bootstrap/functions\";\n@import \"../bootstrap/variables\";\n@import \"../bootstrap/maps\";\n@import \"../bootstrap/utilities\";\n\n$utilities: (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-overflow-x\n \"overflow-x\": (\n property: overflow-x,\n class: overflow-x,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-x\n // scss-docs-start utils-overflow-y\n \"overflow-y\": (\n property: overflow-y,\n class: overflow-y,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-y\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n xl: $box-shadow-xl,\n none: none,\n )\n ),\n // scss-docs-start utils-colored-shadow\n \"colored-shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n primary: $box-shadow-primary,\n secondary: $box-shadow-secondary,\n info: $box-shadow-info,\n warning: $box-shadow-warning,\n success: $box-shadow-success,\n danger: $box-shadow-danger,\n dark: $box-shadow-dark,\n light: $box-shadow-light,\n )\n ),\n // scss-docs-end utils-colored-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n //Scale\n \"transform\": (\n property: transform,\n class: transform-scale,\n responsive: true,\n values: (\n 5: scale(.5),\n 6: scale(.6),\n 7: scale(.7),\n 8: scale(.8),\n 9: scale(.9),\n 10: scale(1),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n responsive: true,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n responsive: true,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n responsive: true,\n class: w,\n values: $width\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (\n 25: $section-height-25-min-height,\n 35: $section-height-35-min-height,\n 45: $section-height-45-min-height,\n 50: $section-height-50-min-height,\n 55: $section-height-55-min-height,\n 65: $section-height-65-min-height,\n 70: $section-height-70-min-height,\n 75: $section-height-75-min-height,\n 80: $section-height-80-min-height,\n 85: $section-height-85-min-height,\n 90: $section-height-90-min-height,\n 95: $section-height-95-min-height,\n 100: 100vh\n )\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n values: map-merge(\n $theme-colors,\n (\n \"white\": $white,\n \"body\": $body-color,\n \"rose\": $rose,\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5),\n \"white-50\": rgba($white, .5),\n \"reset\": inherit,\n )\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n values: map-merge(\n $theme-colors,\n (\n \"body\": $body-bg,\n \"white\": $white,\n \"transparent\": transparent,\n \"gray-100\": $gray-100,\n \"gray-200\": $gray-200,\n \"gray-300\": $gray-300,\n \"gray-400\": $gray-400,\n \"gray-500\": $gray-500,\n \"gray-600\": $gray-600,\n \"gray-700\": $gray-700,\n \"gray-800\": $gray-800,\n \"gray-900\": $gray-900,\n )\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n ),\n // Opacity utilities\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 1: .1,\n 2: .2,\n 3: .3,\n 4: .4,\n 5: .5,\n 6: .6,\n 7: .7,\n 8: .8,\n 9: .9,\n 10: 1\n ),\n ),\n // Z-index utilities\n \"z-index\": (\n property: z-index,\n values: (\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3\n ),\n ),\n // Letter spacing utilities\n \"letter-spacing\": (\n property: letter-spacing,\n values: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n ),\n ),\n // Border radius utilities\n \"border-top-left-radius\": (\n property: border-top-left-radius,\n class: border-radius-top-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-top-right-radius\": (\n property: border-top-right-radius,\n class: border-radius-top-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-left-radius\": (\n property: border-bottom-left-radius,\n class: border-radius-bottom-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-right-radius\": (\n property: border-bottom-right-radius,\n class: border-radius-bottom-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n // Max Height Values\n \"max-height-px\": (\n property: max-height,\n class: max-height,\n values: (\n 100: $max-height-100,\n 130: $max-height-130,\n 140: $max-height-140,\n 150: $max-height-150,\n 160: $max-height-160,\n 200: $max-height-200,\n 250: $max-height-250,\n 300: $max-height-300,\n 400: $max-height-400,\n 500: $max-height-500,\n 600: $max-height-600\n )\n ),\n // Max Height Values vh\n \"max-height-vh\": (\n property: max-height,\n class: max-height-vh,\n values: (\n 10: $max-height-vh-10,\n 20: $max-height-vh-20,\n 30: $max-height-vh-30,\n 40: $max-height-vh-40,\n 50: $max-height-vh-50,\n 60: $max-height-vh-60,\n 70: $max-height-vh-70,\n 80: $max-height-vh-80,\n 90: $max-height-vh-90,\n 100: $max-height-vh-100,\n )\n ),\n // Min Height Values\n \"min-height-px\": (\n property: min-height,\n class: min-height,\n values: (\n 100: $min-height-100,\n 130: $min-height-130,\n 140: $min-height-140,\n 150: $min-height-150,\n 160: $min-height-160,\n 200: $min-height-200,\n 250: $min-height-250,\n 300: $min-height-300,\n 400: $min-height-400,\n 500: $min-height-500,\n 600: $min-height-600\n )\n ),\n // Height Values\n \"height-px\": (\n property: height,\n class: height,\n values: (\n 100: $height-100,\n 200: $height-200,\n 300: $height-300,\n 400: $height-400,\n 500: $height-500,\n 600: $height-600\n )\n ),\n // Max Width Values\n \"max-width-px\": (\n property: max-width,\n class: max-width,\n values: (\n 100: $max-width-100,\n 200: $max-width-200,\n 300: $max-width-300,\n 400: $max-width-400,\n 500: $max-width-500\n )\n ),\n);\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-100,\n \"purple-200\": $purple-200,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-container-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style: null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: var(--#{$prefix}body-color) !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-color: null !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toast: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-font-size: $font-size-base !default;\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n", + "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !default;\n", + "// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n local-vars: (\n \"border-opacity\": 1\n ),\n values: $utilities-border-colors\n ),\n \"border-width\": (\n css-var: true,\n css-variable-name: border-width,\n class: border,\n values: $border-widths\n ),\n \"border-opacity\": (\n css-var: true,\n class: border-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // Gap utility\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n semibold: $font-weight-semibold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: var(--#{$prefix}border-radius),\n 0: 0,\n 1: var(--#{$prefix}border-radius-sm),\n 2: var(--#{$prefix}border-radius),\n 3: var(--#{$prefix}border-radius-lg),\n 4: var(--#{$prefix}border-radius-xl),\n 5: var(--#{$prefix}border-radius-2xl),\n circle: 50%,\n pill: var(--#{$prefix}border-radius-pill)\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: var(--#{$prefix}border-radius))\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", + "@import \"mixins/banner\";\n@include bsBanner(\"\");\n\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"maps\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n", + "@mixin bsBanner($file) {\n /*!\n * Bootstrap #{$file} v5.2.3 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n}\n\n", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-100,\n \"purple-200\": $purple-200,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-container-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style: null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: var(--#{$prefix}body-color) !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-color: null !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toast: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-font-size: $font-size-base !default;\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n", + "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !default;\n", "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Helpers\n@import \"mixins/breakpoints\";\n@import \"mixins/color-scheme\";\n@import \"mixins/image\";\n@import \"mixins/resize\";\n@import \"mixins/visually-hidden\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-truncate\";\n\n// Utilities\n@import \"mixins/utilities\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/backdrop\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/forms\";\n@import \"mixins/table-variants\";\n\n// Skins\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/container\";\n@import \"mixins/grid\";\n", "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n @if $rfs-two-dimensional {\n @if $rfs-mode == max-media-query {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n @content;\n }\n }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n @if $rfs-class == disable and $rfs-mode == max-media-query {\n // Adding an extra class increases specificity, which prevents the media query to override the property\n &,\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @else if $rfs-class == enable and $rfs-mode == min-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n @if $rfs-class == enable {\n @if $rfs-mode == min-media-query {\n @content;\n }\n\n @include _rfs-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n }\n @else {\n @if $rfs-class == disable and $rfs-mode == min-media-query {\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @include _rfs-media-query {\n @content;\n }\n }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n @if $unit == px {\n // Convert to rem if needed\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);\n }\n @else if $unit == rem {\n // Convert to px if needed\n $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);\n }\n @else {\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n $val: $val + ' ' + $value;\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $unit or $unit != px and $unit != rem {\n $val: $val + ' ' + $value;\n }\n\n @else {\n // Remove unit from $value for calculations\n $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));\n\n // Only add the media query if the value is greater than the minimum value\n @if abs($value) <= $rfs-base-value or not $enable-rfs {\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);\n }\n @else {\n // Calculate the minimum value\n $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);\n\n // Calculate difference between $value and the minimum value\n $value-diff: abs($value) - $value-min;\n\n // Base value formatting\n $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);\n\n // Use negative value if needed\n $min-width: if($value < 0, -$min-width, $min-width);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n // Return the calculated value\n $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n }\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n @if $values != null {\n $val: rfs-value($values);\n $fluidVal: rfs-fluid-value($values);\n\n // Do not print the media query if responsive & non-responsive values are the same\n @if $val == $fluidVal {\n #{$property}: $val;\n }\n @else {\n @include _rfs-rule {\n #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n\n @include _rfs-media-query-rule {\n #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n }\n }\n }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n @include rfs($value);\n}\n\n@mixin padding($value) {\n @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n @include rfs($value, margin-left);\n}\n", "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", - "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n", + "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n", "// scss-docs-start mixin-color-scheme\n@mixin color-scheme($name) {\n @media (prefers-color-scheme: #{$name}) {\n @content;\n }\n}\n// scss-docs-end mixin-color-scheme\n", "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n", "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", "// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin visually-hidden-focusable() {\n &:not(:focus):not(:focus-within) {\n @include visually-hidden();\n }\n}\n", - "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", + "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n}\n", "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", - "// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (eg. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-css-var: map-get($utility, css-var);\n $is-local-vars: map-get($utility, local-vars);\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n\n @if $is-css-var {\n .#{$property-class + $infix + $property-class-modifier} {\n --#{$variable-prefix}#{$property-class}: #{$value};\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n --#{$variable-prefix}#{$property-class}: #{$value};\n }\n }\n } @else {\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $value in $is-local-vars {\n --#{$variable-prefix}#{$local-var}: #{$value};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n }\n\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n", - "// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n .alert-link {\n color: shade-color($color, 20%);\n }\n}\n// scss-docs-end alert-variant-mixin\n", + "// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // Use custom CSS variable name if present, otherwise default to `class`\n $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (e.g. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-css-var: map-get($utility, css-var);\n $is-local-vars: map-get($utility, local-vars);\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n\n @if $is-css-var {\n .#{$property-class + $infix + $property-class-modifier} {\n --#{$prefix}#{$css-variable-name}: #{$value};\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n --#{$prefix}#{$css-variable-name}: #{$value};\n }\n }\n } @else {\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n }\n\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n", + "// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n --#{$prefix}alert-color: #{$color};\n --#{$prefix}alert-bg: #{$background};\n --#{$prefix}alert-border-color: #{$border};\n\n @if $enable-gradients {\n background-image: var(--#{$prefix}gradient);\n }\n\n .alert-link {\n color: shade-color($color, 20%);\n }\n}\n// scss-docs-end alert-variant-mixin\n", "// Shared between modals and offcanvases\n@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex;\n width: 100vw;\n height: 100vh;\n background-color: $backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $backdrop-opacity; }\n}\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n $hover-color: color-contrast($hover-background),\n $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n $active-color: color-contrast($active-background),\n $disabled-background: $background,\n $disabled-border: $border,\n $disabled-color: color-contrast($disabled-background)\n) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n &:hover {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n .show > &.dropdown-toggle {\n color: $active-color;\n background-color: $active-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $disabled-color;\n background-color: $disabled-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $disabled-border;\n }\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n color: $color;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n &.dropdown-toggle.show {\n color: $active-color;\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $color;\n background-color: transparent;\n }\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n// scss-docs-end btn-size-mixin\n", + "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n $hover-color: color-contrast($hover-background),\n $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n $active-color: color-contrast($active-background),\n $disabled-background: $background,\n $disabled-border: $border,\n $disabled-color: color-contrast($disabled-background)\n) {\n --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-bg: #{$background};\n --#{$prefix}btn-border-color: #{$border};\n --#{$prefix}btn-hover-color: #{$hover-color};\n --#{$prefix}btn-hover-bg: #{$hover-background};\n --#{$prefix}btn-hover-border-color: #{$hover-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix($color, $border, 15%))};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$disabled-color};\n --#{$prefix}btn-disabled-bg: #{$disabled-background};\n --#{$prefix}btn-disabled-border-color: #{$disabled-border};\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-border-color: #{$color};\n --#{$prefix}btn-hover-color: #{$color-hover};\n --#{$prefix}btn-hover-bg: #{$active-background};\n --#{$prefix}btn-hover-border-color: #{$active-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$color};\n --#{$prefix}btn-disabled-bg: transparent;\n --#{$prefix}btn-disabled-border-color: #{$color};\n --#{$prefix}gradient: none;\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n --#{$prefix}btn-padding-y: #{$padding-y};\n --#{$prefix}btn-padding-x: #{$padding-x};\n @include rfs($font-size, --#{$prefix}btn-font-size);\n --#{$prefix}btn-border-radius: #{$border-radius};\n}\n// scss-docs-end btn-size-mixin\n", "// scss-docs-start caret-mixins\n@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-end {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-start {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == end {\n @include caret-end();\n }\n }\n\n @if $direction == start {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-start();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n// scss-docs-end caret-mixins\n", - "// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n }\n\n .page-item {\n @if $pagination-margin-start == (-$pagination-border-width) {\n &:first-child {\n .page-link {\n @include border-start-radius($border-radius);\n }\n }\n\n &:last-child {\n .page-link {\n @include border-end-radius($border-radius);\n }\n }\n } @else {\n //Add border-radius to all pageLinks in case they have left margin\n .page-link {\n @include border-radius($border-radius);\n }\n }\n }\n}\n// scss-docs-end pagination-mixin\n", + "// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n --#{$prefix}pagination-padding-x: #{$padding-x};\n --#{$prefix}pagination-padding-y: #{$padding-y};\n @include rfs($font-size, --#{$prefix}pagination-font-size);\n --#{$prefix}pagination-border-radius: #{$border-radius};\n}\n// scss-docs-end pagination-mixin\n", "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", "// List Groups\n\n// scss-docs-start list-group-mixin\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n &:hover,\n &:focus {\n color: $color;\n background-color: shade-color($background, 10%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n// scss-docs-end list-group-mixin\n", - "// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state(\n $state,\n $color,\n $icon,\n $tooltip-color: color-contrast($color),\n $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: $tooltip-color;\n background-color: $tooltip-bg-color;\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n &:not([multiple]):not([size]),\n &:not([multiple])[size=\"1\"] {\n padding-right: $form-select-feedback-icon-padding-end;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n background-color: $color;\n }\n\n &:focus {\n box-shadow: $focus-box-shadow;\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n .input-group .form-control,\n .input-group .form-select {\n @include form-validation-state-selector($state) {\n @if $state == \"valid\" {\n z-index: 1;\n } @else if $state == \"invalid\" {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n }\n }\n}\n// scss-docs-end form-validation-mixins\n", - "// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n\n --#{$variable-prefix}table-bg: #{$background};\n --#{$variable-prefix}table-striped-bg: #{$striped-bg};\n --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$variable-prefix}table-active-bg: #{$active-bg};\n --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$variable-prefix}table-hover-bg: #{$hover-bg};\n --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: $color;\n border-color: mix($color, $background, percentage($table-border-factor));\n }\n}\n// scss-docs-end table-variant\n", + "// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state(\n $state,\n $color,\n $icon,\n $tooltip-color: color-contrast($color),\n $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: $tooltip-color;\n background-color: $tooltip-bg-color;\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n &:not([multiple]):not([size]),\n &:not([multiple])[size=\"1\"] {\n padding-right: $form-select-feedback-icon-padding-end;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n .form-control-color {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n width: add($form-color-width, $input-height-inner);\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n background-color: $color;\n }\n\n &:focus {\n box-shadow: $focus-box-shadow;\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n .input-group {\n > .form-control:not(:focus),\n > .form-select:not(:focus),\n > .form-floating:not(:focus-within) {\n @include form-validation-state-selector($state) {\n @if $state == \"valid\" {\n z-index: 3;\n } @else if $state == \"invalid\" {\n z-index: 4;\n }\n }\n }\n }\n}\n// scss-docs-end form-validation-mixins\n", + "// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n $table-border-color: mix($color, $background, percentage($table-border-factor));\n\n --#{$prefix}table-color: #{$color};\n --#{$prefix}table-bg: #{$background};\n --#{$prefix}table-border-color: #{$table-border-color};\n --#{$prefix}table-striped-bg: #{$striped-bg};\n --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$prefix}table-active-bg: #{$active-bg};\n --#{$prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$prefix}table-hover-bg: #{$hover-bg};\n --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: var(--#{$prefix}table-color);\n border-color: var(--#{$prefix}table-border-color);\n }\n}\n// scss-docs-end table-variant\n", "// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n", "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @each $value in $shadow {\n @if $value != null {\n $result: append($result, $value, \"comma\");\n }\n @if $value == none and length($shadow) > 1 {\n @warn \"The keyword 'none' must be used as a single argument.\";\n }\n }\n\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", - "// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n background-color: $color;\n\n @if $enable-gradients {\n background-image: var(--#{$variable-prefix}gradient);\n }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n", + "// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n background-color: $color;\n\n @if $enable-gradients {\n background-image: var(--#{$prefix}gradient);\n }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n", "// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n", "// scss-docs-start clearfix\n@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n// scss-docs-end clearfix\n", - "// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n width: 100%;\n padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});\n padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});\n margin-right: auto;\n margin-left: auto;\n}\n", - "// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$variable-prefix}gutter-x: #{$gutter};\n --#{$variable-prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n margin-top: calc(-1 * var(--#{$variable-prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n @if $size {\n flex: 0 0 auto;\n width: percentage(divide($size, $columns));\n\n } @else {\n flex: 1 1 0;\n max-width: 100%;\n }\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: divide(100%, $count);\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$i} {\n grid-column: auto / span $i;\n }\n }\n\n // Start with `1` because `0` is and invalid value.\n // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n @for $i from 1 through ($columns - 1) {\n .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n", - "// stylelint-disable indentation\n\n// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", - ":root {\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Colors\n //\n // Generate palettes for full colors, grays, and theme colors.\n\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$variable-prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$variable-prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$variable-prefix}white-rgb: #{to-rgb($white)};\n --#{$variable-prefix}black-rgb: #{to-rgb($black)};\n --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};\n --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n\n // Root and body\n // stylelint-disable custom-property-empty-line-before\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$variable-prefix}root-font-size: #{$font-size-root};\n }\n --#{$variable-prefix}body-font-family: #{$font-family-base};\n --#{$variable-prefix}body-font-size: #{$font-size-base};\n --#{$variable-prefix}body-font-weight: #{$font-weight-base};\n --#{$variable-prefix}body-line-height: #{$line-height-base};\n --#{$variable-prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$variable-prefix}body-text-align: #{$body-text-align};\n }\n --#{$variable-prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n // stylelint-enable custom-property-empty-line-before\n}\n", - "// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n @if $font-size-root != null {\n font-size: var(--#{$variable-prefix}root-font-size);\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n margin: 0; // 1\n font-family: var(--#{$variable-prefix}body-font-family);\n @include font-size(var(--#{$variable-prefix}body-font-size));\n font-weight: var(--#{$variable-prefix}body-font-weight);\n line-height: var(--#{$variable-prefix}body-line-height);\n color: var(--#{$variable-prefix}body-color);\n text-align: var(--#{$variable-prefix}body-text-align);\n background-color: var(--#{$variable-prefix}body-bg); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`

@@ -30,12 +40,11 @@

{{ item.display_name }}

width: 8rem; margin-right: 1.5rem; "/> - + date_range {{ item.last_update }}
@@ -57,9 +66,19 @@

{{ item.display_name }}

{{ item.last_update_status }} {% endif %}
-
-

{{ item.display_name }}

-
+
+
+ +
+
+

{{ item.display_name }}

+
+
@@ -73,12 +92,11 @@

{{ item.display_name }}

margin-right: 1.5rem; "/> {% endif %} - + date_range {{ item.last_update }}
From 667db6c138602f5d67f2890614a3a4bd5a0f7d7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Fri, 29 Sep 2023 11:59:16 +0200 Subject: [PATCH 20/59] add cancelled status --- app/templates/pages/home.html | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/app/templates/pages/home.html b/app/templates/pages/home.html index f0c67ce..4b5a210 100644 --- a/app/templates/pages/home.html +++ b/app/templates/pages/home.html @@ -527,6 +527,17 @@

Backup feed

}); } + function handleCancelClick(tenant_id) { + const endpoint = 'intunecd/cancel'; + fetch(endpoint, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ tenant_id: tenant_id }), + }); + } + $(document).ready(function() { var socket = io.connect(); var statusData = {}; @@ -536,6 +547,7 @@

Backup feed

const el = document.getElementById(`current-message-${tenant_id}`); const updateButton = document.getElementById(`update-${tenant_id}`); const backupButton = document.getElementById(`backup-${tenant_id}`); + const cancelButton = document.getElementById(`cancel-${tenant_id}`); const ellipsis = document.getElementById(`ellipsis-${tenant_id}`); const ls = document.getElementById(`last-status-${tenant_id}`); const updateDate = document.getElementById(`updateDate-${tenant_id}`); @@ -547,9 +559,10 @@

Backup feed

if (backupButton) backupButton.style.removeProperty('display'); if (updateButton) updateButton.style.removeProperty('display'); + if (cancelButton) cancelButton.style.display = 'none'; if (ellipsis) ellipsis.style.display = 'none'; - if (status === 'error' || status === 'success') { + if (status === 'error' || status === 'success' || status === 'cancelled') { if (backupButton) backupButton.style.removeProperty('display'); if (updateButton) updateButton.style.removeProperty('display'); if (ellipsis) ellipsis.style.display = 'none'; @@ -559,6 +572,9 @@

Backup feed

} else if (status === 'success') { ls.classList.add('text-success'); ls.classList.remove('text-warning', 'text-danger', 'text-info'); + } else if (status === 'cancelled') { + ls.classList.add('text-danger'); + ls.classList.remove('text-success', 'text-warning', 'text-info'); } else { ls.classList.add('text-warning'); @@ -567,14 +583,16 @@

Backup feed

} else { if (!backupButton && ellipsis) { if (updateButton.style.display != 'none' && ellipsis.style.display === 'none') { - ellipsis.style.display = 'inline-block'; + ellipsis.style = ''; + cancelButton.style.removeProperty('display'); ls.innerText = status; ls.classList.add('text-info') updateButton.style.display = 'none'; } } else if (updateButton && backupButton && ellipsis) { if (updateButton.style.display != 'none' && backupButton.style.display != 'none' && ellipsis.style.display === 'none') { - ellipsis.style.display = 'inline-block'; + ellipsis.style = ''; + cancelButton.style.removeProperty('display'); ls.innerText = status; ls.classList.add('text-info') updateButton.style.display = 'none'; From a44222cca56fbe7805a9619a43824a840501ad83 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Fri, 29 Sep 2023 11:59:48 +0200 Subject: [PATCH 21/59] bump to 2.0.3a2 --- app/__init__.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/__init__.py b/app/__init__.py index f33ffbd..be6fb1d 100644 --- a/app/__init__.py +++ b/app/__init__.py @@ -20,7 +20,7 @@ task_track_started=True, ), ) -app.config["APP_VERSION"] = "2.0.3a1" +app.config["APP_VERSION"] = "2.0.3a2" app.config["APISPEC_SWAGGER_UI_URL"] = "/apidocs" app.config["APISPEC_TITLE"] = "IntuneCD Monitor API Docs" From 38e257cd788e5ac0ce01bf2649d3f3b39db1e9a2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Fri, 29 Sep 2023 14:29:50 +0200 Subject: [PATCH 22/59] fix empty push due to untracked files --- app/run_intunecd.py | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/app/run_intunecd.py b/app/run_intunecd.py index dc9c942..31fd16c 100644 --- a/app/run_intunecd.py +++ b/app/run_intunecd.py @@ -470,10 +470,14 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: db.session.commit() # Commit and push changes + ignore_files = ["backup_summary.json", "IntuneCD-documentation.md"] diff = repo.git.diff() untracked_files = repo.untracked_files + for f in ignore_files: + if f in untracked_files: + untracked_files.remove(f) if diff or untracked_files: - repo.git.add("--all", ":^backup_summary.json") + repo.git.add("--all", ":^backup_summary.json", ":^IntuneCD-documentation.md") if NEW_BRANCH: date = get_now() clean_date = date.replace(" ", "-").replace(":", "-") @@ -497,12 +501,11 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: origin = repo.remote(name="origin") origin.push(refspec="HEAD") - if intunecd_tenant.create_documentation: + if intunecd_tenant.create_documentation == "true": create_documentation(local_path, intunecd_tenant) - shutil.rmtree(local_path) + shutil.rmtree(local_path) - date_now = get_now() return { "status": "success", "message": message, From 3a6b6b05f9e714f4ac631dfb6c895ef2b45313d8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:43:11 +0200 Subject: [PATCH 23/59] update material dashboard --- app/static/assets/js/plugins/countup.min.js | 1 - app/static/assets/js/scripts.js | 91 ++ .../scss/material-dashboard/_accordion.scss | 28 + .../scss/material-dashboard/_backgrounds.scss | 19 + .../material-dashboard/_cards-extend.scss | 4 + .../scss/material-dashboard/_components.scss | 5 + .../material-dashboard/_dropdown-extend.scss | 31 + .../_floating-elements.scss | 73 + .../scss/material-dashboard/_list-check.scss | 25 + .../scss/material-dashboard/_misc-extend.scss | 244 +++ .../scss/material-dashboard/_rtl-extend.scss | 63 + .../badges/_badge-circle.scss | 29 + .../material-dashboard/badges/_badge-dot.scss | 42 + .../badges/_badge-floating.scss | 17 + .../material-dashboard/badges/_badge.scss | 93 ++ .../material-dashboard/cards/card-blog.scss | 17 + .../cards/card-horizontal.scss | 24 + .../cards/card-pricing.scss | 48 + .../cards/card-profile.scss | 59 + .../plugins/pro/_carousel-slick.scss | 102 ++ .../plugins/pro/_choices.scss | 455 ++++++ .../plugins/pro/_datatable-extend.scss | 126 ++ .../plugins/pro/_datatable.scss | 179 ++ .../plugins/pro/_dragula.scss | 22 + .../plugins/pro/_dropzone.scss | 396 +++++ .../plugins/pro/_fullcalendar-extend.scss | 96 ++ .../plugins/pro/_fullcalendar.scss | 1434 +++++++++++++++++ .../plugins/pro/_glidejs.scss | 179 ++ .../plugins/pro/_highlight.scss | 83 + .../plugins/pro/_kanban.scss | 158 ++ .../plugins/pro/_leaflet.scss | 656 ++++++++ .../plugins/pro/_list-check.scss | 17 + .../plugins/pro/_photoswipe.scss | 182 +++ .../plugins/pro/_quill.scss | 949 +++++++++++ .../plugins/pro/_rating-widget.scss | 36 + .../plugins/pro/_sweetalert2-extend.scss | 70 + .../plugins/pro/_sweetalert2.scss | 1322 +++++++++++++++ .../plugins/pro/_vector-map.scss | 131 ++ .../plugins/pro/multi-step.scss | 188 +++ .../plugins/pro/plugins-extend.scss | 22 + .../scss/material-dashboard/theme-pro.scss | 37 + 41 files changed, 7752 insertions(+), 1 deletion(-) delete mode 100644 app/static/assets/js/plugins/countup.min.js create mode 100644 app/static/assets/js/scripts.js create mode 100755 app/static/assets/scss/material-dashboard/_accordion.scss create mode 100755 app/static/assets/scss/material-dashboard/_backgrounds.scss create mode 100755 app/static/assets/scss/material-dashboard/_cards-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/_components.scss create mode 100755 app/static/assets/scss/material-dashboard/_dropdown-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/_floating-elements.scss create mode 100755 app/static/assets/scss/material-dashboard/_list-check.scss create mode 100755 app/static/assets/scss/material-dashboard/_misc-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/_rtl-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/badges/_badge-circle.scss create mode 100755 app/static/assets/scss/material-dashboard/badges/_badge-dot.scss create mode 100755 app/static/assets/scss/material-dashboard/badges/_badge-floating.scss create mode 100755 app/static/assets/scss/material-dashboard/badges/_badge.scss create mode 100755 app/static/assets/scss/material-dashboard/cards/card-blog.scss create mode 100755 app/static/assets/scss/material-dashboard/cards/card-horizontal.scss create mode 100755 app/static/assets/scss/material-dashboard/cards/card-pricing.scss create mode 100755 app/static/assets/scss/material-dashboard/cards/card-profile.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_carousel-slick.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_choices.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_datatable-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_datatable.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_dragula.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_dropzone.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_glidejs.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_highlight.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_kanban.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_leaflet.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_list-check.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_photoswipe.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_quill.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_rating-widget.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/_vector-map.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/multi-step.scss create mode 100755 app/static/assets/scss/material-dashboard/plugins/pro/plugins-extend.scss create mode 100755 app/static/assets/scss/material-dashboard/theme-pro.scss diff --git a/app/static/assets/js/plugins/countup.min.js b/app/static/assets/js/plugins/countup.min.js deleted file mode 100644 index 1d4e11f..0000000 --- a/app/static/assets/js/plugins/countup.min.js +++ /dev/null @@ -1 +0,0 @@ -var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var i,a=1,s=arguments.length;as.endVal?s.endVal:s.frameVal,s.frameVal=Number(s.frameVal.toFixed(s.options.decimalPlaces)),s.printValue(s.frameVal),i1?s.options.decimal+a[1]:"",s.options.useGrouping){r="";for(var l=0,h=n.length;lt;var i=t-this.startVal;if(Math.abs(i)>this.options.smartEasingThreshold){this.finalEndVal=t;var a=this.countDown?1:-1;this.endVal=t+a*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=t,this.finalEndVal=null;this.finalEndVal?this.useEasing=!1:this.useEasing=this.options.useEasing},t.prototype.start=function(t){this.error||(this.callback=t,this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},t.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},t.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},t.prototype.update=function(t){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(t),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},t.prototype.printValue=function(t){var i=this.formattingFn(t);"INPUT"===this.el.tagName?this.el.value=i:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=i:this.el.innerHTML=i},t.prototype.ensureNumber=function(t){return"number"==typeof t&&!isNaN(t)},t.prototype.validateValue=function(t){var i=Number(t);return this.ensureNumber(i)?i:(this.error="[CountUp] invalid start or end value: "+t,null)},t.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},t}(); diff --git a/app/static/assets/js/scripts.js b/app/static/assets/js/scripts.js new file mode 100644 index 0000000..dd569ad --- /dev/null +++ b/app/static/assets/js/scripts.js @@ -0,0 +1,91 @@ +function drawLineChart(id, labels, data) { + var ctx = document.getElementById(id).getContext("2d"); + var lineChart = new Chart(ctx, { + type: "line", + data: { + labels: labels, + datasets: [ + { + label: 'count', + data: data, + fill: false, + borderColor: "white", + lineTension: 0.1 + }, + ] + }, + options: { + responsive: true, + maintainAspectRatio: false, + plugins: { + legend: { + display: false, + } + }, + interaction: { + intersect: false, + mode: 'index', + }, + scales: { + y: { + grid: { + drawBorder: false, + display: true, + drawOnChartArea: true, + drawTicks: false, + borderDash: [5,], + color: 'rgba(255, 255, 255, .2)' + }, + ticks: { + suggestedMin: 0, + suggestedMax: 500, + beginAtZero: true, + padding: 10, + font: { + size: 14, + weight: 300, + family: "Roboto", + style: 'normal', + lineHeight: 2 + }, + color: "#fff" + }, + }, + x: { + grid: { + drawBorder: false, + display: true, + drawOnChartArea: true, + drawTicks: false, + borderDash: [5, 5], + color: 'rgba(255, 255, 255, .2)' + }, + ticks: { + display: false + }, + } + } + } + }); +} + +function updateCounts(matchCount, diffCount, trackedCount) { + var matchCount = new CountUp('match', 0, matchCount); + if (!matchCount.error) { + matchCount.start(); + } else { + console.error(matchCount.error); + } + var diffCount = new CountUp('diff', 0, diffCount); + if (!diffCount.error) { + diffCount.start(); + } else { + console.error(diffCount.error); + } + var trackedCount = new CountUp('tracked', 0, trackedCount); + if (!trackedCount.error) { + trackedCount.start(); + } else { + console.error(trackedCount.error); + } +} \ No newline at end of file diff --git a/app/static/assets/scss/material-dashboard/_accordion.scss b/app/static/assets/scss/material-dashboard/_accordion.scss new file mode 100755 index 0000000..c845caf --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_accordion.scss @@ -0,0 +1,28 @@ +.accordion { + .accordion-button { + margin: 0 auto; + font-size: inherit !important; + } + + div { + button[aria-expanded='true'] { + .collapse-close { + display: none; + } + + .collapse-open { + display: block; + } + } + + button[aria-expanded='false'] { + .collapse-open { + display: none; + } + + .collapse-close { + display: block; + } + } + } +} diff --git a/app/static/assets/scss/material-dashboard/_backgrounds.scss b/app/static/assets/scss/material-dashboard/_backgrounds.scss new file mode 100755 index 0000000..9d526ec --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_backgrounds.scss @@ -0,0 +1,19 @@ +.bg-primary-soft{ + background: rgba($primary-gradient, .03); +} + +.bg-info-soft{ + background: rgba($info-gradient, .03); +} + +.bg-success-soft{ + background: rgba($success-gradient, .03); +} + +.bg-warning-soft{ + background: rgba($warning-gradient, .03); +} + +.bg-danger-soft{ + background: rgba($danger-gradient, .03); +} diff --git a/app/static/assets/scss/material-dashboard/_cards-extend.scss b/app/static/assets/scss/material-dashboard/_cards-extend.scss new file mode 100755 index 0000000..639f92a --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_cards-extend.scss @@ -0,0 +1,4 @@ +@import 'cards/card-blog'; +@import 'cards/card-horizontal'; +@import 'cards/card-profile'; +@import 'cards/card-pricing'; diff --git a/app/static/assets/scss/material-dashboard/_components.scss b/app/static/assets/scss/material-dashboard/_components.scss new file mode 100755 index 0000000..6d535fe --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_components.scss @@ -0,0 +1,5 @@ +// Badges +@import "badges/badge"; +@import "badges/badge-circle"; +@import "badges/badge-dot"; +@import "badges/badge-floating"; diff --git a/app/static/assets/scss/material-dashboard/_dropdown-extend.scss b/app/static/assets/scss/material-dashboard/_dropdown-extend.scss new file mode 100755 index 0000000..6cca34e --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_dropdown-extend.scss @@ -0,0 +1,31 @@ +// MultiLevel Dropdown Style + +.dropdown-menu li { + position: relative; +} + +// End MultiLevel Dropdown Style + +.dropdown-image { + background-size: cover; +} + +@include media-breakpoint-up(lg) { + .dropdown-xl { + min-width: $dropdown-xl-min-width; + } + + .dropdown-lg { + min-width: $dropdown-lg-min-width; + } + + .dropdown-md { + min-width: $dropdown-md-min-width; + } +} + +@include media-breakpoint-down(xl) { + .dropdown-lg-responsive { + min-width: $dropdown-lg-width-responsive; + } +} diff --git a/app/static/assets/scss/material-dashboard/_floating-elements.scss b/app/static/assets/scss/material-dashboard/_floating-elements.scss new file mode 100755 index 0000000..a4456ac --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_floating-elements.scss @@ -0,0 +1,73 @@ +.floating-man { + width: $floating-man-width; +} + +.fadeIn1 { + animation-duration: $fade-in-1-animation-duration; +} +.fadeIn2 { + animation-duration: $fade-in-2-animation-duration; +} +.fadeIn3 { + animation-duration: $fade-in-3-animation-duration; +} +.fadeIn4 { + animation-duration: $fade-in-4-animation-duration; +} +.fadeIn5 { + animation-duration: $fade-in-5-animation-duration; +} +.fadeIn1, +.fadeIn2, +.fadeIn3, +.fadeIn4, +.fadeIn5 { + animation-fill-mode: both; +} +.fadeInBottom { + animation-name: $fade-in-animation-name; +} + +@keyframes fadeInBottom { + from { + opacity: 0; + transform: $fade-in-bottom-transform; + } + to { + opacity: 1 + } +} + + + + +// Headers + +.header-rounded-images { + .shape-1 { + width: $shape-1-width; + left: $shape-1-left; + } + + .shape-2 { + width: $shape-2-width; + left: $shape-2-left; + } + + .shape-3 { + width: $shape-3-width; + margin-top: $shape-3-left; + } + + .img-1 { + right: $shape-img-1-right; + width: $shape-img-1-width; + margin-top: $shape-img-1-margin-top; + } + + .img-2 { + left: $shape-img-2-left; + width: $shape-img-2-width; + margin-top: $shape-img-2-margin-top; + } +} diff --git a/app/static/assets/scss/material-dashboard/_list-check.scss b/app/static/assets/scss/material-dashboard/_list-check.scss new file mode 100755 index 0000000..f648440 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_list-check.scss @@ -0,0 +1,25 @@ +// Checklist item +// contains the checklist entry info and checkbox + +.checklist-item { + &:before { + content: ""; + position: absolute; + width: 3px; + height: 100%; + top: 0; + left: 0; + background-color: $primary; + border-radius: $border-radius-sm; + } +} + +// Color variations + +@each $color, $value in $theme-colors { + .checklist-item-#{$color} { + &:before { + background-color: $value; + } + } +} diff --git a/app/static/assets/scss/material-dashboard/_misc-extend.scss b/app/static/assets/scss/material-dashboard/_misc-extend.scss new file mode 100755 index 0000000..4818d81 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_misc-extend.scss @@ -0,0 +1,244 @@ + +// Perspective effect +.change-perspective { + transform: $transform-perspective; +} + +.change-perspective-inverse { + transform: $transform-perspective-inverse; +} +// Device Wrapper +.device-wrapper { + border-radius: $device-wrapper-radius; + box-shadow: $device-wrapper-box-shadow; +} + +// sidebar caret RTL +.rotate-caret { + .collapse { + .nav-link:after { + margin-right: auto; + margin-left: 0; + } + } +} + +.z-index2 { + z-index: $z-index2; +} +@keyframes gradient { + 0% { + background-position: 0 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0 50%; + } +} +// Colored Shadow on Cards images +.colored-shadow { + transform: scale($colored-shadow-scale); + top: $colored-shadow-top; + filter: blur($colored-shadow-blur); + position: absolute; + left: 0; + width: 100%; + height: 100%; + background-size: cover; + z-index: -1; + + &.rounded { + border-radius: 50% !important; + } + + &.avatar-xs { + transform: scale($colored-shadow-scale-avatar); + width: $avatar-xs-width; + height: $avatar-xs-height; + } + + &.avatar-sm { + transform: scale($colored-shadow-scale-avatar); + width: $avatar-sm-width; + height: $avatar-sm-height; + } + + &.avatar-lg { + transform: scale($colored-shadow-scale-avatar); + width: $avatar-lg-width; + height: $avatar-lg-height; + } + + &.avatar-xl { + transform: scale($colored-shadow-scale-avatar); + width: $avatar-xl-width; + height: $avatar-xl-height; + } + + &.avatar-xxl { + transform: scale($colored-shadow-scale-avatar); + width: $avatar-xxl-width; + height: $avatar-xxl-height; + } +} + +// Width in PX +.width-32-px { + width: $width-32-px; +} + +.width-48-px { + width: $width-48-px; +} + +.width-64-px { + width: $width-64-px; +} + +// Animated shapes +.animated-blur { + filter: blur(40px); +} + +.animated-blur-1 { + animation: animation-blur-one 8s infinite; +} + +.animated-blur-2 { + animation: animation-blur-one 4s infinite; +} + +.animated-blur-3 { + animation: animation-blur-two 6s infinite; +} + +.animated-blur-4 { + animation: animation-blur-two 5s infinite; +} +@keyframes animation-blur-one { + 0% { + transform: scale(.8); + } + + 25% { + transform: translateX(10%); + } + + 50% { + transform: scale(1.2); + } + + 75% { + transform: translateX(5%); + } + + 100% { + transform: scale(.8); + } +} +@keyframes animation-blur-two { + 0% { + transform: scale(1.2); + } + + 50% { + transform: scale(.8); + } + + 100% { + transform: scale(1.2); + } +} + +// Text with border +.text-border { + &:after, + &:before { + content: ""; + display: $text-border-display; + width: $text-border-width; + height: $text-border-height; + position: $text-border-position; + vertical-align: $text-border-vertical-align; + } + + &:after{ + background: $text-border-bg-color-after; + } + + &:before{ + background: $text-border-bg-color-before; + } + + &:before { + right: $text-border-before-right; + margin-left: $text-border-before-ml; + } + + &:after { + left: $text-border-after-left; + margin-right: $text-border-after-mr; + } +} + +a[data-scroll]{ + border-radius: $border-radius-md; + &:hover{ + background: $gray-200; + color: $h-color; + } +} + +// Round Slider Styling +round-slider { + max-width: $round-slider-m-width; + transition: $round-slider-transition; +} + +round-slider.scaling:hover { + max-width: $round-slider-scale-m-width; +} + + +// Smart Home - Room Selectpicker +.room-select { + .choices { + .choices__inner { + background: $white; + border-color: $white; + } + } +} + + +// Page Sections Breadcrumb +@include media-breakpoint-down(lg) { + .page-headers-sections { + .container { + .row { + .col-lg-12.mx-auto > .mb-4.w-25 { + width: 50% !important; + } + } + } + } +} +@include media-breakpoint-down(sm) { + .page-headers-sections { + .container { + .row { + .col-lg-12.mx-auto > .mb-4.w-25 { + width: 100% !important; + } + } + } + } +} +// Coming Soon Page +.transform-rotate { + transform: $coming-rotate-transform; +} diff --git a/app/static/assets/scss/material-dashboard/_rtl-extend.scss b/app/static/assets/scss/material-dashboard/_rtl-extend.scss new file mode 100755 index 0000000..4d80e33 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/_rtl-extend.scss @@ -0,0 +1,63 @@ +@include media-breakpoint-up(lg) { + .rtl { + .navbar-vertical { + .navbar-nav { + .collapse, + .collapsing { + .nav-item { + .nav-link { + &:before { + right: $rtl-sidebar-bullet-right !important; + left: auto !important; + } + } + + .collapse, + .collapsing { + .nav { + padding-right: 0; + } + } + } + } + } + } + + &.g-sidenav-hidden { + .navbar-vertical { + .navbar-nav { + .nav-item { + .collapse, + .collapsing { + .nav { + padding-right: 0; + } + } + } + } + + &:hover { + .navbar-nav { + > .nav-item { + .collapse, + .collapsing { + .nav { + padding-right: $rtl-sidebar-hover-padding-right; + + .nav-item { + .collapse, + .collapsing { + .nav { + padding-right: 0 !important; + } + } + } + } + } + } + } + } + } + } + } +} diff --git a/app/static/assets/scss/material-dashboard/badges/_badge-circle.scss b/app/static/assets/scss/material-dashboard/badges/_badge-circle.scss new file mode 100755 index 0000000..f8fa71d --- /dev/null +++ b/app/static/assets/scss/material-dashboard/badges/_badge-circle.scss @@ -0,0 +1,29 @@ +// +// Circle badge +// + + +// General styles + +.badge-circle { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: $badge-circle-border-radius; + padding: 0 !important; + width: $badge-circle-width; + height: $badge-circle-height; + font-size: $badge-circle-font-size; + font-weight: $badge-circle-font-weight; + + &.badge-md { + width: $badge-circle-md-width; + height: $badge-circle-md-height; + } + + &.badge-lg { + width: $badge-circle-lg-width; + height: $badge-circle-lg-height; + } +} diff --git a/app/static/assets/scss/material-dashboard/badges/_badge-dot.scss b/app/static/assets/scss/material-dashboard/badges/_badge-dot.scss new file mode 100755 index 0000000..9d9fbc6 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/badges/_badge-dot.scss @@ -0,0 +1,42 @@ +// +// Dot badge +// + + +// General styles + +.badge-dot { + padding-left: 0; + padding-right: 0; + background: transparent; + font-weight: $font-weight-normal; + font-size: $font-size-sm; + text-transform: none; + + strong { + color: $gray-800; + } + + i { + display: inline-block; + vertical-align: middle; + width: $badge-dot-icon-width; + height: $badge-dot-icon-height; + border-radius: $badge-dot-icon-radius; + margin-right: $badge-dot-icon-margin-right; + } + + &.badge-md { + i { + width: $badge-dot-md-icon-width; + height: $badge-dot-md-icon-height; + } + } + + &.badge-lg { + i { + width: $badge-dot-lg-icon-width; + height: $badge-dot-lg-icon-height; + } + } +} diff --git a/app/static/assets/scss/material-dashboard/badges/_badge-floating.scss b/app/static/assets/scss/material-dashboard/badges/_badge-floating.scss new file mode 100755 index 0000000..061236b --- /dev/null +++ b/app/static/assets/scss/material-dashboard/badges/_badge-floating.scss @@ -0,0 +1,17 @@ +// +// Badge floating +// + + +.btn { + .badge-floating { + position: absolute; + top: -$badge-floating-top; + transform: translateY($badge-floating-top); + border: $badge-floating-border solid; + + &.badge:not(.badge-circle) { + transform: $badge-floating-transform; + } + } +} diff --git a/app/static/assets/scss/material-dashboard/badges/_badge.scss b/app/static/assets/scss/material-dashboard/badges/_badge.scss new file mode 100755 index 0000000..2e3755f --- /dev/null +++ b/app/static/assets/scss/material-dashboard/badges/_badge.scss @@ -0,0 +1,93 @@ +// +// Badge +// + + +// General styles + +.badge { + + + a { + color: $white; + } +} + + +// Size variations + +.badge-sm{ + padding: $badge-sm-padding; + font-size: $badge-sm-font-size; + border-radius: $border-radius-md; +} + +.badge-md { + padding: $badge-md-padding; +} + +.badge-lg { + padding: $badge-lg-padding; +} + + +// Multiple inline badges + +.badge-inline { + margin-right: $badge-inline-margin-right; + + + span { + top: $badge-inline-span-top; + position: relative; + + > a { + text-decoration: underline; + } + } +} + + +// Color fixes + +.badge-default { + color: $white; +} + +.badge.badge-secondary { + background-color: lighten($secondary, 32%); + color: $gray-600; +} + + +// Badge spacing inside a btn with some text + +.btn { + .badge { + &:not(:first-child) { + margin-left: $badge-btn-margin; + } + &:not(:last-child) { + margin-right: $badge-btn-margin; + } + } +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} + + + +// card-pricing badge position + +.card { + >.badge { + margin-top: $card-badge-position !important; + } +} diff --git a/app/static/assets/scss/material-dashboard/cards/card-blog.scss b/app/static/assets/scss/material-dashboard/cards/card-blog.scss new file mode 100755 index 0000000..1a35994 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/cards/card-blog.scss @@ -0,0 +1,17 @@ +.card { + &.card-blog { + .card-image { + box-shadow: $box-shadow; + + .img { + width: 100%; + } + } + + .card-title { + a { + color: $dark; + } + } + } +} diff --git a/app/static/assets/scss/material-dashboard/cards/card-horizontal.scss b/app/static/assets/scss/material-dashboard/cards/card-horizontal.scss new file mode 100755 index 0000000..6b26cc5 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/cards/card-horizontal.scss @@ -0,0 +1,24 @@ +.card { + &.card-horizontal { + box-shadow: none; + + .card-image { + border-radius: $card-border-radius; + + .img { + width: 100%; + border-radius: $card-border-radius; + } + } + + .card-body { + .card-title { + font-size: $h4-font-size; + + a { + color: $dark; + } + } + } + } +} diff --git a/app/static/assets/scss/material-dashboard/cards/card-pricing.scss b/app/static/assets/scss/material-dashboard/cards/card-pricing.scss new file mode 100755 index 0000000..433c9ba --- /dev/null +++ b/app/static/assets/scss/material-dashboard/cards/card-pricing.scss @@ -0,0 +1,48 @@ +.card { + &.card-pricing { + .card-body { + padding: $card-pricing-body-padding; + } + .table { + tr { + border-image: $card-pricing-border-color; + } + td { + .badge { + padding: $card-pricing-badge-padding; + font-size: $card-pricing-badge-font-size; + position: $card-pricing-badge-position; + top: $card-pricing-badge-top; + } + } + } + &[data-feature="icon"] { + + .icon { + height: $card-pricing-icon-height; + width: $card-pricing-icon-width; + position: $card-pricing-icon-position; + top: $card-pricing-icon-top; + left: 0; + right: 0; + + i { + color: $white; + padding: $card-pricing-i-padding; + } + } + } + + .plans { + i { + font-size: $card-pricing-icon-font-size; + } + .card-category { + text-transform: uppercase; + } + } + .icon-lg i { + font-size: $card-pricing-icon-lg-font-size; + } + } +} diff --git a/app/static/assets/scss/material-dashboard/cards/card-profile.scss b/app/static/assets/scss/material-dashboard/cards/card-profile.scss new file mode 100755 index 0000000..b0978f1 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/cards/card-profile.scss @@ -0,0 +1,59 @@ +.card { + &.card-profile { + .card-body { + padding: $card-profile-body-padding; + } + + .card-avatar { + margin: $card-profile-avatar-margin; + + .img { + margin-top: $card-profile-img-mt; + border-radius: $card-profile-img-radius; + width: $card-profile-img-width; + } + } + + p.lead { + font-weight: $font-weight-bold; + font-size: $h6-font-size; + line-height: $card-profile-p-line-height; + } + .table { + td { + font-weight: $font-weight-light; + font-size: $font-size-base; + } + } + + .card-before { + &:before { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 50%; + display: block; + z-index: 0; + content: ''; + transition: opacity .65s cubic-bezier(.05,.2,.1,1); + } + + &.mask-primary:before { + background: linear-gradient(to bottom,rgba(15,15,15,0),$primary 100%); + } + &.mask-info:before { + background: linear-gradient(to bottom,rgba(15,15,15,0),$info 100%); + } + &.mask-warning:before { + background: linear-gradient(to bottom,rgba(15,15,15,0),$warning-gradient-state 100%); + } + &.mask-danger:before { + background: linear-gradient(to bottom,rgba(15,15,15,0),$danger 100%); + } + &.mask-success:before { + background: linear-gradient(to bottom,rgba(15,15,15,0),$success 100%); + } + } + } +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_carousel-slick.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_carousel-slick.scss new file mode 100755 index 0000000..123921b --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_carousel-slick.scss @@ -0,0 +1,102 @@ +.slick-slider { + .btn.slick-next { + margin-left: 10px; + } +} +.slick-slide { + margin: 0px 20px; +} + +.slick-slide img { + width: 200px; +} + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + display: block; + overflow: hidden; + margin: 0; + padding: 0; + margin-top: 100px; +} +.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; + top: 0; + left: 0; + display: block; +} +.slick-track:before, +.slick-track:after { + display: table; + content: ''; +} +.slick-track:after { + clear: both; +} +.slick-loading .slick-track { + visibility: hidden; +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; +} +[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; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_choices.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_choices.scss new file mode 100755 index 0000000..bbc7e96 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_choices.scss @@ -0,0 +1,455 @@ +/*=============================== += Choices = +===============================*/ +.choices { + position: relative; + margin-bottom: 24px; + font-size: 16px; + width: 100%; +} + +.choices:focus { + outline: none; +} + +.choices:last-child { + margin-bottom: 0; +} + +.choices.is-disabled .choices__inner, +.choices.is-disabled .choices__input { + background-color: #eaeaea; + cursor: not-allowed; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.choices.is-disabled .choices__item { + cursor: not-allowed; +} + +.choices [hidden] { + display: none !important; +} + +.choices[data-type*='select-one'] { + cursor: pointer; +} + +.choices[data-type*='select-one'] .choices__inner { + padding-bottom: 7.5px; +} + +.choices[data-type*='select-one'] .choices__input { + display: block; + width: 100%; + padding: 10px; + border-bottom: 1px solid #dddddd; + background-color: #ffffff; + margin: 0; +} + +.choices[data-type*='select-one'] .choices__button { + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); + padding: 0; + background-size: 8px; + position: absolute; + top: 50%; + right: 0; + margin-top: -10px; + margin-right: 25px; + height: 20px; + width: 20px; + border-radius: 10em; + opacity: 0.5; +} + +.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus { + opacity: 1; +} + +.choices[data-type*='select-one'] .choices__button:focus { + box-shadow: 0px 0px 0px 2px #00bcd4; +} + +.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button { + display: none; +} + +.choices[data-type*='select-one']:after { + content: "\f107"; + font: normal normal normal 14px/1 FontAwesome; + position: absolute; + right: 13.5px; + top: 14px; + pointer-events: none; + transition: $dropdown-toggle-arrow-transition; +} + +.choices[data-type*='select-one'].is-open:after { + transform: $dropdown-toggle-arrow-transform; +} + +.choices[data-type*='select-one'][dir='rtl']:after { + left: 11.5px; + right: auto; +} + +.choices[data-type*='select-one'][dir='rtl'] .choices__button { + right: auto; + left: 0; + margin-left: 25px; + margin-right: 0; +} + +.choices[data-type*='select-multiple'] .choices__inner, +.choices[data-type*='text'] .choices__inner { + cursor: text; +} + +.choices[data-type*='select-multiple'] .choices__button, +.choices[data-type*='text'] .choices__button { + position: relative; + display: inline-block; + margin-top: 0; + margin-right: -6px; + margin-bottom: 0; + margin-left: 8px; + padding-left: 17px; + border-left: 1px solid rgba($white, .3); + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); + background-size: 8px; + width: 8px; + line-height: 1; + opacity: 0.75; + border-radius: 0; + transition: $transition-base; +} + +.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus, +.choices[data-type*='text'] .choices__button:hover, +.choices[data-type*='text'] .choices__button:focus { + opacity: 1; +} + +.choices__inner { + display: flex; + align-items: center; + vertical-align: top; + width: 100%; + // background-color: #f9f9f9; + padding: $input-padding-y $input-padding-x; + // border: 1px solid $input-border-color; + border-radius: .5rem; + font-size: 14px; + min-height: 40px; + overflow: hidden; +} + +.is-focused .choices__inner, +.is-open .choices__inner { + border-color: #b7b7b7; +} + +.is-open .choices__inner { + border-radius: 2.5px 2.5px 0 0; +} + +.is-flipped.is-open .choices__inner { + border-radius: 0 0 2.5px 2.5px; +} + +.choices__list { + margin: 0; + padding-left: 0; + list-style: none; +} + +.choices__list--single { + display: inline-block; + // padding: 4px 16px 4px 4px; + width: 100%; +} + +[dir='rtl'] .choices__list--single { + padding-right: 4px; + padding-left: 16px; +} + +.choices__list--single .choices__item { + width: 100%; +} + +.choices__list--multiple { + display: inline; +} + +.choices__list--multiple .choices__item { + display: inline-block; + vertical-align: middle; + border-radius: 20px; + padding: 4px 10px; + font-size: 12px; + font-weight: 500; + margin-right: 3.75px; + margin-bottom: 3.75px; + background-color: $dark-gradient-state; + border: 1px solid $dark-gradient-state; + color: #ffffff; + word-break: break-all; + box-sizing: border-box; +} + +.choices__list--multiple .choices__item[data-deletable] { + padding-right: 5px; +} + +[dir='rtl'] .choices__list--multiple .choices__item { + margin-right: 0; + margin-left: 3.75px; +} + +.choices__list--multiple .choices__item.is-highlighted { + background-color: #00a5bb; + border: 1px solid #008fa1; +} + +.is-disabled .choices__list--multiple .choices__item { + background-color: #aaaaaa; + border: 1px solid #919191; +} + +.choices__list--dropdown { + visibility: hidden; + z-index: 3; + position: absolute; + width: 100%; + background-color: #ffffff; + border: 1px solid #dddddd; + top: 100%; + margin-top: -1px; + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; + word-break: break-all; + will-change: visibility; +} + +.choices__list--dropdown.is-active { + visibility: visible; +} + +.is-open .choices__list--dropdown { + border-color: #b7b7b7; +} + +.is-flipped .choices__list--dropdown { + top: auto; + bottom: 200%; + margin-top: 0; + margin-bottom: -1px; + border-radius: $choices-border-radius; +} + +.choices__list--dropdown .choices__list { + position: relative; + max-height: 300px; + overflow: auto; + -webkit-overflow-scrolling: touch; + will-change: scroll-position; +} + +.choices__list--dropdown .choices__item { + position: relative; + padding: $dropdown-item-padding-y $dropdown-item-padding-x; + @include font-size($dropdown-font-size); + border-radius: $border-radius-md; + transition: background-color $dropdown-transition-time, color $dropdown-transition-time; +} + +[dir='rtl'] .choices__list--dropdown .choices__item { + text-align: right; +} + +@media (min-width: 640px) { + .choices__list--dropdown .choices__item--selectable:after { + font-size: 12px; + opacity: 0; + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + transition: opacity $dropdown-transition-time; + } + [dir='rtl'] .choices__list--dropdown .choices__item--selectable { + text-align: right; + padding-left: 100px; + padding-right: 10px; + } + [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after { + right: auto; + left: 10px; + } +} + +.choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: #f2f2f2; +} + +.choices__list--dropdown .choices__item--selectable.is-highlighted:after { + opacity: 0.5; +} + +.choices__item { + cursor: default; +} + +.choices__item--selectable { + cursor: pointer; +} + +.choices__item--disabled { + cursor: not-allowed; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 0.5; +} + +.choices__heading { + font-weight: 600; + font-size: 12px; + padding: 10px; + border-bottom: 1px solid #f7f7f7; + color: gray; +} + +.choices__button { + text-indent: -9999px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 0; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; +} + +.choices__button:focus { + outline: none; +} + +.choices__input { + display: inline-block; + vertical-align: baseline; + background-color: $white; + font-size: 14px; + margin-bottom: 5px; + border: 0; + border-radius: 0; + max-width: 100%; + padding: 4px 0 4px 2px; +} + +.choices__input:focus { + outline: 0; +} + +[dir='rtl'] .choices__input { + padding-right: 2px; + padding-left: 0; +} + +.choices__placeholder { + opacity: 0.5; +} + +/*===== End of Choices ======*/ + + +///////////// Creative Tim Changes + +.choices { + .choices__input { + background-image: $input-background-image; + background-size: $input-background-size; + } + &.is-focused { + .choices__input { + background-size: $input-background-size-focus; + } + } +} + +.is-open .choices__inner{ + border-radius: $choices-border-radius; +} + +.choices__list--dropdown{ + display: block; + opacity: 0; + top: 45px; + transform-origin: $dropdown-transform-origin; + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: 0 0; + border: none; + border-radius: $choices-border-radius; + box-shadow: $choices-box-shadow; + transform: $choices-transform; + padding: $choices-padding-y $choices-padding-x; + transition: $choices-transition; + + &.is-active{ + transform: $dropdown-transform-show; + opacity: 1; + display: block; + pointer-events: auto; + + &:before { + top: $dropdown-hover-arrow-active-top; + } + } + + &:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: $dropdown-animation-arrow-left-position; + right: auto; + font-size: $dropdown-animation-arrow-font-size; + color: $white; + transition: $dropdown-animation-arrow-transition; + } +} + +.choices[data-type*=select-one] .choices__input{ + border-bottom-color: $gray-100; +} + +.choices__list--dropdown .choices__item--selectable.is-highlighted{ + background: $dropdown-link-hover-bg; + color: $dropdown-link-hover-color; +} + +.is-focused .choices__inner, +.is-open .choices__inner{ + box-shadow: $input-focus-box-shadow; + border-color: $input-focus-border-color; +} + +@each $name, $value in $theme-colors { + @if $name == 'dark' { + $value: $dark-gradient-state; + } + .choices-#{$name} { + background-color: $value; + } +} + + + +///////////// diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_datatable-extend.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_datatable-extend.scss new file mode 100755 index 0000000..ce7399f --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_datatable-extend.scss @@ -0,0 +1,126 @@ +/*! +Simple-DataTables +Github: https://github.com/fiduswriter/Simple-DataTables +*/ + +// Creative Tim Changes + +.dataTable-wrapper{ + .dataTable-top{ + padding: $card-header-padding; + .dataTable-dropdown{ + float: left; + label{ + margin-bottom: 0; + margin-left: 0; + color: $secondary; + font-weight: $font-weight-normal; + .dataTable-selector{ + border-color: $gray-200; + border-radius: $border-radius-md; + } + } + } + .dataTable-search{ + input{ + font-size: $font-size-sm; + color: $input-color; + border:1px solid $gray-200; + @include border-radius($input-border-radius, 0); + &:focus-visible{ + outline: none; + } + } + } + } + .dataTable-container{ + .table{ + thead{ + tr{ + th{ + padding: $table-head-spacer-y $table-head-spacer-x; + opacity: .7; + font-weight: bolder; + color: $secondary; + text-transform: uppercase; + font-size: $font-size-xxs; + } + } + } + tbody{ + tr{ + td{ + padding: $table-head-spacer-y $table-head-spacer-x; + } + } + } + } + } + .dataTable-bottom{ + padding: $card-header-padding; + padding-top: 0; + .dataTable-info{ + color: $secondary; + font-size: $font-size-sm; + } + .dataTable-pagination{ + .dataTable-pagination-list{ + li{ + a{ + display: $page-link-display; + align-items: $page-link-align-items; + justify-content: $page-link-justify-content; + color: $secondary; + padding: 0; + margin: $page-link-margin; + border: 1px solid $gray-300; + border-radius: $page-link-radius !important; + width: $page-link-width; + height: $page-link-height; + font-size: $font-size-sm; + margin-left: 0; + &:hover{ + background: $gray-200; + } + } + } + .active{ + a{ + background: transparent; + @include gradient-directional(nth($primary-gradient, 1) 0%, nth($primary-gradient-state, -1) 100%, $deg: 195deg); + box-shadow: $pagination-active-box-shadow; + color: $white; + border: none; + border-radius: $page-link-radius !important; + &:hover{ + @include gradient-directional(nth($primary-gradient, 1) 0%, nth($primary-gradient-state, -1) 100%, $deg: 195deg); + } + } + } + } + } + } + &.no-footer{ + .dataTable-container{ + border-bottom: 0; + } + } +} + +.dataTable-table { + thead, + tbody, + tfoot { + td, + th { + vertical-align: middle !important; + } + } +} + +@include media-breakpoint-down(sm) { + .dataTable-top > div:last-child{ + float: left; + margin-top: $spacer; + } +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_datatable.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_datatable.scss new file mode 100755 index 0000000..f1d2bea --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_datatable.scss @@ -0,0 +1,179 @@ +/*! +Simple-DataTables +Github: https://github.com/fiduswriter/Simple-DataTables +*/ + + +.dataTable-wrapper.no-header .dataTable-container { + border-top: 1px solid #d9d9d9; +} + +.dataTable-wrapper.no-footer .dataTable-container { + border-bottom: 1px solid #d9d9d9; +} + +.dataTable-top, +.dataTable-bottom { + padding: 8px 10px; +} + +.dataTable-top > nav:first-child, +.dataTable-top > div:first-child, +.dataTable-bottom > nav:first-child, +.dataTable-bottom > div:first-child { + float: left; +} + +.dataTable-top > nav:last-child, +.dataTable-top > div:last-child, +.dataTable-bottom > nav:last-child, +.dataTable-bottom > div:last-child { + float: right; +} + +.dataTable-selector { + padding: 6px; +} + +.dataTable-input { + padding: 6px 12px; +} + +.dataTable-info { + margin: 7px 0; +} + +/* PAGER */ +.dataTable-pagination ul { + margin: 0; + padding-left: 0; +} + +.dataTable-pagination li { + list-style: none; + float: left; +} + +.dataTable-pagination a { + border: 1px solid transparent; + float: left; + margin-left: 2px; + padding: 6px 12px; + position: relative; + text-decoration: none; + color: #333; +} + +.dataTable-pagination a:hover { + background-color: #d9d9d9; +} + +.dataTable-pagination .active a, +.dataTable-pagination .active a:focus, +.dataTable-pagination .active a:hover { + background-color: #d9d9d9; + cursor: default; +} + +.dataTable-pagination .ellipsis a, +.dataTable-pagination .disabled a, +.dataTable-pagination .disabled a:focus, +.dataTable-pagination .disabled a:hover { + cursor: not-allowed; +} + +.dataTable-pagination .disabled a, +.dataTable-pagination .disabled a:focus, +.dataTable-pagination .disabled a:hover { + cursor: not-allowed; + opacity: 0.4; +} + +.dataTable-pagination .pager a { + font-weight: bold; +} + +/* TABLE */ +.dataTable-table { + max-width: 100%; + width: 100%; + border-spacing: 0; + border-collapse: separate; +} + +.dataTable-table > tbody > tr > td, +.dataTable-table > tbody > tr > th, +.dataTable-table > tfoot > tr > td, +.dataTable-table > tfoot > tr > th, +.dataTable-table > thead > tr > td, +.dataTable-table > thead > tr > th { + vertical-align: top; + padding: 8px 10px; +} + +.dataTable-table > thead > tr > th { + vertical-align: bottom; + text-align: left; + border-bottom: 1px solid #d9d9d9; +} + +.dataTable-table > tfoot > tr > th { + vertical-align: bottom; + text-align: left; + border-top: 1px solid #d9d9d9; +} + +.dataTable-table th { + vertical-align: bottom; + text-align: left; +} + +.dataTable-table th a { + text-decoration: none; + color: inherit; +} + +.dataTable-sorter { + display: inline-block; + height: 100%; + position: relative; + width: 100%; +} + +.dataTable-sorter::before, +.dataTable-sorter::after { + content: ""; + height: 0; + width: 0; + position: absolute; + right: 4px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + opacity: 0.2; +} + +.dataTable-sorter::before { + border-top: 4px solid #000; + bottom: 0px; +} + +.dataTable-sorter::after { + border-bottom: 4px solid #000; + border-top: 4px solid transparent; + top: 0px; +} + +.asc .dataTable-sorter::after, +.desc .dataTable-sorter::before { + opacity: 0.6; +} + +.dataTables-empty { + text-align: center; +} + +.dataTable-top::after, .dataTable-bottom::after { + clear: both; + content: " "; + display: table; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_dragula.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_dragula.scss new file mode 100755 index 0000000..b18c16e --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_dragula.scss @@ -0,0 +1,22 @@ +.gu-mirror { + position: fixed !important; + margin: 0 !important; + z-index: 9999 !important; + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); +} +.gu-hide { + display: none !important; +} +.gu-unselectable { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +.gu-transit { + opacity: 0.2; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; + filter: alpha(opacity=20); +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_dropzone.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_dropzone.scss new file mode 100755 index 0000000..268cfb8 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_dropzone.scss @@ -0,0 +1,396 @@ +/* + * The MIT License + * Copyright (c) 2012 Matias Meno + */ +@-webkit-keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@-moz-keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@keyframes passing-through { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30%, 70% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } + 100% { + opacity: 0; + -webkit-transform: translateY(-40px); + -moz-transform: translateY(-40px); + -ms-transform: translateY(-40px); + -o-transform: translateY(-40px); + transform: translateY(-40px); } } +@-webkit-keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@-moz-keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@keyframes slide-in { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + -moz-transform: translateY(40px); + -ms-transform: translateY(40px); + -o-transform: translateY(40px); + transform: translateY(40px); } + 30% { + opacity: 1; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); } } +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +@-moz-keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + 10% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); } + 20% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } } +.dropzone, .dropzone * { + box-sizing: border-box; } + +.dropzone { + min-height: 150px; + // border: 2px solid rgba(0, 0, 0, 0.3); + background: white; + padding: 20px 20px; } + .dropzone.dz-clickable { + cursor: pointer; } + .dropzone.dz-clickable * { + cursor: default; } + .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { + cursor: pointer; } + .dropzone.dz-started .dz-message { + display: none; } + .dropzone.dz-drag-hover { + border-style: solid; } + .dropzone.dz-drag-hover .dz-message { + opacity: 0.5; } + .dropzone .dz-message { + text-align: center; + margin: 3em 0; } + .dropzone .dz-message .dz-button { + background: none; + color: $secondary; + border: none; + padding: 0; + font: inherit; + cursor: pointer; + outline: inherit; } + .dropzone .dz-preview { + position: relative; + display: inline-block; + vertical-align: top; + margin: 16px; + min-height: 100px; } + .dropzone .dz-preview:hover { + z-index: 1000; } + .dropzone .dz-preview:hover .dz-details { + opacity: 1; } + .dropzone .dz-preview.dz-file-preview .dz-image { + border-radius: 20px; + background: #999; + background: linear-gradient(to bottom, #eee, #ddd); } + .dropzone .dz-preview.dz-file-preview .dz-details { + opacity: 1; } + .dropzone .dz-preview.dz-image-preview { + background: white; } + .dropzone .dz-preview.dz-image-preview .dz-details { + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -ms-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } + .dropzone .dz-preview .dz-remove { + font-size: 14px; + text-align: center; + display: block; + cursor: pointer; + border: none; } + .dropzone .dz-preview .dz-remove:hover { + text-decoration: underline; } + .dropzone .dz-preview:hover .dz-details { + opacity: 1; } + .dropzone .dz-preview .dz-details { + z-index: 20; + position: absolute; + top: 0; + left: 0; + opacity: 1; + font-size: 13px; + min-width: 100%; + max-width: 100%; + padding: 2em 1em; + text-align: center; + color: rgba($dark, 0.9); + line-height: 150%; } + .dropzone .dz-preview .dz-details .dz-size { + margin-bottom: 1em; + font-size: 16px; } + .dropzone .dz-preview .dz-details .dz-filename { + white-space: nowrap; } + .dropzone .dz-preview .dz-details .dz-filename:hover span { + border: 1px solid rgba(200, 200, 200, 0.8); + background-color: rgba(255, 255, 255, 0.8); } + .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { + overflow: hidden; + text-overflow: ellipsis; } + .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { + border: 1px solid transparent; } + .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { + background-color: rgba(255, 255, 255, 0.7); + padding: 0 0.4em; + border-radius: 3px; } + .dropzone .dz-preview:hover .dz-image img { + -webkit-transform: scale(1.05, 1.05); + -moz-transform: scale(1.05, 1.05); + -ms-transform: scale(1.05, 1.05); + -o-transform: scale(1.05, 1.05); + transform: scale(1.05, 1.05); + -webkit-filter: blur(8px); + filter: blur(8px); } + .dropzone .dz-preview .dz-image { + border-radius: 20px; + overflow: hidden; + width: 120px; + height: 120px; + position: relative; + display: block; + z-index: 10; } + .dropzone .dz-preview .dz-image img { + display: block; } + .dropzone .dz-preview.dz-success .dz-success-mark { + -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } + .dropzone .dz-preview.dz-error .dz-error-mark { + opacity: 1; + -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } + .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { + pointer-events: none; + opacity: 0; + z-index: 500; + position: absolute; + display: block; + top: 53%; + left: 50%; + margin-left: -27px; + margin-top: -27px; } + .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { + display: block; + width: 54px; + height: 54px; } + .dropzone .dz-preview.dz-processing .dz-progress { + opacity: 1; + -webkit-transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -ms-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; } + .dropzone .dz-preview.dz-complete .dz-progress { + opacity: 0; + -webkit-transition: opacity 0.4s ease-in; + -moz-transition: opacity 0.4s ease-in; + -ms-transition: opacity 0.4s ease-in; + -o-transition: opacity 0.4s ease-in; + transition: opacity 0.4s ease-in; } + .dropzone .dz-preview:not(.dz-processing) .dz-progress { + -webkit-animation: pulse 6s ease infinite; + -moz-animation: pulse 6s ease infinite; + -ms-animation: pulse 6s ease infinite; + -o-animation: pulse 6s ease infinite; + animation: pulse 6s ease infinite; } + .dropzone .dz-preview .dz-progress { + opacity: 1; + z-index: 1000; + pointer-events: none; + position: absolute; + height: 16px; + left: 50%; + top: 50%; + margin-top: -8px; + width: 80px; + margin-left: -40px; + background: rgba(255, 255, 255, 0.9); + -webkit-transform: scale(1); + border-radius: 8px; + overflow: hidden; } + .dropzone .dz-preview .dz-progress .dz-upload { + background: #333; + background: linear-gradient(to bottom, #666, #444); + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 0; + -webkit-transition: width 300ms ease-in-out; + -moz-transition: width 300ms ease-in-out; + -ms-transition: width 300ms ease-in-out; + -o-transition: width 300ms ease-in-out; + transition: width 300ms ease-in-out; } + .dropzone .dz-preview.dz-error .dz-error-message { + display: none; } + .dropzone .dz-preview.dz-error:hover .dz-error-message { + opacity: 1; + pointer-events: auto; } + .dropzone .dz-preview .dz-error-message { + pointer-events: none; + z-index: 1000; + position: absolute; + display: block; + display: none; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + -moz-transition: opacity 0.3s ease; + -ms-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-radius: 8px; + font-size: 13px; + top: 130px; + left: -10px; + width: 140px; + background: #be2626; + background: linear-gradient(to bottom, #be2626, #a92222); + padding: 0.5em 1.2em; + color: white; } + .dropzone .dz-preview .dz-error-message:after { + content: ''; + position: absolute; + top: -6px; + left: 64px; + width: 0; + height: 0; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #be2626; } diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar-extend.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar-extend.scss new file mode 100755 index 0000000..cbafe11 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar-extend.scss @@ -0,0 +1,96 @@ +/*! +FullCalendar v5.6.0 +Docs & License: https://fullcalendar.io/ +(c) 2020 Adam Shaw +*/ + +// Creative Tim Changes + +.fc-theme-standard .fc-scrollgrid, +.fc-scrollgrid { + border: none; +} + +.fc-theme-standard td, +.fc-theme-standard th { + border-color: $gray-200; +} + +.fc-theme-standard thead tr th{ + border-right: none; + border-left: none; +} + +.fc-theme-standard td{ + &:last-child{ + border-right: none; + } +} + +.fc-theme-standard tr{ + &:last-child td{ + border-bottom: none; + } +} + +.fc-h-event{ + border: none; +} + +.fc-daygrid-block-event .fc-event-time, +.fc-daygrid-block-event .fc-event-title{ + font-weight: $font-weight-normal; + font-size: $font-size-xs; + line-height: $line-height-sm; + padding: $fc-event-title-padding-y $fc-event-title-padding-x; +} + +.fc .fc-daygrid-body-natural .fc-daygrid-day-events{ + margin-bottom: 0; +} + +.fc .fc-col-header-cell-cushion{ + font-size: $font-size-sm; + font-weight: $font-weight-bold; + color: $gray-500; +} + +.fc .fc-daygrid-day-number{ + color: $gray-700; + font-size: $font-size-sm; + font-weight: $font-weight-light; + width: 100%; + text-align: center; +} + +.fc .fc-toolbar-title{ + font-size: $font-size-lg; +} + +.fc .fc-button{ + font-size: $font-size-sm; + padding-top: $spacer/4; + box-shadow: $btn-box-shadow; + transition: $btn-transition; + .fc-icon{ + font-size: $font-size-sm; + } +} + +.fc .fc-button-primary{ + background-color: $primary; + border-color: $primary; + &:hover, + &:focus, + &:not(:disabled):active, + &:not(:disabled):active:focus{ + transform: $btn-hover-transform; + box-shadow: $btn-hover-box-shadow; + background-color: $primary; + border-color: $primary; + } +} + +.fc-event.fc-daygrid-event{ + border-radius: $fc-daygrid-event-border-radius; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar.scss new file mode 100755 index 0000000..f636c50 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_fullcalendar.scss @@ -0,0 +1,1434 @@ +/*! +FullCalendar v5.6.0 +Docs & License: https://fullcalendar.io/ +(c) 2020 Adam Shaw +*/ +/* classes attached to */ + +/* classes attached to */ + +.fc-not-allowed, +.fc-not-allowed .fc-event { /* override events' custom cursors */ + cursor: not-allowed; +} + +.fc-unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.fc { + /* layout of immediate children */ + display: flex; + flex-direction: column; + + font-size: 1em +} +.fc, + .fc *, + .fc *:before, + .fc *:after { + box-sizing: border-box; + } +.fc table { + border-collapse: collapse; + border-spacing: 0; + font-size: 1em; /* normalize cross-browser */ + } +.fc th { + text-align: center; + } +.fc th, + .fc td { + vertical-align: top; + padding: 0; + } +.fc a[data-navlink] { + cursor: pointer; + } +.fc a[data-navlink]:hover { + text-decoration: underline; + } +.fc-direction-ltr { + direction: ltr; + text-align: left; +} +.fc-direction-rtl { + direction: rtl; + text-align: right; +} +.fc-theme-standard td, + .fc-theme-standard th { + border: 1px solid #ddd; + border: 1px solid var(--fc-border-color, #ddd); + } +/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */ +/* inner-wrappers are responsible for being absolute */ +/* TODO: best place for this? */ +.fc-liquid-hack td, + .fc-liquid-hack th { + position: relative; + } + +@font-face { + font-family: 'fcicons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype'); + font-weight: normal; + font-style: normal; +} + +.fc-icon { + /* added for fc */ + display: inline-block; + width: 1em; + height: 1em; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'fcicons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.fc-icon-chevron-left:before { + content: "\e900"; +} + +.fc-icon-chevron-right:before { + content: "\e901"; +} + +.fc-icon-chevrons-left:before { + content: "\e902"; +} + +.fc-icon-chevrons-right:before { + content: "\e903"; +} + +.fc-icon-minus-square:before { + content: "\e904"; +} + +.fc-icon-plus-square:before { + content: "\e905"; +} + +.fc-icon-x:before { + content: "\e906"; +} +/* +Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css + +These styles only apply when the standard-theme is activated. +When it's NOT activated, the fc-button classes won't even be in the DOM. +*/ +.fc { + + /* reset */ + +} +.fc .fc-button { + border-radius: 0; + overflow: visible; + text-transform: none; + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; + } +.fc .fc-button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; + } +.fc .fc-button { + -webkit-appearance: button; + } +.fc .fc-button:not(:disabled) { + cursor: pointer; + } +.fc .fc-button::-moz-focus-inner { + padding: 0; + border-style: none; + } +.fc { + + /* theme */ + +} +.fc .fc-button { + display: inline-block; + font-weight: 400; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.4em 0.65em; + font-size: 1em; + line-height: 1.5; + border-radius: 0.25em; + } +.fc .fc-button:hover { + text-decoration: none; + } +.fc .fc-button:focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); + } +.fc .fc-button:disabled { + opacity: 0.65; + } +.fc { + + /* "primary" coloring */ + +} +.fc .fc-button-primary { + color: #fff; + color: var(--fc-button-text-color, #fff); + background-color: #2C3E50; + background-color: var(--fc-button-bg-color, #2C3E50); + border-color: #2C3E50; + border-color: var(--fc-button-border-color, #2C3E50); + } +.fc .fc-button-primary:hover { + color: #fff; + color: var(--fc-button-text-color, #fff); + background-color: #1e2b37; + background-color: var(--fc-button-hover-bg-color, #1e2b37); + border-color: #1a252f; + border-color: var(--fc-button-hover-border-color, #1a252f); + } +.fc .fc-button-primary:disabled { /* not DRY */ + color: #fff; + color: var(--fc-button-text-color, #fff); + background-color: #2C3E50; + background-color: var(--fc-button-bg-color, #2C3E50); + border-color: #2C3E50; + border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */ + } +.fc .fc-button-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); + } +.fc .fc-button-primary:not(:disabled):active, + .fc .fc-button-primary:not(:disabled).fc-button-active { + color: #fff; + color: var(--fc-button-text-color, #fff); + background-color: #1a252f; + background-color: var(--fc-button-active-bg-color, #1a252f); + border-color: #151e27; + border-color: var(--fc-button-active-border-color, #151e27); + } +.fc .fc-button-primary:not(:disabled):active:focus, + .fc .fc-button-primary:not(:disabled).fc-button-active:focus { + box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); + } +.fc { + + /* icons within buttons */ + +} +.fc .fc-button .fc-icon { + vertical-align: middle; + font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ + } +.fc .fc-button-group { + position: relative; + display: inline-flex; + vertical-align: middle; + } +.fc .fc-button-group > .fc-button { + position: relative; + flex: 1 1 auto; + } +.fc .fc-button-group > .fc-button:hover { + z-index: 1; + } +.fc .fc-button-group > .fc-button:focus, + .fc .fc-button-group > .fc-button:active, + .fc .fc-button-group > .fc-button.fc-button-active { + z-index: 1; + } +.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { + margin-right: -1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +.fc .fc-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + } +.fc .fc-toolbar.fc-header-toolbar { + margin-bottom: 1.5em; + } +.fc .fc-toolbar.fc-footer-toolbar { + margin-top: 1.5em; + } +.fc .fc-toolbar-title { + font-size: 1.75em; + margin: 0; + } +.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { + margin-left: .75em; /* space between */ + } +.fc-direction-rtl .fc-toolbar > * > :not(:first-child) { + margin-right: .75em; /* space between */ + } +.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */ + flex-direction: row-reverse; + } +.fc .fc-scroller { + -webkit-overflow-scrolling: touch; + position: relative; /* for abs-positioned elements within */ + } +.fc .fc-scroller-liquid { + height: 100%; + } +.fc .fc-scroller-liquid-absolute { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + } +.fc .fc-scroller-harness { + position: relative; + overflow: hidden; + direction: ltr; + /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */ + /* TODO: demonstrate in codepen */ + } +.fc .fc-scroller-harness-liquid { + height: 100%; + } +.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */ + direction: rtl; + } +.fc-theme-standard .fc-scrollgrid { + border: 1px solid #ddd; + border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */ + } +.fc .fc-scrollgrid, + .fc .fc-scrollgrid table { /* all tables (self included) */ + width: 100%; /* because tables don't normally do this */ + table-layout: fixed; + } +.fc .fc-scrollgrid table { /* inner tables */ + border-top-style: hidden; + border-left-style: hidden; + border-right-style: hidden; + } +.fc .fc-scrollgrid { + + border-collapse: separate; + border-right-width: 0; + border-bottom-width: 0; + + } +.fc .fc-scrollgrid-liquid { + height: 100%; + } +.fc .fc-scrollgrid-section { /* a */ + height: 1px /* better than 0, for firefox */ + + } +.fc .fc-scrollgrid-section > td { + height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */ + } +.fc .fc-scrollgrid-section table { + height: 1px; + /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */ + /* serves as a min-height. harmless */ + } +.fc .fc-scrollgrid-section-liquid { + height: auto + + } +.fc .fc-scrollgrid-section-liquid > td { + height: 100%; /* better than `auto`, for firefox */ + } +.fc .fc-scrollgrid-section > * { + border-top-width: 0; + border-left-width: 0; + } +.fc .fc-scrollgrid-section-header > *, + .fc .fc-scrollgrid-section-footer > * { + border-bottom-width: 0; + } +.fc .fc-scrollgrid-section-body table, + .fc .fc-scrollgrid-section-footer table { + border-bottom-style: hidden; /* head keeps its bottom border tho */ + } +.fc { + + /* stickiness */ + +} +.fc .fc-scrollgrid-section-sticky > * { + background: #fff; + background: var(--fc-page-bg-color, #fff); + position: -webkit-sticky; + position: sticky; + z-index: 2; /* TODO: var */ + /* TODO: box-shadow when sticking */ + } +.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { + top: 0; /* because border-sharing causes a gap at the top */ + /* TODO: give safari -1. has bug */ + } +.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { + bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */ + } +.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */ + height: 1px; /* needs height to create scrollbars */ + margin-bottom: -1px; + } +.fc-sticky { /* no .fc wrap because used as child of body */ + position: -webkit-sticky; + position: sticky; +} +.fc .fc-view-harness { + flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */ + position: relative; + } +.fc { + + /* when the harness controls the height, make the view liquid */ + +} +.fc .fc-view-harness-active > .fc-view { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } +.fc .fc-col-header-cell-cushion { + display: inline-block; /* x-browser for when sticky (when multi-tier header) */ + padding: 2px 4px; + } +.fc .fc-bg-event, + .fc .fc-non-business, + .fc .fc-highlight { + /* will always have a harness with position:relative/absolute, so absolutely expand */ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } +.fc .fc-non-business { + background: rgba(215, 215, 215, 0.3); + background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); + } +.fc .fc-bg-event { + background: rgb(143, 223, 130); + background: var(--fc-bg-event-color, rgb(143, 223, 130)); + opacity: 0.3; + opacity: var(--fc-bg-event-opacity, 0.3) + } +.fc .fc-bg-event .fc-event-title { + margin: .5em; + font-size: .85em; + font-size: var(--fc-small-font-size, .85em); + font-style: italic; + } +.fc .fc-highlight { + background: rgba(188, 232, 241, 0.3); + background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); + } +.fc .fc-cell-shaded, + .fc .fc-day-disabled { + background: rgba(208, 208, 208, 0.3); + background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); + } +/* link resets */ +/* ---------------------------------------------------------------------------------------------------- */ +a.fc-event, +a.fc-event:hover { + text-decoration: none; +} +/* cursor */ +.fc-event[href], +.fc-event.fc-event-draggable { + cursor: pointer; +} +/* event text content */ +/* ---------------------------------------------------------------------------------------------------- */ +.fc-event .fc-event-main { + position: relative; + z-index: 2; + } +/* dragging */ +/* ---------------------------------------------------------------------------------------------------- */ +.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */ + opacity: 0.75; + } +.fc-event-dragging.fc-event-selected { /* TOUCH */ + box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); + } +/* resizing */ +/* ---------------------------------------------------------------------------------------------------- */ +/* (subclasses should hone positioning for touch and non-touch) */ +.fc-event .fc-event-resizer { + display: none; + position: absolute; + z-index: 4; + } +.fc-event:hover, /* MOUSE */ +.fc-event-selected { /* TOUCH */ + +} +.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer { + display: block; + } +.fc-event-selected .fc-event-resizer { + border-radius: 4px; + border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); + border-width: 1px; + border-width: var(--fc-event-resizer-dot-border-width, 1px); + width: 8px; + width: var(--fc-event-resizer-dot-total-width, 8px); + height: 8px; + height: var(--fc-event-resizer-dot-total-width, 8px); + border-style: solid; + border-color: inherit; + background: #fff; + background: var(--fc-page-bg-color, #fff) + + /* expand hit area */ + + } +.fc-event-selected .fc-event-resizer:before { + content: ''; + position: absolute; + top: -20px; + left: -20px; + right: -20px; + bottom: -20px; + } +/* selecting (always TOUCH) */ +/* ---------------------------------------------------------------------------------------------------- */ +.fc-event-selected { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) + + /* expand hit area (subclasses should expand) */ + +} +.fc-event-selected:before { + content: ""; + position: absolute; + z-index: 3; + top: 0; + left: 0; + right: 0; + bottom: 0; + } +.fc-event-selected { + + /* dimmer effect */ + +} +.fc-event-selected:after { + content: ""; + background: rgba(0, 0, 0, 0.25); + background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); + position: absolute; + z-index: 1; + + /* assume there's a border on all sides. overcome it. */ + /* sometimes there's NOT a border, in which case the dimmer will go over */ + /* an adjacent border, which looks fine. */ + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; + } +/* +A HORIZONTAL event +*/ +.fc-h-event { /* allowed to be top-level */ + display: block; + border: 1px solid #3788d8; + border: 1px solid var(--fc-event-border-color, #3788d8); + background-color: #3788d8; + background-color: var(--fc-event-bg-color, #3788d8) + +} +.fc-h-event .fc-event-main { + color: #fff; + color: var(--fc-event-text-color, #fff); + } +.fc-h-event .fc-event-main-frame { + display: flex; /* for make fc-event-title-container expand */ + } +.fc-h-event .fc-event-time { + max-width: 100%; /* clip overflow on this element */ + overflow: hidden; + } +.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */ + flex-grow: 1; + flex-shrink: 1; + min-width: 0; /* important for allowing to shrink all the way */ + } +.fc-h-event .fc-event-title { + display: inline-block; /* need this to be sticky cross-browser */ + vertical-align: top; /* for not messing up line-height */ + left: 0; /* for sticky */ + right: 0; /* for sticky */ + max-width: 100%; /* clip overflow on this element */ + overflow: hidden; + } +.fc-h-event.fc-event-selected:before { + /* expand hit area */ + top: -10px; + bottom: -10px; + } +/* adjust border and border-radius (if there is any) for non-start/end */ +.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), +.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-width: 0; +} +.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), +.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; +} +/* resizers */ +.fc-h-event:not(.fc-event-selected) .fc-event-resizer { + top: 0; + bottom: 0; + width: 8px; + width: var(--fc-event-resizer-thickness, 8px); +} +.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, +.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { + cursor: w-resize; + left: -4px; + left: calc(var(--fc-event-resizer-thickness, 8px) / -2); +} +.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, +.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { + cursor: e-resize; + right: -4px; + right: calc(var(--fc-event-resizer-thickness, 8px) / -2); +} +/* resizers for TOUCH */ +.fc-h-event.fc-event-selected .fc-event-resizer { + top: 50%; + margin-top: -4px; + margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); +} +.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, +.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { + left: -4px; + left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); +} +.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, +.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { + right: -4px; + right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); +} + + +:root { + --fc-daygrid-event-dot-width: 8px; +} +.fc .fc-popover { + position: fixed; + top: 0; /* for when not positioned yet */ + box-shadow: 0 2px 6px rgba(0,0,0,.15); + } +.fc .fc-popover-header { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 3px 4px; + } +.fc .fc-popover-title { + margin: 0 2px; + } +.fc .fc-popover-close { + cursor: pointer; + opacity: 0.65; + font-size: 1.1em; + } +.fc-theme-standard .fc-popover { + border: 1px solid #ddd; + border: 1px solid var(--fc-border-color, #ddd); + background: #fff; + background: var(--fc-page-bg-color, #fff); + } +.fc-theme-standard .fc-popover-header { + background: rgba(208, 208, 208, 0.3); + background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); + } +/* help things clear margins of inner content */ +.fc-daygrid-day-frame, +.fc-daygrid-day-events, +.fc-daygrid-event-harness { /* for event top/bottom margins */ +} +.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before { + content: ""; + clear: both; + display: table; } +.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after { + content: ""; + clear: both; + display: table; } +.fc .fc-daygrid-body { /* a
that wraps the table */ + position: relative; + z-index: 1; /* container inner z-index's because s can't do it */ + } +.fc .fc-daygrid-day.fc-day-today { + background-color: rgba(255, 220, 40, 0.15); + background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); + } +.fc .fc-daygrid-day-frame { + position: relative; + min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ + } +.fc { + + /* cell top */ + +} +.fc .fc-daygrid-day-top { + display: flex; + flex-direction: row-reverse; + } +.fc .fc-day-other .fc-daygrid-day-top { + opacity: 0.3; + } +.fc { + + /* day number (within cell top) */ + +} +.fc .fc-daygrid-day-number { + position: relative; + z-index: 4; + padding: 4px; + } +.fc { + + /* event container */ + +} +.fc .fc-daygrid-day-events { + margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ + } +.fc { + + /* positioning for balanced vs natural */ + +} +.fc .fc-daygrid-body-balanced .fc-daygrid-day-events { + position: absolute; + left: 0; + right: 0; + } +.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { + position: relative; /* for containing abs positioned event harnesses */ + min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ + } +.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ + } +.fc .fc-daygrid-body-natural .fc-daygrid-day-events { + margin-bottom: 1em; + } +.fc { + + /* event harness */ + +} +.fc .fc-daygrid-event-harness { + position: relative; + } +.fc .fc-daygrid-event-harness-abs { + position: absolute; + top: 0; /* fallback coords for when cannot yet be computed */ + left: 0; /* */ + right: 0; /* */ + } +.fc .fc-daygrid-bg-harness { + position: absolute; + top: 0; + bottom: 0; + } +.fc { + + /* bg content */ + +} +.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } +.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } +.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } +.fc { + + /* events */ + +} +.fc .fc-daygrid-event { + z-index: 6; + margin-top: 1px; + } +.fc .fc-daygrid-event.fc-event-mirror { + z-index: 7; + } +.fc { + + /* cell bottom (within day-events) */ + +} +.fc .fc-daygrid-day-bottom { + font-size: .85em; + margin: 2px 3px 0; + } +.fc .fc-daygrid-more-link { + position: relative; + z-index: 4; + cursor: pointer; + } +.fc { + + /* week number (within frame) */ + +} +.fc .fc-daygrid-week-number { + position: absolute; + z-index: 5; + top: 0; + padding: 2px; + min-width: 1.5em; + text-align: center; + background-color: rgba(208, 208, 208, 0.3); + background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); + color: #808080; + color: var(--fc-neutral-text-color, #808080); + } +.fc { + + /* popover */ + +} +.fc .fc-more-popover { + z-index: 8; + } +.fc .fc-more-popover .fc-popover-body { + min-width: 220px; + padding: 10px; + } +.fc-direction-ltr .fc-daygrid-event.fc-event-start, +.fc-direction-rtl .fc-daygrid-event.fc-event-end { + margin-left: 2px; +} +.fc-direction-ltr .fc-daygrid-event.fc-event-end, +.fc-direction-rtl .fc-daygrid-event.fc-event-start { + margin-right: 2px; +} +.fc-direction-ltr .fc-daygrid-week-number { + left: 0; + border-radius: 0 0 3px 0; + } +.fc-direction-rtl .fc-daygrid-week-number { + right: 0; + border-radius: 0 0 0 3px; + } +.fc-liquid-hack .fc-daygrid-day-frame { + position: static; /* will cause inner absolute stuff to expand to */ + } +.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ + position: relative; /* for z-indexes assigned later */ + white-space: nowrap; + border-radius: 3px; /* dot event needs this to when selected */ + font-size: .85em; + font-size: var(--fc-small-font-size, .85em); +} +/* --- the rectangle ("block") style of event --- */ +.fc-daygrid-block-event .fc-event-time { + font-weight: bold; + } +.fc-daygrid-block-event .fc-event-time, + .fc-daygrid-block-event .fc-event-title { + padding: 1px; + } +/* --- the dot style of event --- */ +.fc-daygrid-dot-event { + display: flex; + align-items: center; + padding: 2px 0 + +} +.fc-daygrid-dot-event .fc-event-title { + flex-grow: 1; + flex-shrink: 1; + min-width: 0; /* important for allowing to shrink all the way */ + overflow: hidden; + font-weight: bold; + } +.fc-daygrid-dot-event:hover, + .fc-daygrid-dot-event.fc-event-mirror { + background: rgba(0, 0, 0, 0.1); + } +.fc-daygrid-dot-event.fc-event-selected:before { + /* expand hit area */ + top: -10px; + bottom: -10px; + } +.fc-daygrid-event-dot { /* the actual dot */ + margin: 0 4px; + box-sizing: content-box; + width: 0; + height: 0; + border: 4px solid #3788d8; + border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); + border-radius: 4px; + border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); +} +/* --- spacing between time and title --- */ +.fc-direction-ltr .fc-daygrid-event .fc-event-time { + margin-right: 3px; + } +.fc-direction-rtl .fc-daygrid-event .fc-event-time { + margin-left: 3px; + } + + +/* +A VERTICAL event +*/ + +.fc-v-event { /* allowed to be top-level */ + display: block; + border: 1px solid #3788d8; + border: 1px solid var(--fc-event-border-color, #3788d8); + background-color: #3788d8; + background-color: var(--fc-event-bg-color, #3788d8) + +} + +.fc-v-event .fc-event-main { + color: #fff; + color: var(--fc-event-text-color, #fff); + height: 100%; + } + +.fc-v-event .fc-event-main-frame { + height: 100%; + display: flex; + flex-direction: column; + } + +.fc-v-event .fc-event-time { + flex-grow: 0; + flex-shrink: 0; + max-height: 100%; + overflow: hidden; + } + +.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ + flex-grow: 1; + flex-shrink: 1; + min-height: 0; /* important for allowing to shrink all the way */ + } + +.fc-v-event .fc-event-title { /* will have fc-sticky on it */ + top: 0; + bottom: 0; + max-height: 100%; /* clip overflow */ + overflow: hidden; + } + +.fc-v-event:not(.fc-event-start) { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + +.fc-v-event:not(.fc-event-end) { + border-bottom-width: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + +.fc-v-event.fc-event-selected:before { + /* expand hit area */ + left: -10px; + right: -10px; + } + +.fc-v-event { + + /* resizer (mouse AND touch) */ + +} + +.fc-v-event .fc-event-resizer-start { + cursor: n-resize; + } + +.fc-v-event .fc-event-resizer-end { + cursor: s-resize; + } + +.fc-v-event { + + /* resizer for MOUSE */ + +} + +.fc-v-event:not(.fc-event-selected) .fc-event-resizer { + height: 8px; + height: var(--fc-event-resizer-thickness, 8px); + left: 0; + right: 0; + } + +.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { + top: -4px; + top: calc(var(--fc-event-resizer-thickness, 8px) / -2); + } + +.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { + bottom: -4px; + bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); + } + +.fc-v-event { + + /* resizer for TOUCH (when event is "selected") */ + +} + +.fc-v-event.fc-event-selected .fc-event-resizer { + left: 50%; + margin-left: -4px; + margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); + } + +.fc-v-event.fc-event-selected .fc-event-resizer-start { + top: -4px; + top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); + } + +.fc-v-event.fc-event-selected .fc-event-resizer-end { + bottom: -4px; + bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); + } +.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ + z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ + } +.fc .fc-timegrid-divider { + padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ + } +.fc .fc-timegrid-body { + position: relative; + z-index: 1; /* scope the z-indexes of slots and cols */ + min-height: 100%; /* fill height always, even when slat table doesn't grow */ + } +.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ + position: relative /* offset parent for now-indicator-container */ + + } +.fc .fc-timegrid-axis-chunk > table { + position: relative; + z-index: 1; /* above the now-indicator-container */ + } +.fc .fc-timegrid-slots { + position: relative; + z-index: 1; + } +.fc .fc-timegrid-slot { /* a */ + height: 1.5em; + border-bottom: 0 /* each cell owns its top border */ + } +.fc .fc-timegrid-slot:empty:before { + content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ + } +.fc .fc-timegrid-slot-minor { + border-top-style: dotted; + } +.fc .fc-timegrid-slot-label-cushion { + display: inline-block; + white-space: nowrap; + } +.fc .fc-timegrid-slot-label { + vertical-align: middle; /* vertical align the slots */ + } +.fc { + + + /* slots AND axis cells (top-left corner of view including the "all-day" text) */ + +} +.fc .fc-timegrid-axis-cushion, + .fc .fc-timegrid-slot-label-cushion { + padding: 0 4px; + } +.fc { + + + /* axis cells (top-left corner of view including the "all-day" text) */ + /* vertical align is more complicated, uses flexbox */ + +} +.fc .fc-timegrid-axis-frame-liquid { + height: 100%; /* will need liquid-hack in FF */ + } +.fc .fc-timegrid-axis-frame { + overflow: hidden; + display: flex; + align-items: center; /* vertical align */ + justify-content: flex-end; /* horizontal align. matches text-align below */ + } +.fc .fc-timegrid-axis-cushion { + max-width: 60px; /* limits the width of the "all-day" text */ + flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ + } +.fc-direction-ltr .fc-timegrid-slot-label-frame { + text-align: right; + } +.fc-direction-rtl .fc-timegrid-slot-label-frame { + text-align: left; + } +.fc-liquid-hack .fc-timegrid-axis-frame-liquid { + height: auto; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } +.fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 220, 40, 0.15); + background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); + } +.fc .fc-timegrid-col-frame { + min-height: 100%; /* liquid-hack is below */ + position: relative; + } +.fc-liquid-hack .fc-timegrid-col-frame { + height: auto; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } +.fc-media-screen .fc-timegrid-cols { + position: absolute; /* no z-index. children will decide and go above slots */ + top: 0; + left: 0; + right: 0; + bottom: 0 + } +.fc-media-screen .fc-timegrid-cols > table { + height: 100%; + } +.fc-media-screen .fc-timegrid-col-bg, + .fc-media-screen .fc-timegrid-col-events, + .fc-media-screen .fc-timegrid-now-indicator-container { + position: absolute; + top: 0; + left: 0; + right: 0; + } +.fc-media-screen .fc-timegrid-event-harness { + position: absolute; /* top/left/right/bottom will all be set by JS */ + } +.fc { + + /* bg */ + +} +.fc .fc-timegrid-col-bg { + z-index: 2; /* TODO: kill */ + } +.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } +.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } +.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } +.fc .fc-timegrid-bg-harness { + position: absolute; /* top/bottom will be set by JS */ + left: 0; + right: 0; + } +.fc { + + /* fg events */ + /* (the mirror segs are put into a separate container with same classname, */ + /* and they must be after the normal seg container to appear at a higher z-index) */ + +} +.fc .fc-timegrid-col-events { + z-index: 3; + /* child event segs have z-indexes that are scoped within this div */ + } +.fc { + + /* now indicator */ + +} +.fc .fc-timegrid-now-indicator-container { + bottom: 0; + overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ + /* z-index is set on the individual elements */ + } +.fc-direction-ltr .fc-timegrid-col-events { + margin: 0 2.5% 0 2px; + } +.fc-direction-rtl .fc-timegrid-col-events { + margin: 0 2px 0 2.5%; + } +.fc-timegrid-event-harness-inset .fc-timegrid-event, +.fc-timegrid-event.fc-event-mirror { + box-shadow: 0px 0px 0px 1px #fff; + box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); +} +.fc-timegrid-event { /* events need to be root */ + + font-size: .85em; + + font-size: var(--fc-small-font-size, .85em); + border-radius: 3px + +} +.fc-timegrid-event .fc-event-main { + padding: 1px 1px 0; + } +.fc-timegrid-event .fc-event-time { + white-space: nowrap; + font-size: .85em; + font-size: var(--fc-small-font-size, .85em); + margin-bottom: 1px; + } +.fc-timegrid-event-condensed .fc-event-main-frame { + flex-direction: row; + overflow: hidden; + } +.fc-timegrid-event-condensed .fc-event-time:after { + content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ + } +.fc-timegrid-event-condensed .fc-event-title { + font-size: .85em; + font-size: var(--fc-small-font-size, .85em) + } +.fc-media-screen .fc-timegrid-event { + position: absolute; /* absolute WITHIN the harness */ + top: 0; + bottom: 1px; /* stay away from bottom slot line */ + left: 0; + right: 0; + } +.fc { + + /* line */ + +} +.fc .fc-timegrid-now-indicator-line { + position: absolute; + z-index: 4; + left: 0; + right: 0; + border-style: solid; + border-color: red; + border-color: var(--fc-now-indicator-color, red); + border-width: 1px 0 0; + } +.fc { + + /* arrow */ + +} +.fc .fc-timegrid-now-indicator-arrow { + position: absolute; + z-index: 4; + margin-top: -5px; /* vertically center on top coordinate */ + border-style: solid; + border-color: red; + border-color: var(--fc-now-indicator-color, red); + } +.fc-direction-ltr .fc-timegrid-now-indicator-arrow { + left: 0; + + /* triangle pointing right. TODO: mixin */ + border-width: 5px 0 5px 6px; + border-top-color: transparent; + border-bottom-color: transparent; + } +.fc-direction-rtl .fc-timegrid-now-indicator-arrow { + right: 0; + + /* triangle pointing left. TODO: mixin */ + border-width: 5px 6px 5px 0; + border-top-color: transparent; + border-bottom-color: transparent; + } + + +:root { + --fc-list-event-dot-width: 10px; + --fc-list-event-hover-bg-color: #f5f5f5; +} +.fc-theme-standard .fc-list { + border: 1px solid #ddd; + border: 1px solid var(--fc-border-color, #ddd); + } +.fc { + + /* message when no events */ + +} +.fc .fc-list-empty { + background-color: rgba(208, 208, 208, 0.3); + background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); + height: 100%; + display: flex; + justify-content: center; + align-items: center; /* vertically aligns fc-list-empty-inner */ + } +.fc .fc-list-empty-cushion { + margin: 5em 0; + } +.fc { + + /* table within the scroller */ + /* ---------------------------------------------------------------------------------------------------- */ + +} +.fc .fc-list-table { + width: 100%; + border-style: hidden; /* kill outer border on theme */ + } +.fc .fc-list-table tr > * { + border-left: 0; + border-right: 0; + } +.fc .fc-list-sticky .fc-list-day > * { /* the cells */ + position: -webkit-sticky; + position: sticky; + top: 0; + background: #fff; + background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */ + } +.fc .fc-list-table th { + padding: 0; /* uses an inner-wrapper instead... */ + } +.fc .fc-list-table td, + .fc .fc-list-day-cushion { + padding: 8px 14px; + } +.fc { + + + /* date heading rows */ + /* ---------------------------------------------------------------------------------------------------- */ + +} +.fc .fc-list-day-cushion:after { + content: ""; + clear: both; + display: table; /* clear floating */ + } +.fc-theme-standard .fc-list-day-cushion { + background-color: rgba(208, 208, 208, 0.3); + background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); + } +.fc-direction-ltr .fc-list-day-text, +.fc-direction-rtl .fc-list-day-side-text { + float: left; +} +.fc-direction-ltr .fc-list-day-side-text, +.fc-direction-rtl .fc-list-day-text { + float: right; +} +/* make the dot closer to the event title */ +.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 } +.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 } +.fc .fc-list-event.fc-event-forced-url { + cursor: pointer; /* whole row will seem clickable */ + } +.fc .fc-list-event:hover td { + background-color: #f5f5f5; + background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); + } +.fc { + + /* shrink certain cols */ + +} +.fc .fc-list-event-graphic, + .fc .fc-list-event-time { + white-space: nowrap; + width: 1px; + } +.fc .fc-list-event-dot { + display: inline-block; + box-sizing: content-box; + width: 0; + height: 0; + border: 5px solid #3788d8; + border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); + border-radius: 5px; + border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); + } +.fc { + + /* reset styling */ + +} +.fc .fc-list-event-title a { + color: inherit; + text-decoration: none; + } +.fc { + + /* underline link when hovering over any part of row */ + +} +.fc .fc-list-event.fc-event-forced-url:hover a { + text-decoration: underline; + } + + + + .fc-theme-bootstrap a:not([href]) { + color: inherit; /* natural color for navlinks */ + } diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_glidejs.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_glidejs.scss new file mode 100755 index 0000000..96a042b --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_glidejs.scss @@ -0,0 +1,179 @@ +/*! + * Glide.js v3.4.1 + * (c) 2013-2020 Jędrzej Chałubek (http://jedrzejchalubek.com/) + * Released under the MIT License. + */ +.glide { + position: relative; + width: 100%; + box-sizing: border-box; +} + +.glide * { + box-sizing: inherit; +} + +.glide__track { + overflow: hidden; +} + +.glide__slides { + position: relative; + width: 100%; + list-style: none; + backface-visibility: hidden; + transform-style: preserve-3d; + touch-action: pan-Y; + overflow: hidden; + padding: 0; + white-space: nowrap; + display: flex; + flex-wrap: nowrap; + will-change: transform; + padding: 40px 0; +} + +.glide__slides--dragging { + user-select: none; +} + +.glide__slide { + width: 100%; + height: 100%; + flex-shrink: 0; + white-space: normal; + user-select: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: transparent; +} + +.glide__slide a { + user-select: none; + -webkit-user-drag: none; + -moz-user-select: none; + -ms-user-select: none; +} + +.glide__arrows { + -webkit-touch-callout: none; + user-select: none; +} + +.glide__bullets { + -webkit-touch-callout: none; + user-select: none; +} + +.glide--rtl { + direction: rtl; +} + +.glide__arrow { + position: absolute; + display: block; + top: 50%; + z-index: 2; + color: white; + text-transform: uppercase; + padding: 9px 12px; + background-color: transparent; + border: 2px solid rgba(255, 255, 255, 0.5); + border-radius: 4px; + box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); + opacity: 1; + cursor: pointer; + transition: opacity 150ms ease, border 300ms ease-in-out; + transform: translateY(-50%); + line-height: 1; +} + +.glide__arrow:focus { + outline: none; +} + +.glide__arrow:hover { + border-color: white; +} + +.glide__arrow--left { + left: 2em; +} + +.glide__arrow--right { + right: 2em; +} + +.glide__arrow--disabled { + opacity: 0.33; +} + +.glide__bullets { + position: absolute; + z-index: 2; + bottom: 2em; + left: 50%; + display: inline-flex; + list-style: none; + transform: translateX(-50%); +} + +.glide__bullet { + background-color: rgba(255, 255, 255, 0.5); + width: 9px; + height: 9px; + padding: 0; + border-radius: 50%; + border: 2px solid transparent; + transition: all 300ms ease-in-out; + cursor: pointer; + line-height: 0; + box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); + margin: 0 0.25em; +} + +.glide__bullet:focus { + outline: none; +} + +.glide__bullet:focus, +.glide__bullet:hover { + border: 2px solid white; + background-color: rgba(255, 255, 255, 0.5); +} + +.glide__bullet--active { + background-color: white; +} + +.glide--swipeable { + cursor: grab; + cursor: -moz-grab; + cursor: -webkit-grab; +} + +.glide--dragging { + cursor: grabbing; + cursor: -moz-grabbing; + cursor: -webkit-grabbing; +} + + + +.glide__slides { + overflow: visible; + transform-style: preserve-3d; +} + +.glide__slide { + transform: perspective(2000px); +} + +.glide__container { + border: 1px solid $gray-200; + border-radius: $border-radius-xl; + transition: all 500ms ease; + will-change: transform; + transform-style: preserve-3d; + position: relative; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_highlight.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_highlight.scss new file mode 100755 index 0000000..62923bd --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_highlight.scss @@ -0,0 +1,83 @@ +/*! +* Highlight.js 10.7.2 (00233d63) +* License: BSD-3-Clause +* Copyright (c) 2006-2021, Ivan Sagalaev + */ +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + background: #f0f0f0; +} + +.hljs, +.hljs-subst { + color: #444; +} + +.hljs-comment { + color: #888; +} + +.hljs-attribute, +.hljs-doctag, +.hljs-keyword, +.hljs-meta-keyword, +.hljs-name, +.hljs-selector-tag { + font-weight: 700; +} + +.hljs-deletion, +.hljs-number, +.hljs-quote, +.hljs-selector-class, +.hljs-selector-id, +.hljs-string, +.hljs-template-tag, +.hljs-type { + color: #800; +} + +.hljs-section, +.hljs-title { + color: #800; + font-weight: 700; +} + +.hljs-link, +.hljs-regexp, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-symbol, +.hljs-template-variable, +.hljs-variable { + color: #bc6060; +} + +.hljs-literal { + color: #78a960; +} + +.hljs-addition, +.hljs-built_in, +.hljs-bullet, +.hljs-code { + color: #397300; +} + +.hljs-meta { + color: #1f7199; +} + +.hljs-meta-string { + color: #4d99bf; +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: 700; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_kanban.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_kanban.scss new file mode 100755 index 0000000..c6499c8 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_kanban.scss @@ -0,0 +1,158 @@ +.kanban-container { + position: relative; + box-sizing: border-box; + width: auto; + overflow: scroll; +} + +.kanban-container * { + box-sizing: border-box; +} + +.kanban-container:after { + clear: both; + display: block; + content: ""; +} + +.kanban-board { + position: relative; + float: left; + background: $gray-200; + transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); + border-radius: $border-radius-lg; +} + +.kanban-board.disabled-board { + opacity: 0.3; +} + +.kanban-board.is-moving.gu-mirror { + transform: rotate(3deg); +} + +.kanban-board.is-moving.gu-mirror .kanban-drag { + overflow: hidden; + padding-right: 50px; +} + +.kanban-board header { + font-size: 16px; + padding: 20px; +} + +.kanban-board header .kanban-title-board { + font-weight: 600; + margin: 0; + padding: 0; + display: inline; + color: $dark; +} + +.kanban-board header .kanban-title-button { + float: right; +} + +.kanban-board .kanban-drag { + min-height: 200px; + padding: 20px; +} + +.kanban-board:after { + clear: both; + display: block; + content: ""; +} + +.kanban-item { + background: #fff; + padding: 15px; + margin-bottom: 20px; + transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); + img.w-100{ + border-radius: $border-radius-lg; + } +} + +.kanban-item:hover { + cursor: move; +} + +.kanban-item:last-child { + margin: 0; +} + +.kanban-item.is-moving.gu-mirror { + transform: rotate(3deg); + height: auto !important; +} + +/* Dragula CSS */ +.gu-mirror { + position: fixed !important; + margin: 0 !important; + z-index: 9999 !important; +} + +.gu-hide { + display: none !important; +} + +.gu-unselectable { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} + +.gu-transit { + box-shadow: $blur-box-shadow; + -webkit-backdrop-filter: $blur-backdrop-filter; + backdrop-filter: $blur-backdrop-filter; + background-color: $card-background-blur !important; + box-shadow: $shadow-blur-box-shadow !important; +} + +.drag_handler { + background: #fff; + border-radius: 50%; + width: 24px; + height: 24px; + position: relative; + float: left; + top: -3px; + margin-right: 4px; +} + +.drag_handler:hover { + cursor: move; +} + +.drag_handler_icon { + position: relative; + display: block; + background: #000; + width: 24px; + height: 2px; + top: 12px; + transition: .5s ease-in-out; +} + +.drag_handler_icon:before, +.drag_handler_icon:after { + background: #000; + content: ''; + display: block; + width: 100%; + height: 100%; + position: absolute; + transition: .5s ease-in-out; +} + + .drag_handler_icon:before { + top: 6px; +} + +.drag_handler_icon:after { + bottom: 6px; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_leaflet.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_leaflet.scss new file mode 100755 index 0000000..df7c7c7 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_leaflet.scss @@ -0,0 +1,656 @@ +.leaflet { + height: 250px; +} + +.leaflet-bar a, .leaflet-bar a:hover{ + background: $dark; + color: rgba($white, 0.7); + border-bottom-color: $dark-gradient; +} + +.leaflet-bar a.leaflet-disabled{ + background: $dark-gradient; +} + + +// Plugin Styling +/* required styles */ + +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-pane > svg, +.leaflet-pane > canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; + } +.leaflet-container { + overflow: hidden; + } +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; + } +/* Prevents IE11 from highlighting tiles in blue */ +.leaflet-tile::selection { + background: transparent; +} +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; + } +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; + } +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; + } +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg, +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer, +.leaflet-container .leaflet-tile { + max-width: none !important; + max-height: none !important; + } + +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; + } +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; +} +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; +} +.leaflet-container { + -webkit-tap-highlight-color: transparent; +} +.leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); +} +.leaflet-tile { + filter: inherit; + visibility: hidden; + } +.leaflet-tile-loaded { + visibility: inherit; + } +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; + } +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; + } + +.leaflet-pane { z-index: 400; } + +.leaflet-tile-pane { z-index: 200; } +.leaflet-overlay-pane { z-index: 400; } +.leaflet-shadow-pane { z-index: 500; } +.leaflet-marker-pane { z-index: 600; } +.leaflet-tooltip-pane { z-index: 650; } +.leaflet-popup-pane { z-index: 700; } + +.leaflet-map-pane canvas { z-index: 100; } +.leaflet-map-pane svg { z-index: 200; } + +.leaflet-vml-shape { + width: 1px; + height: 1px; + } +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; + } + + +/* control positioning */ + +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; + } +.leaflet-top { + top: 0; + } +.leaflet-right { + right: 0; + } +.leaflet-bottom { + bottom: 0; + } +.leaflet-left { + left: 0; + } +.leaflet-control { + float: left; + clear: both; + } +.leaflet-right .leaflet-control { + float: right; + } +.leaflet-top .leaflet-control { + margin-top: 10px; + } +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; + } +.leaflet-left .leaflet-control { + margin-left: 10px; + } +.leaflet-right .leaflet-control { + margin-right: 10px; + } + + +/* zoom and fade animations */ + +.leaflet-fade-anim .leaflet-tile { + will-change: opacity; + } +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; + } +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; + } +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + } +.leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; + } +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); + transition: transform 0.25s cubic-bezier(0,0,0.25,1); + } +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + transition: none; + } + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; + } + + +/* cursors */ + +.leaflet-interactive { + cursor: pointer; + } +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; + } +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; + } +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + } + +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; + } + +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive, +svg.leaflet-image-layer.leaflet-interactive path { + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } + +/* visual tweaks */ + +.leaflet-container { + background: #ddd; + outline: 0; + } +.leaflet-container a { + color: #0078A8; + } +.leaflet-container a.leaflet-active { + outline: 2px solid orange; + } +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255,255,255,0.5); + } + + +/* general typography */ +.leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + } + + +/* general toolbar styles */ + +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0,0,0,0.65); + border-radius: 4px; + } +.leaflet-bar a, +.leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; + } +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; + } +.leaflet-bar a:hover { + background-color: #f4f4f4; + } +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; + } +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; + } + +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; + } +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + +/* zoom control */ + +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; + } + +.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; + } + + +/* layers control */ + +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0,0,0,0.4); + background: #fff; + border-radius: 5px; + } +.leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; + } +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; + } +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; + } +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; + } +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; + } +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; + } +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; + } +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; + } +.leaflet-control-layers label { + display: block; + } +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; + } + +/* Default icon URLs */ +.leaflet-default-icon-path { + background-image: url(images/marker-icon.png); + } + + +/* attribution and scale controls */ + +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; + } +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; + } +.leaflet-control-attribution a { + text-decoration: none; + } +.leaflet-control-attribution a:hover { + text-decoration: underline; + } +.leaflet-container .leaflet-control-attribution, +.leaflet-container .leaflet-control-scale { + font-size: 11px; + } +.leaflet-left .leaflet-control-scale { + margin-left: 5px; + } +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; + } +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + + background: #fff; + background: rgba(255, 255, 255, 0.5); + } +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; + } +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; + } + +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; + } +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0,0,0,0.2); + background-clip: padding-box; + } + + +/* popup */ + +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; + } +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; + } +.leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; + } +.leaflet-popup-content p { + margin: 18px 0; + } +.leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; + } +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + + margin: -10px auto 0; + + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0,0,0,0.4); + } +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; + } +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; + } +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + } + +.leaflet-oldie .leaflet-popup-content-wrapper { + -ms-zoom: 1; + } +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + } +.leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; + } + +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; + } + + +/* div icon */ + +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; + } + + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0,0,0,0.4); + } +.leaflet-tooltip.leaflet-clickable { + cursor: pointer; + pointer-events: auto; + } +.leaflet-tooltip-top:before, +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; + } + +/* Directions */ + +.leaflet-tooltip-bottom { + margin-top: 6px; +} +.leaflet-tooltip-top { + margin-top: -6px; +} +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; + } +.leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; + } +.leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; + } +.leaflet-tooltip-left { + margin-left: -6px; +} +.leaflet-tooltip-right { + margin-left: 6px; +} +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; + } +.leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; + } +.leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; + } diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_list-check.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_list-check.scss new file mode 100755 index 0000000..632f94c --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_list-check.scss @@ -0,0 +1,17 @@ +#completed-tasks label { + text-decoration: line-through; + color: #888; +} + +/* Edit Task */ +ul li input[type=text] { + display:none; +} + +ul li.editMode input[type=text] { + display:block; +} + +ul li.editMode label { + display:none; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_photoswipe.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_photoswipe.scss new file mode 100755 index 0000000..dad0214 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_photoswipe.scss @@ -0,0 +1,182 @@ +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + z-index: 99999; + -webkit-text-size-adjust: 100%; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + -webkit-backface-visibility: hidden; + outline: none; } + .pswp * { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .pswp img { + max-width: none; } + +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--open { + display: block; } + +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } + +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + will-change: opacity; } + +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + +.pswp__container, +.pswp__zoom-wrap { + -ms-touch-action: none; + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; } + +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + border-radius: $border-radius-lg; + margin-top: 2rem; +} + +.pswp__zoom-wrap { + position: absolute; + width: 100%; + -webkit-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + /* for open/close transition */ + -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + -webkit-transition: none; + transition: none; } + +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; } + +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; } + +.pswp__img { + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; } + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; } + +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; } + +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; } + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #CCC; } + +.pswp__error-msg a { + color: #CCC; + text-decoration: underline; } diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_quill.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_quill.scss new file mode 100755 index 0000000..e0f6fcc --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_quill.scss @@ -0,0 +1,949 @@ +/*! + * Quill Editor v1.3.6 + * https://quilljs.com/ + * Copyright (c) 2014, Jason Chen + * Copyright (c) 2013, salesforce.com + */ +.ql-container { + box-sizing: border-box; + font-family: Helvetica, Arial, sans-serif; + font-size: 13px; + height: 100%; + margin: 0px; + position: relative; +} +.ql-container.ql-disabled .ql-tooltip { + visibility: hidden; +} +.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { + pointer-events: none; +} +.ql-clipboard { + left: -100000px; + height: 1px; + overflow-y: hidden; + position: absolute; + top: 50%; +} +.ql-clipboard p { + margin: 0; + padding: 0; +} +.ql-editor { + box-sizing: border-box; + line-height: 1.42; + height: 100%; + outline: none; + overflow-y: auto; + padding: 12px 15px; + tab-size: 4; + -moz-tab-size: 4; + text-align: left; + white-space: pre-wrap; + word-wrap: break-word; +} +.ql-editor > * { + cursor: text; +} +.ql-editor p, +.ql-editor ol, +.ql-editor ul, +.ql-editor pre, +.ql-editor blockquote, +.ql-editor h1, +.ql-editor h2, +.ql-editor h3, +.ql-editor h4, +.ql-editor h5, +.ql-editor h6 { + margin: 0; + padding: 0; + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol, +.ql-editor ul { + padding-left: 1.5em; +} +.ql-editor ol > li, +.ql-editor ul > li { + list-style-type: none; +} +.ql-editor ul > li::before { + content: '\2022'; +} +.ql-editor ul[data-checked=true], +.ql-editor ul[data-checked=false] { + pointer-events: none; +} +.ql-editor ul[data-checked=true] > li *, +.ql-editor ul[data-checked=false] > li * { + pointer-events: all; +} +.ql-editor ul[data-checked=true] > li::before, +.ql-editor ul[data-checked=false] > li::before { + color: #777; + cursor: pointer; + pointer-events: all; +} +.ql-editor ul[data-checked=true] > li::before { + content: '\2611'; +} +.ql-editor ul[data-checked=false] > li::before { + content: '\2610'; +} +.ql-editor li::before { + display: inline-block; + white-space: nowrap; + width: 1.2em; +} +.ql-editor li:not(.ql-direction-rtl)::before { + margin-left: -1.5em; + margin-right: 0.3em; + text-align: right; +} +.ql-editor li.ql-direction-rtl::before { + margin-left: 0.3em; + margin-right: -1.5em; +} +.ql-editor ol li:not(.ql-direction-rtl), +.ql-editor ul li:not(.ql-direction-rtl) { + padding-left: 1.5em; +} +.ql-editor ol li.ql-direction-rtl, +.ql-editor ul li.ql-direction-rtl { + padding-right: 1.5em; +} +.ql-editor ol li { + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; + counter-increment: list-0; +} +.ql-editor ol li:before { + content: counter(list-0, decimal) '. '; +} +.ql-editor ol li.ql-indent-1 { + counter-increment: list-1; +} +.ql-editor ol li.ql-indent-1:before { + content: counter(list-1, lower-alpha) '. '; +} +.ql-editor ol li.ql-indent-1 { + counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-2 { + counter-increment: list-2; +} +.ql-editor ol li.ql-indent-2:before { + content: counter(list-2, lower-roman) '. '; +} +.ql-editor ol li.ql-indent-2 { + counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-3 { + counter-increment: list-3; +} +.ql-editor ol li.ql-indent-3:before { + content: counter(list-3, decimal) '. '; +} +.ql-editor ol li.ql-indent-3 { + counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-4 { + counter-increment: list-4; +} +.ql-editor ol li.ql-indent-4:before { + content: counter(list-4, lower-alpha) '. '; +} +.ql-editor ol li.ql-indent-4 { + counter-reset: list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-5 { + counter-increment: list-5; +} +.ql-editor ol li.ql-indent-5:before { + content: counter(list-5, lower-roman) '. '; +} +.ql-editor ol li.ql-indent-5 { + counter-reset: list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-6 { + counter-increment: list-6; +} +.ql-editor ol li.ql-indent-6:before { + content: counter(list-6, decimal) '. '; +} +.ql-editor ol li.ql-indent-6 { + counter-reset: list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-7 { + counter-increment: list-7; +} +.ql-editor ol li.ql-indent-7:before { + content: counter(list-7, lower-alpha) '. '; +} +.ql-editor ol li.ql-indent-7 { + counter-reset: list-8 list-9; +} +.ql-editor ol li.ql-indent-8 { + counter-increment: list-8; +} +.ql-editor ol li.ql-indent-8:before { + content: counter(list-8, lower-roman) '. '; +} +.ql-editor ol li.ql-indent-8 { + counter-reset: list-9; +} +.ql-editor ol li.ql-indent-9 { + counter-increment: list-9; +} +.ql-editor ol li.ql-indent-9:before { + content: counter(list-9, decimal) '. '; +} +.ql-editor .ql-indent-1:not(.ql-direction-rtl) { + padding-left: 3em; +} +.ql-editor li.ql-indent-1:not(.ql-direction-rtl) { + padding-left: 4.5em; +} +.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { + padding-right: 3em; +} +.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { + padding-right: 4.5em; +} +.ql-editor .ql-indent-2:not(.ql-direction-rtl) { + padding-left: 6em; +} +.ql-editor li.ql-indent-2:not(.ql-direction-rtl) { + padding-left: 7.5em; +} +.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { + padding-right: 6em; +} +.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { + padding-right: 7.5em; +} +.ql-editor .ql-indent-3:not(.ql-direction-rtl) { + padding-left: 9em; +} +.ql-editor li.ql-indent-3:not(.ql-direction-rtl) { + padding-left: 10.5em; +} +.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { + padding-right: 9em; +} +.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { + padding-right: 10.5em; +} +.ql-editor .ql-indent-4:not(.ql-direction-rtl) { + padding-left: 12em; +} +.ql-editor li.ql-indent-4:not(.ql-direction-rtl) { + padding-left: 13.5em; +} +.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { + padding-right: 12em; +} +.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { + padding-right: 13.5em; +} +.ql-editor .ql-indent-5:not(.ql-direction-rtl) { + padding-left: 15em; +} +.ql-editor li.ql-indent-5:not(.ql-direction-rtl) { + padding-left: 16.5em; +} +.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { + padding-right: 15em; +} +.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { + padding-right: 16.5em; +} +.ql-editor .ql-indent-6:not(.ql-direction-rtl) { + padding-left: 18em; +} +.ql-editor li.ql-indent-6:not(.ql-direction-rtl) { + padding-left: 19.5em; +} +.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { + padding-right: 18em; +} +.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { + padding-right: 19.5em; +} +.ql-editor .ql-indent-7:not(.ql-direction-rtl) { + padding-left: 21em; +} +.ql-editor li.ql-indent-7:not(.ql-direction-rtl) { + padding-left: 22.5em; +} +.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { + padding-right: 21em; +} +.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { + padding-right: 22.5em; +} +.ql-editor .ql-indent-8:not(.ql-direction-rtl) { + padding-left: 24em; +} +.ql-editor li.ql-indent-8:not(.ql-direction-rtl) { + padding-left: 25.5em; +} +.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { + padding-right: 24em; +} +.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { + padding-right: 25.5em; +} +.ql-editor .ql-indent-9:not(.ql-direction-rtl) { + padding-left: 27em; +} +.ql-editor li.ql-indent-9:not(.ql-direction-rtl) { + padding-left: 28.5em; +} +.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { + padding-right: 27em; +} +.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { + padding-right: 28.5em; +} +.ql-editor .ql-video { + display: block; + max-width: 100%; +} +.ql-editor .ql-video.ql-align-center { + margin: 0 auto; +} +.ql-editor .ql-video.ql-align-right { + margin: 0 0 0 auto; +} +.ql-editor .ql-bg-black { + background-color: #000; +} +.ql-editor .ql-bg-red { + background-color: #e60000; +} +.ql-editor .ql-bg-orange { + background-color: #f90; +} +.ql-editor .ql-bg-yellow { + background-color: #ff0; +} +.ql-editor .ql-bg-green { + background-color: #008a00; +} +.ql-editor .ql-bg-blue { + background-color: #06c; +} +.ql-editor .ql-bg-purple { + background-color: #93f; +} +.ql-editor .ql-color-white { + color: #fff; +} +.ql-editor .ql-color-red { + color: #e60000; +} +.ql-editor .ql-color-orange { + color: #f90; +} +.ql-editor .ql-color-yellow { + color: #ff0; +} +.ql-editor .ql-color-green { + color: #008a00; +} +.ql-editor .ql-color-blue { + color: #06c; +} +.ql-editor .ql-color-purple { + color: #93f; +} +.ql-editor .ql-font-serif { + font-family: Georgia, Times New Roman, serif; +} +.ql-editor .ql-font-monospace { + font-family: Monaco, Courier New, monospace; +} +.ql-editor .ql-size-small { + font-size: 0.75em; +} +.ql-editor .ql-size-large { + font-size: 1.5em; +} +.ql-editor .ql-size-huge { + font-size: 2.5em; +} +.ql-editor .ql-direction-rtl { + direction: rtl; + text-align: inherit; +} +.ql-editor .ql-align-center { + text-align: center; +} +.ql-editor .ql-align-justify { + text-align: justify; +} +.ql-editor .ql-align-right { + text-align: right; +} +.ql-editor.ql-blank::before { + color: rgba(0,0,0,0.6); + content: attr(data-placeholder); + font-style: italic; + left: 15px; + pointer-events: none; + position: absolute; + right: 15px; +} +.ql-snow.ql-toolbar:after, +.ql-snow .ql-toolbar:after { + clear: both; + content: ''; + display: table; +} +.ql-snow.ql-toolbar button, +.ql-snow .ql-toolbar button { + background: none; + border: none; + cursor: pointer; + display: inline-block; + float: left; + height: 24px; + padding: 3px 5px; + width: 28px; +} +.ql-snow.ql-toolbar button svg, +.ql-snow .ql-toolbar button svg { + float: left; + height: 100%; +} +.ql-snow.ql-toolbar button:active:hover, +.ql-snow .ql-toolbar button:active:hover { + outline: none; +} +.ql-snow.ql-toolbar input.ql-image[type=file], +.ql-snow .ql-toolbar input.ql-image[type=file] { + display: none; +} +.ql-snow.ql-toolbar button:hover, +.ql-snow .ql-toolbar button:hover, +.ql-snow.ql-toolbar button:focus, +.ql-snow .ql-toolbar button:focus, +.ql-snow.ql-toolbar button.ql-active, +.ql-snow .ql-toolbar button.ql-active, +.ql-snow.ql-toolbar .ql-picker-label:hover, +.ql-snow .ql-toolbar .ql-picker-label:hover, +.ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ql-snow .ql-toolbar .ql-picker-label.ql-active, +.ql-snow.ql-toolbar .ql-picker-item:hover, +.ql-snow .ql-toolbar .ql-picker-item:hover, +.ql-snow.ql-toolbar .ql-picker-item.ql-selected, +.ql-snow .ql-toolbar .ql-picker-item.ql-selected { + color: #06c; +} +.ql-snow.ql-toolbar button:hover .ql-fill, +.ql-snow .ql-toolbar button:hover .ql-fill, +.ql-snow.ql-toolbar button:focus .ql-fill, +.ql-snow .ql-toolbar button:focus .ql-fill, +.ql-snow.ql-toolbar button.ql-active .ql-fill, +.ql-snow .ql-toolbar button.ql-active .ql-fill, +.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, +.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, +.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, +.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, +.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, +.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, +.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, +.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, +.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, +.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, +.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, +.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, +.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, +.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, +.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, +.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, +.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, +.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, +.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, +.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { + fill: #06c; +} +.ql-snow.ql-toolbar button:hover .ql-stroke, +.ql-snow .ql-toolbar button:hover .ql-stroke, +.ql-snow.ql-toolbar button:focus .ql-stroke, +.ql-snow .ql-toolbar button:focus .ql-stroke, +.ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ql-snow .ql-toolbar button.ql-active .ql-stroke, +.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, +.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, +.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, +.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, +.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, +.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, +.ql-snow.ql-toolbar button:hover .ql-stroke-miter, +.ql-snow .ql-toolbar button:hover .ql-stroke-miter, +.ql-snow.ql-toolbar button:focus .ql-stroke-miter, +.ql-snow .ql-toolbar button:focus .ql-stroke-miter, +.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, +.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, +.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, +.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, +.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, +.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, +.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, +.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, +.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, +.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { + stroke: #06c; +} +@media (pointer: coarse) { + .ql-snow.ql-toolbar button:hover:not(.ql-active), + .ql-snow .ql-toolbar button:hover:not(.ql-active) { + color: #444; + } + .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, + .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, + .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, + .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { + fill: #444; + } + .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, + .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, + .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, + .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { + stroke: #444; + } +} +.ql-snow { + box-sizing: border-box; +} +.ql-snow * { + box-sizing: border-box; +} +.ql-snow .ql-hidden { + display: none; +} +.ql-snow .ql-out-bottom, +.ql-snow .ql-out-top { + visibility: hidden; +} +.ql-snow .ql-tooltip { + position: absolute; + transform: translateY(10px); +} +.ql-snow .ql-tooltip a { + cursor: pointer; + text-decoration: none; +} +.ql-snow .ql-tooltip.ql-flip { + transform: translateY(-10px); +} +.ql-snow .ql-formats { + display: inline-block; + vertical-align: middle; +} +.ql-snow .ql-formats:after { + clear: both; + content: ''; + display: table; +} +.ql-snow .ql-stroke { + fill: none; + stroke: #444; + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; +} +.ql-snow .ql-stroke-miter { + fill: none; + stroke: #444; + stroke-miterlimit: 10; + stroke-width: 2; +} +.ql-snow .ql-fill, +.ql-snow .ql-stroke.ql-fill { + fill: #444; +} +.ql-snow .ql-empty { + fill: none; +} +.ql-snow .ql-even { + fill-rule: evenodd; +} +.ql-snow .ql-thin, +.ql-snow .ql-stroke.ql-thin { + stroke-width: 1; +} +.ql-snow .ql-transparent { + opacity: 0.4; +} +.ql-snow .ql-direction svg:last-child { + display: none; +} +.ql-snow .ql-direction.ql-active svg:last-child { + display: inline; +} +.ql-snow .ql-direction.ql-active svg:first-child { + display: none; +} +.ql-snow .ql-editor h1 { + font-size: 2em; +} +.ql-snow .ql-editor h2 { + font-size: 1.5em; +} +.ql-snow .ql-editor h3 { + font-size: 1.17em; +} +.ql-snow .ql-editor h4 { + font-size: 1em; +} +.ql-snow .ql-editor h5 { + font-size: 0.83em; +} +.ql-snow .ql-editor h6 { + font-size: 0.67em; +} +.ql-snow .ql-editor a { + text-decoration: underline; +} +.ql-snow .ql-editor blockquote { + border-left: 4px solid #ccc; + margin-bottom: 5px; + margin-top: 5px; + padding-left: 16px; +} +.ql-snow .ql-editor code, +.ql-snow .ql-editor pre { + background-color: #f0f0f0; + border-radius: 3px; +} +.ql-snow .ql-editor pre { + white-space: pre-wrap; + margin-bottom: 5px; + margin-top: 5px; + padding: 5px 10px; +} +.ql-snow .ql-editor code { + font-size: 85%; + padding: 2px 4px; +} +.ql-snow .ql-editor pre.ql-syntax { + background-color: #23241f; + color: #f8f8f2; + overflow: visible; +} +.ql-snow .ql-editor img { + max-width: 100%; +} +.ql-snow .ql-picker { + color: #444; + display: inline-block; + float: left; + font-size: 14px; + font-weight: 500; + height: 24px; + position: relative; + vertical-align: middle; +} +.ql-snow .ql-picker-label { + cursor: pointer; + display: inline-block; + height: 100%; + padding-left: 8px; + padding-right: 2px; + position: relative; + width: 100%; +} +.ql-snow .ql-picker-label::before { + display: inline-block; + line-height: 22px; +} +.ql-snow .ql-picker-options { + background-color: #fff; + display: none; + min-width: 100%; + padding: 4px 8px; + position: absolute; + white-space: nowrap; +} +.ql-snow .ql-picker-options .ql-picker-item { + cursor: pointer; + display: block; + padding-bottom: 5px; + padding-top: 5px; +} +.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ccc; + z-index: 2; +} +.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ccc; +} +.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ccc; +} +.ql-snow .ql-picker.ql-expanded .ql-picker-options { + display: block; + margin-top: -1px; + top: 100%; + z-index: 1; +} +.ql-snow .ql-color-picker, +.ql-snow .ql-icon-picker { + width: 28px; +} +.ql-snow .ql-color-picker .ql-picker-label, +.ql-snow .ql-icon-picker .ql-picker-label { + padding: 2px 4px; +} +.ql-snow .ql-color-picker .ql-picker-label svg, +.ql-snow .ql-icon-picker .ql-picker-label svg { + right: 4px; +} +.ql-snow .ql-icon-picker .ql-picker-options { + padding: 4px 0px; +} +.ql-snow .ql-icon-picker .ql-picker-item { + height: 24px; + width: 24px; + padding: 2px 4px; +} +.ql-snow .ql-color-picker .ql-picker-options { + padding: 3px 5px; + width: 152px; +} +.ql-snow .ql-color-picker .ql-picker-item { + border: 1px solid transparent; + float: left; + height: 16px; + margin: 2px; + padding: 0px; + width: 16px; +} +.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { + position: absolute; + margin-top: -9px; + right: 0; + top: 50%; + width: 18px; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, +.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, +.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, +.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { + content: attr(data-label); +} +.ql-snow .ql-picker.ql-header { + width: 98px; +} +.ql-snow .ql-picker.ql-header .ql-picker-label::before, +.ql-snow .ql-picker.ql-header .ql-picker-item::before { + content: 'Normal'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { + content: 'Heading 1'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { + content: 'Heading 2'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { + content: 'Heading 3'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { + content: 'Heading 4'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { + content: 'Heading 5'; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { + content: 'Heading 6'; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { + font-size: 2em; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { + font-size: 1.5em; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { + font-size: 1.17em; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { + font-size: 1em; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { + font-size: 0.83em; +} +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { + font-size: 0.67em; +} +.ql-snow .ql-picker.ql-font { + width: 108px; +} +.ql-snow .ql-picker.ql-font .ql-picker-label::before, +.ql-snow .ql-picker.ql-font .ql-picker-item::before { + content: 'Sans Serif'; +} +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { + content: 'Serif'; +} +.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { + content: 'Monospace'; +} +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { + font-family: Georgia, Times New Roman, serif; +} +.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { + font-family: Monaco, Courier New, monospace; +} +.ql-snow .ql-picker.ql-size { + width: 98px; +} +.ql-snow .ql-picker.ql-size .ql-picker-label::before, +.ql-snow .ql-picker.ql-size .ql-picker-item::before { + content: 'Normal'; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { + content: 'Small'; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { + content: 'Large'; +} +.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { + content: 'Huge'; +} +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { + font-size: 10px; +} +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { + font-size: 18px; +} +.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { + font-size: 32px; +} +.ql-snow .ql-color-picker.ql-background .ql-picker-item { + background-color: #fff; +} +.ql-snow .ql-color-picker.ql-color .ql-picker-item { + background-color: #000; +} +.ql-toolbar.ql-snow { + border: 1px solid #ccc; + border-top-right-radius: $border-radius-md; + border-top-left-radius: $border-radius-md; + box-sizing: border-box; + font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + padding: 8px; +} +.ql-toolbar.ql-snow .ql-formats { + margin-right: 15px; +} +.ql-toolbar.ql-snow .ql-picker-label { + border: 1px solid transparent; +} +.ql-toolbar.ql-snow .ql-picker-options { + border: 1px solid transparent; + box-shadow: rgba(0,0,0,0.2) 0 2px 8px; +} +.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + border-color: #ccc; +} +.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + border-color: #ccc; +} +.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, +.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { + border-color: #000; +} +.ql-toolbar.ql-snow + .ql-container.ql-snow { + border-top: 0px; + border-bottom-left-radius: $border-radius-md; + border-bottom-right-radius: $border-radius-md; +} +.ql-snow .ql-tooltip { + background-color: #fff; + border: 1px solid #ccc; + box-shadow: 0px 0px 5px #ddd; + color: #444; + padding: 5px 12px; + white-space: nowrap; +} +.ql-snow .ql-tooltip::before { + content: "Visit URL:"; + line-height: 26px; + margin-right: 8px; +} +.ql-snow .ql-tooltip input[type=text] { + display: none; + border: 1px solid #ccc; + font-size: 13px; + height: 26px; + margin: 0px; + padding: 3px 5px; + width: 170px; +} +.ql-snow .ql-tooltip a.ql-preview { + display: inline-block; + max-width: 200px; + overflow-x: hidden; + text-overflow: ellipsis; + vertical-align: top; +} +.ql-snow .ql-tooltip a.ql-action::after { + border-right: 1px solid #ccc; + content: 'Edit'; + margin-left: 16px; + padding-right: 8px; +} +.ql-snow .ql-tooltip a.ql-remove::before { + content: 'Remove'; + margin-left: 8px; +} +.ql-snow .ql-tooltip a { + line-height: 26px; +} +.ql-snow .ql-tooltip.ql-editing a.ql-preview, +.ql-snow .ql-tooltip.ql-editing a.ql-remove { + display: none; +} +.ql-snow .ql-tooltip.ql-editing input[type=text] { + display: inline-block; +} +.ql-snow .ql-tooltip.ql-editing a.ql-action::after { + border-right: 0px; + content: 'Save'; + padding-right: 0px; +} +.ql-snow .ql-tooltip[data-mode=link]::before { + content: "Enter link:"; +} +.ql-snow .ql-tooltip[data-mode=formula]::before { + content: "Enter formula:"; +} +.ql-snow .ql-tooltip[data-mode=video]::before { + content: "Enter video:"; +} +.ql-snow a { + color: #06c; +} +.ql-container.ql-snow { + border: 1px solid #ccc; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_rating-widget.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_rating-widget.scss new file mode 100755 index 0000000..a031077 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_rating-widget.scss @@ -0,0 +1,36 @@ +/****** Style Star Rating Widget *****/ + +.rating { + border: none; + float: left; +} + +.rating > input { display: none; } +.rating > label:before { + margin: 5px; + font-size: 1.25em; + font-family: FontAwesome; + display: inline-block; + content: "\f005"; +} + +.rating > .half:before { + content: "\f089"; + position: absolute; +} + +.rating > label { + color: #ddd; + float: right; +} + +/***** CSS Magic to Highlight Stars on Hover *****/ + +.rating > input:checked ~ label, /* show gold star when clicked */ +.rating:not(:checked) > label:hover, /* hover current star */ +.rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */ + +.rating > input:checked + label:hover, /* hover current star when changing rating */ +.rating > input:checked ~ label:hover, +.rating > label:hover ~ input:checked ~ label, /* lighten current selection */ +.rating > input:checked ~ label:hover ~ label { color: #FFED85; } diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2-extend.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2-extend.scss new file mode 100755 index 0000000..f7b6612 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2-extend.scss @@ -0,0 +1,70 @@ +.swal2-popup { + border-radius: $card-border-radius; +} + +.swal2-styled.swal2-confirm { + background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%); + background-color: transparent; + @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius); + + &:hover, + &:focus { + background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%); + outline: 0; + box-shadow: $btn-focus-box-shadow; + } +} + +.swal2-confirm.btn.bg-gradient-success { + margin-left: 10px; + margin-right: 10px; +} + +.swal2-image { + border-radius: $border-radius-lg; + margin-bottom: 0; +} + +.swal2-close{ + outline: none; + &:focus{ + outline: none; + box-shadow: none; + } +} + +.swal2-input { + padding: $input-padding-y $input-padding-x; + font-family: $input-font-family; + @include font-size($input-font-size); + font-weight: $input-font-weight; + line-height: $input-line-height; + color: $input-color; + background-color: $input-bg; + background-clip: padding-box; + border: $input-border-width solid $input-border-color; +} + +.swal2-icon.swal2-success { + border-color: $success; + color: $success; +} + +.swal2-icon.swal2-info { + border-color: $info; + color: $info; +} + +.swal2-icon.swal2-warning { + border-color: $warning; + color: $warning; +} + +.swal2-icon.swal2-question{ + border-color: $secondary; + color: $secondary; +} + +.swal2-icon.swal2-success [class^=swal2-success-line] { + background-color: $success; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2.scss new file mode 100755 index 0000000..92a3245 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_sweetalert2.scss @@ -0,0 +1,1322 @@ +.swal2-popup.swal2-toast { + box-sizing: border-box; + grid-column: 1/4 !important; + grid-row: 1/4 !important; + grid-template-columns: 1fr 99fr 1fr; + padding: 1em; + overflow-y: hidden; + background: #fff; + box-shadow: 0 0 0.625em #d9d9d9; +} +.swal2-popup.swal2-toast > * { + grid-column: 2; +} +.swal2-popup.swal2-toast .swal2-title { + margin: 1em; + padding: 0; + font-size: 1em; + text-align: initial; +} +.swal2-popup.swal2-toast .swal2-loading { + justify-content: center; +} +.swal2-popup.swal2-toast .swal2-input { + height: 2em; + margin: 0.5em; + font-size: 1em; +} +.swal2-popup.swal2-toast .swal2-validation-message { + font-size: 1em; +} +.swal2-popup.swal2-toast .swal2-footer { + margin: 0.5em 0 0; + padding: 0.5em 0 0; + font-size: 0.8em; +} +.swal2-popup.swal2-toast .swal2-close { + grid-column: 3/3; + grid-row: 1/99; + align-self: center; + width: 0.8em; + height: 0.8em; + margin: 0; + font-size: 2em; +} +.swal2-popup.swal2-toast .swal2-html-container { + margin: 1em; + padding: 0; + font-size: 1em; + text-align: initial; +} +.swal2-popup.swal2-toast .swal2-html-container:empty { + padding: 0; +} +.swal2-popup.swal2-toast .swal2-loader { + grid-column: 1; + grid-row: 1/99; + align-self: center; + width: 2em; + height: 2em; + margin: 0.25em; +} +.swal2-popup.swal2-toast .swal2-icon { + grid-column: 1; + grid-row: 1/99; + align-self: center; + width: 2em; + min-width: 2em; + height: 2em; + margin: 0 0.5em 0 0; +} +.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { + display: flex; + align-items: center; + font-size: 1.8em; + font-weight: bold; +} +.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { + width: 2em; + height: 2em; +} +.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { + top: 0.875em; + width: 1.375em; +} +.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { + left: 0.3125em; +} +.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { + right: 0.3125em; +} +.swal2-popup.swal2-toast .swal2-actions { + justify-content: flex-start; + height: auto; + margin: 0; + margin-top: 0.3125em; + padding: 0; +} +.swal2-popup.swal2-toast .swal2-styled { + margin: 0.25em 0.5em; + padding: 0.4em 0.6em; + font-size: 1em; +} +.swal2-popup.swal2-toast .swal2-styled:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5); +} +.swal2-popup.swal2-toast .swal2-success { + border-color: #a5dc86; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { + position: absolute; + width: 1.6em; + height: 3em; + transform: rotate(45deg); + border-radius: 50%; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { + top: -0.8em; + left: -0.5em; + transform: rotate(-45deg); + transform-origin: 2em 2em; + border-radius: 4em 0 0 4em; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { + top: -0.25em; + left: 0.9375em; + transform-origin: 0 1.5em; + border-radius: 0 4em 4em 0; +} +.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { + width: 2em; + height: 2em; +} +.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { + top: 0; + left: 0.4375em; + width: 0.4375em; + height: 2.6875em; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { + height: 0.3125em; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { + top: 1.125em; + left: 0.1875em; + width: 0.75em; +} +.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { + top: 0.9375em; + right: 0.1875em; + width: 1.375em; +} +.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { + -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; + animation: swal2-toast-animate-success-line-tip 0.75s; +} +.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { + -webkit-animation: swal2-toast-animate-success-line-long 0.75s; + animation: swal2-toast-animate-success-line-long 0.75s; +} +.swal2-popup.swal2-toast.swal2-show { + -webkit-animation: swal2-toast-show 0.5s; + animation: swal2-toast-show 0.5s; +} +.swal2-popup.swal2-toast.swal2-hide { + -webkit-animation: swal2-toast-hide 0.1s forwards; + animation: swal2-toast-hide 0.1s forwards; +} + +.swal2-container { + display: grid; + position: fixed; + z-index: 1060; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; + grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end" "gap gap gap"; + grid-template-rows: auto auto auto 0.625em; + height: 100%; + padding: 0.625em 0.625em 0; + overflow-x: hidden; + transition: background-color 0.1s; + -webkit-overflow-scrolling: touch; +} +.swal2-container::after { + content: ""; + grid-column: 1/4; + grid-row: 4; + height: 0.625em; +} +.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { + background: rgba(0, 0, 0, 0.4); +} +.swal2-container.swal2-backdrop-hide { + background: transparent !important; +} +.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start { + grid-template-columns: minmax(0, 1fr) auto auto; +} +.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom { + grid-template-columns: auto minmax(0, 1fr) auto; +} +.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end { + grid-template-columns: auto auto minmax(0, 1fr); +} +.swal2-container.swal2-top-start > .swal2-popup { + align-self: start; +} +.swal2-container.swal2-top > .swal2-popup { + grid-column: 2; + align-self: start; + justify-self: center; +} +.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup { + grid-column: 3; + align-self: start; + justify-self: end; +} +.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup { + grid-row: 2; + align-self: center; +} +.swal2-container.swal2-center > .swal2-popup { + grid-column: 2; + grid-row: 2; + align-self: center; + justify-self: center; +} +.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup { + grid-column: 3; + grid-row: 2; + align-self: center; + justify-self: end; +} +.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup { + grid-column: 1; + grid-row: 3; + align-self: end; +} +.swal2-container.swal2-bottom > .swal2-popup { + grid-column: 2; + grid-row: 3; + justify-self: center; + align-self: end; +} +.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup { + grid-column: 3; + grid-row: 3; + align-self: end; + justify-self: end; +} +.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup { + grid-column: 1/4; + width: 100%; +} +.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup { + grid-row: 1/4; + align-self: stretch; +} +.swal2-container.swal2-no-transition { + transition: none !important; +} + +.swal2-popup { + display: none; + position: relative; + box-sizing: border-box; + width: 32em; + max-width: 100%; + padding: 0 0 1.25em; + border: none; + border-radius: 5px; + background: #fff; + font-family: inherit; + font-size: 1rem; +} +.swal2-popup:focus { + outline: none; +} +.swal2-popup.swal2-loading { + overflow-y: hidden; +} + +.swal2-title { + position: relative; + max-width: 100%; + margin: 0; + padding: 0.8em 1em 0; + color: #595959; + font-size: 1.875em; + font-weight: 600; + text-align: center; + text-transform: none; + word-wrap: break-word; +} + +.swal2-actions { + display: flex; + z-index: 1; + box-sizing: border-box; + flex-wrap: wrap; + align-items: center; + justify-content: center; + width: 100%; + margin: 1.25em auto 0; + padding: 0; +} +.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { + opacity: 0.4; +} +.swal2-actions:not(.swal2-loading) .swal2-styled:hover { + background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); +} +.swal2-actions:not(.swal2-loading) .swal2-styled:active { + background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); +} + +.swal2-loader { + display: none; + align-items: center; + justify-content: center; + width: 2.2em; + height: 2.2em; + margin: 0 1.875em; + -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + animation: swal2-rotate-loading 1.5s linear 0s infinite normal; + border-width: 0.25em; + border-style: solid; + border-radius: 100%; + border-color: #2778c4 transparent #2778c4 transparent; +} + +.swal2-styled { + margin: 0.3125em; + padding: 0.625em 1.1em; + transition: box-shadow 0.1s; + box-shadow: 0 0 0 3px transparent; + font-weight: 500; +} +.swal2-styled:not([disabled]) { + cursor: pointer; +} +.swal2-styled.swal2-confirm { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #7367f0; + color: #fff; + font-size: 1em; +} +.swal2-styled.swal2-confirm:focus { + box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.5); +} +.swal2-styled.swal2-deny { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #ea5455; + color: #fff; + font-size: 1em; +} +.swal2-styled.swal2-deny:focus { + box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.5); +} +.swal2-styled.swal2-cancel { + border: 0; + border-radius: 0.25em; + background: initial; + background-color: #6e7d88; + color: #fff; + font-size: 1em; +} +.swal2-styled.swal2-cancel:focus { + box-shadow: 0 0 0 3px rgba(110, 125, 136, 0.5); +} +.swal2-styled.swal2-default-outline:focus { + box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); +} +.swal2-styled:focus { + outline: none; +} +.swal2-styled::-moz-focus-inner { + border: 0; +} + +.swal2-footer { + justify-content: center; + margin: 1em 0 0; + padding: 1em 1em 0; + border-top: 1px solid #eee; + color: #545454; + font-size: 1em; +} + +.swal2-timer-progress-bar-container { + position: absolute; + right: 0; + bottom: 0; + left: 0; + grid-column: auto !important; + height: 0.25em; + overflow: hidden; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.swal2-timer-progress-bar { + width: 100%; + height: 0.25em; + background: rgba(0, 0, 0, 0.2); +} + +.swal2-image { + max-width: 100%; + margin: 2em auto 1em; +} + +.swal2-close { + z-index: 2; + align-items: center; + justify-content: center; + width: 1.2em; + height: 1.2em; + margin-top: 0; + margin-right: 0; + margin-bottom: -1.2em; + padding: 0; + overflow: hidden; + transition: color 0.1s, box-shadow 0.1s; + border: none; + border-radius: 5px; + background: transparent; + color: #ccc; + font-family: serif; + font-family: monospace; + font-size: 2.5em; + cursor: pointer; + justify-self: end; +} +.swal2-close:hover { + transform: none; + background: transparent; + color: #f27474; +} +.swal2-close:focus { + outline: none; + box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); +} +.swal2-close::-moz-focus-inner { + border: 0; +} + +.swal2-html-container { + z-index: 1; + justify-content: center; + margin: 0; + padding: 1em 1.6em 0.3em; + color: #545454; + font-size: 1.125em; + font-weight: normal; + line-height: normal; + text-align: center; + word-wrap: break-word; + word-break: break-word; +} + +.swal2-input, +.swal2-file, +.swal2-textarea, +.swal2-select, +.swal2-radio, +.swal2-checkbox { + margin: 1em 2em 0; +} + +.swal2-input, +.swal2-file, +.swal2-textarea { + box-sizing: border-box; + width: auto; + transition: border-color 0.1s, box-shadow 0.1s; + border: 1px solid #d9d9d9; + border-radius: 0.1875em; + background: inherit; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; + color: inherit; + font-size: 1.125em; +} +.swal2-input.swal2-inputerror, +.swal2-file.swal2-inputerror, +.swal2-textarea.swal2-inputerror { + border-color: #f27474 !important; + box-shadow: 0 0 2px #f27474 !important; +} +.swal2-input:focus, +.swal2-file:focus, +.swal2-textarea:focus { + border: 1px solid #b4dbed; + outline: none; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); +} +.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder { + color: #ccc; +} +.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { + color: #ccc; +} +.swal2-input::placeholder, +.swal2-file::placeholder, +.swal2-textarea::placeholder { + color: #ccc; +} + +.swal2-range { + margin: 1em 2em 0; + background: #fff; +} +.swal2-range input { + width: 80%; +} +.swal2-range output { + width: 20%; + color: inherit; + font-weight: 600; + text-align: center; +} +.swal2-range input, +.swal2-range output { + height: 2.625em; + padding: 0; + font-size: 1.125em; + line-height: 2.625em; +} + +.swal2-input { + height: 2.625em; + padding: 0 0.75em; +} +.swal2-input[type=number] { + max-width: 10em; +} + +.swal2-file { + width: 75%; + margin-right: auto; + margin-left: auto; + background: inherit; + font-size: 1.125em; +} + +.swal2-textarea { + height: 6.75em; + padding: 0.75em; +} + +.swal2-select { + min-width: 50%; + max-width: 100%; + padding: 0.375em 0.625em; + background: inherit; + color: inherit; + font-size: 1.125em; +} + +.swal2-radio, +.swal2-checkbox { + align-items: center; + justify-content: center; + background: #fff; + color: inherit; +} +.swal2-radio label, +.swal2-checkbox label { + margin: 0 0.6em; + font-size: 1.125em; +} +.swal2-radio input, +.swal2-checkbox input { + flex-shrink: 0; + margin: 0 0.4em; +} + +.swal2-input-label { + display: flex; + justify-content: center; + margin: 1em auto 0; +} + +.swal2-validation-message { + align-items: center; + justify-content: center; + margin: 1em 0 0; + padding: 0.625em; + overflow: hidden; + background: #f0f0f0; + color: #666666; + font-size: 1em; + font-weight: 300; +} +.swal2-validation-message::before { + content: "!"; + display: inline-block; + width: 1.5em; + min-width: 1.5em; + height: 1.5em; + margin: 0 0.625em; + border-radius: 50%; + background-color: #f27474; + color: #fff; + font-weight: 600; + line-height: 1.5em; + text-align: center; +} + +.swal2-icon { + position: relative; + box-sizing: content-box; + justify-content: center; + width: 5em; + height: 5em; + margin: 2.5em auto 0.6em; + border: 0.25em solid transparent; + border-radius: 50%; + border-color: #000; + font-family: inherit; + line-height: 5em; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.swal2-icon .swal2-icon-content { + display: flex; + align-items: center; + font-size: 3.75em; +} +.swal2-icon.swal2-error { + border-color: #f27474; + color: #f27474; +} +.swal2-icon.swal2-error .swal2-x-mark { + position: relative; + flex-grow: 1; +} +.swal2-icon.swal2-error [class^=swal2-x-mark-line] { + display: block; + position: absolute; + top: 2.3125em; + width: 2.9375em; + height: 0.3125em; + border-radius: 0.125em; + background-color: #f27474; +} +.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { + left: 1.0625em; + transform: rotate(45deg); +} +.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { + right: 1em; + transform: rotate(-45deg); +} +.swal2-icon.swal2-error.swal2-icon-show { + -webkit-animation: swal2-animate-error-icon 0.5s; + animation: swal2-animate-error-icon 0.5s; +} +.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { + -webkit-animation: swal2-animate-error-x-mark 0.5s; + animation: swal2-animate-error-x-mark 0.5s; +} +.swal2-icon.swal2-warning { + border-color: #facea8; + color: #f8bb86; +} +.swal2-icon.swal2-info { + border-color: #9de0f6; + color: #3fc3ee; +} +.swal2-icon.swal2-question { + border-color: #c9dae1; + color: #87adbd; +} +.swal2-icon.swal2-success { + border-color: #a5dc86; + color: #a5dc86; +} +.swal2-icon.swal2-success [class^=swal2-success-circular-line] { + position: absolute; + width: 3.75em; + height: 7.5em; + transform: rotate(45deg); + border-radius: 50%; +} +.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { + top: -0.4375em; + left: -2.0635em; + transform: rotate(-45deg); + transform-origin: 3.75em 3.75em; + border-radius: 7.5em 0 0 7.5em; +} +.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { + top: -0.6875em; + left: 1.875em; + transform: rotate(-45deg); + transform-origin: 0 3.75em; + border-radius: 0 7.5em 7.5em 0; +} +.swal2-icon.swal2-success .swal2-success-ring { + position: absolute; + z-index: 2; + top: -0.25em; + left: -0.25em; + box-sizing: content-box; + width: 100%; + height: 100%; + border: 0.25em solid rgba(165, 220, 134, 0.3); + border-radius: 50%; +} +.swal2-icon.swal2-success .swal2-success-fix { + position: absolute; + z-index: 1; + top: 0.5em; + left: 1.625em; + width: 0.4375em; + height: 5.625em; + transform: rotate(-45deg); +} +.swal2-icon.swal2-success [class^=swal2-success-line] { + display: block; + position: absolute; + z-index: 2; + height: 0.3125em; + border-radius: 0.125em; + background-color: #a5dc86; +} +.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { + top: 2.875em; + left: 0.8125em; + width: 1.5625em; + transform: rotate(45deg); +} +.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { + top: 2.375em; + right: 0.5em; + width: 2.9375em; + transform: rotate(-45deg); +} +.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { + -webkit-animation: swal2-animate-success-line-tip 0.75s; + animation: swal2-animate-success-line-tip 0.75s; +} +.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { + -webkit-animation: swal2-animate-success-line-long 0.75s; + animation: swal2-animate-success-line-long 0.75s; +} +.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { + -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; + animation: swal2-rotate-success-circular-line 4.25s ease-in; +} + +.swal2-progress-steps { + flex-wrap: wrap; + align-items: center; + max-width: 100%; + margin: 1.25em auto; + padding: 0; + background: inherit; + font-weight: 600; +} +.swal2-progress-steps li { + display: inline-block; + position: relative; +} +.swal2-progress-steps .swal2-progress-step { + z-index: 20; + flex-shrink: 0; + width: 2em; + height: 2em; + border-radius: 2em; + background: #2778c4; + color: #fff; + line-height: 2em; + text-align: center; +} +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { + background: #2778c4; +} +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { + background: #add8e6; + color: #fff; +} +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { + background: #add8e6; +} +.swal2-progress-steps .swal2-progress-step-line { + z-index: 10; + flex-shrink: 0; + width: 2.5em; + height: 0.4em; + margin: 0 -1px; + background: #2778c4; +} + +[class^=swal2] { + -webkit-tap-highlight-color: transparent; +} + +.swal2-show { + -webkit-animation: swal2-show 0.3s; + animation: swal2-show 0.3s; +} + +.swal2-hide { + -webkit-animation: swal2-hide 0.15s forwards; + animation: swal2-hide 0.15s forwards; +} + +.swal2-noanimation { + transition: none; +} + +.swal2-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +.swal2-rtl .swal2-close { + margin-right: initial; + margin-left: 0; +} +.swal2-rtl .swal2-timer-progress-bar { + right: 0; + left: auto; +} + +@-webkit-keyframes swal2-toast-show { + 0% { + transform: translateY(-0.625em) rotateZ(2deg); + } + 33% { + transform: translateY(0) rotateZ(-2deg); + } + 66% { + transform: translateY(0.3125em) rotateZ(2deg); + } + 100% { + transform: translateY(0) rotateZ(0deg); + } +} + +@keyframes swal2-toast-show { + 0% { + transform: translateY(-0.625em) rotateZ(2deg); + } + 33% { + transform: translateY(0) rotateZ(-2deg); + } + 66% { + transform: translateY(0.3125em) rotateZ(2deg); + } + 100% { + transform: translateY(0) rotateZ(0deg); + } +} +@-webkit-keyframes swal2-toast-hide { + 100% { + transform: rotateZ(1deg); + opacity: 0; + } +} +@keyframes swal2-toast-hide { + 100% { + transform: rotateZ(1deg); + opacity: 0; + } +} +@-webkit-keyframes swal2-toast-animate-success-line-tip { + 0% { + top: 0.5625em; + left: 0.0625em; + width: 0; + } + 54% { + top: 0.125em; + left: 0.125em; + width: 0; + } + 70% { + top: 0.625em; + left: -0.25em; + width: 1.625em; + } + 84% { + top: 1.0625em; + left: 0.75em; + width: 0.5em; + } + 100% { + top: 1.125em; + left: 0.1875em; + width: 0.75em; + } +} +@keyframes swal2-toast-animate-success-line-tip { + 0% { + top: 0.5625em; + left: 0.0625em; + width: 0; + } + 54% { + top: 0.125em; + left: 0.125em; + width: 0; + } + 70% { + top: 0.625em; + left: -0.25em; + width: 1.625em; + } + 84% { + top: 1.0625em; + left: 0.75em; + width: 0.5em; + } + 100% { + top: 1.125em; + left: 0.1875em; + width: 0.75em; + } +} +@-webkit-keyframes swal2-toast-animate-success-line-long { + 0% { + top: 1.625em; + right: 1.375em; + width: 0; + } + 65% { + top: 1.25em; + right: 0.9375em; + width: 0; + } + 84% { + top: 0.9375em; + right: 0; + width: 1.125em; + } + 100% { + top: 0.9375em; + right: 0.1875em; + width: 1.375em; + } +} +@keyframes swal2-toast-animate-success-line-long { + 0% { + top: 1.625em; + right: 1.375em; + width: 0; + } + 65% { + top: 1.25em; + right: 0.9375em; + width: 0; + } + 84% { + top: 0.9375em; + right: 0; + width: 1.125em; + } + 100% { + top: 0.9375em; + right: 0.1875em; + width: 1.375em; + } +} +@-webkit-keyframes swal2-show { + 0% { + transform: scale(0.7); + } + 45% { + transform: scale(1.05); + } + 80% { + transform: scale(0.95); + } + 100% { + transform: scale(1); + } +} +@keyframes swal2-show { + 0% { + transform: scale(0.7); + } + 45% { + transform: scale(1.05); + } + 80% { + transform: scale(0.95); + } + 100% { + transform: scale(1); + } +} +@-webkit-keyframes swal2-hide { + 0% { + transform: scale(1); + opacity: 1; + } + 100% { + transform: scale(0.5); + opacity: 0; + } +} +@keyframes swal2-hide { + 0% { + transform: scale(1); + opacity: 1; + } + 100% { + transform: scale(0.5); + opacity: 0; + } +} +@-webkit-keyframes swal2-animate-success-line-tip { + 0% { + top: 1.1875em; + left: 0.0625em; + width: 0; + } + 54% { + top: 1.0625em; + left: 0.125em; + width: 0; + } + 70% { + top: 2.1875em; + left: -0.375em; + width: 3.125em; + } + 84% { + top: 3em; + left: 1.3125em; + width: 1.0625em; + } + 100% { + top: 2.8125em; + left: 0.8125em; + width: 1.5625em; + } +} +@keyframes swal2-animate-success-line-tip { + 0% { + top: 1.1875em; + left: 0.0625em; + width: 0; + } + 54% { + top: 1.0625em; + left: 0.125em; + width: 0; + } + 70% { + top: 2.1875em; + left: -0.375em; + width: 3.125em; + } + 84% { + top: 3em; + left: 1.3125em; + width: 1.0625em; + } + 100% { + top: 2.8125em; + left: 0.8125em; + width: 1.5625em; + } +} +@-webkit-keyframes swal2-animate-success-line-long { + 0% { + top: 3.375em; + right: 2.875em; + width: 0; + } + 65% { + top: 3.375em; + right: 2.875em; + width: 0; + } + 84% { + top: 2.1875em; + right: 0; + width: 3.4375em; + } + 100% { + top: 2.375em; + right: 0.5em; + width: 2.9375em; + } +} +@keyframes swal2-animate-success-line-long { + 0% { + top: 3.375em; + right: 2.875em; + width: 0; + } + 65% { + top: 3.375em; + right: 2.875em; + width: 0; + } + 84% { + top: 2.1875em; + right: 0; + width: 3.4375em; + } + 100% { + top: 2.375em; + right: 0.5em; + width: 2.9375em; + } +} +@-webkit-keyframes swal2-rotate-success-circular-line { + 0% { + transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + } +} +@keyframes swal2-rotate-success-circular-line { + 0% { + transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + } +} +@-webkit-keyframes swal2-animate-error-x-mark { + 0% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; + } + 50% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; + } + 80% { + margin-top: -0.375em; + transform: scale(1.15); + } + 100% { + margin-top: 0; + transform: scale(1); + opacity: 1; + } +} +@keyframes swal2-animate-error-x-mark { + 0% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; + } + 50% { + margin-top: 1.625em; + transform: scale(0.4); + opacity: 0; + } + 80% { + margin-top: -0.375em; + transform: scale(1.15); + } + 100% { + margin-top: 0; + transform: scale(1); + opacity: 1; + } +} +@-webkit-keyframes swal2-animate-error-icon { + 0% { + transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0deg); + opacity: 1; + } +} +@keyframes swal2-animate-error-icon { + 0% { + transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0deg); + opacity: 1; + } +} +@-webkit-keyframes swal2-rotate-loading { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes swal2-rotate-loading { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { + overflow: hidden; +} +body.swal2-height-auto { + height: auto !important; +} +body.swal2-no-backdrop .swal2-container { + background-color: transparent !important; + pointer-events: none; +} +body.swal2-no-backdrop .swal2-container .swal2-popup { + pointer-events: all; +} +body.swal2-no-backdrop .swal2-container .swal2-modal { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); +} +@media print { + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { + overflow-y: scroll !important; + } + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { + display: none; + } + body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { + position: static !important; + } +} +body.swal2-toast-shown .swal2-container { + box-sizing: border-box; + width: 360px; + max-width: 100%; + background-color: transparent; +} +body.swal2-toast-shown .swal2-container.swal2-top { + top: 0; + right: auto; + bottom: auto; + left: 50%; + transform: translateX(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { + top: 0; + right: 0; + bottom: auto; + left: auto; +} +body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { + top: 0; + right: auto; + bottom: auto; + left: 0; +} +body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { + top: 50%; + right: auto; + bottom: auto; + left: 0; + transform: translateY(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-center { + top: 50%; + right: auto; + bottom: auto; + left: 50%; + transform: translate(-50%, -50%); +} +body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { + top: 50%; + right: 0; + bottom: auto; + left: auto; + transform: translateY(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { + top: auto; + right: auto; + bottom: 0; + left: 0; +} +body.swal2-toast-shown .swal2-container.swal2-bottom { + top: auto; + right: auto; + bottom: 0; + left: 50%; + transform: translateX(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { + top: auto; + right: 0; + bottom: 0; + left: auto; +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/_vector-map.scss b/app/static/assets/scss/material-dashboard/plugins/pro/_vector-map.scss new file mode 100755 index 0000000..31e6530 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/_vector-map.scss @@ -0,0 +1,131 @@ +svg { + -ms-touch-action: none; + touch-action: none; +} + +image, text, .jvm-zoomin, .jvm-zoomout { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.jvm-container { + -ms-touch-action: none; + touch-action: none; + position: relative; + overflow: hidden; + height: 100%; + width: 100%; +} + +.jvm-tooltip { + border-radius: 3px; + background-color: #5c5cff; + font-family: sans-serif, Verdana; + font-size: smaller; + box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2); + padding: 3px 5px; + white-space: nowrap; + position: absolute; + display: none; + color: #FFF; +} + +.jvm-zoom-btn { + border-radius: 3px; + background-color: #292929; + padding: 3px; + box-sizing: border-box; + position: absolute; + line-height: 10px; + cursor: pointer; + color: #FFF; + height: 15px; + width: 15px; + left: 10px; +} + +.jvm-zoom-btn.jvm-zoomout { + top: 30px; +} + +.jvm-zoom-btn.jvm-zoomin { + top: 10px; +} + +.jvm-series-container { + right: 15px; + position: absolute; +} + +.jvm-series-container.jvm-series-h { + bottom: 15px; +} + +.jvm-series-container.jvm-series-v { + top: 15px; +} + +.jvm-series-container .jvm-legend { + background-color: #FFF; + border: 1px solid #e5e7eb; + margin-left: 0.75rem; + border-radius: 0.25rem; + border-color: #e5e7eb; + padding: 0.6rem; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + float: left; +} + +.jvm-series-container .jvm-legend .jvm-legend-title { + line-height: 1; + border-bottom: 1px solid #e5e7eb; + padding-bottom: 0.5rem; + margin-bottom: 0.575rem; + text-align: left; +} + +.jvm-series-container .jvm-legend .jvm-legend-inner { + overflow: hidden; +} + +.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick { + overflow: hidden; + min-width: 40px; +} + +.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) { + margin-top: 0.575rem; +} + +.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample { + border-radius: 4px; + margin-right: .65rem; + height: 16px; + width: 16px; + float: left; +} + +.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text { + font-size: 12px; + text-align: center; + float: left; +} + +.jvm-line[animation="true"] { + -webkit-animation: jvm-line-animation 10s linear forwards infinite; + animation: jvm-line-animation 10s linear forwards infinite; +} + +@-webkit-keyframes jvm-line-animation { + from { + stroke-dashoffset: 250; + } +} + +@keyframes jvm-line-animation { + from { + stroke-dashoffset: 250; + } +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/multi-step.scss b/app/static/assets/scss/material-dashboard/plugins/pro/multi-step.scss new file mode 100755 index 0000000..523ece5 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/multi-step.scss @@ -0,0 +1,188 @@ +.multisteps-form__progress { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); +} + +.multisteps-form__progress-btn { + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: linear; + transition-delay: 0s; + position: relative; + padding-top: 20px; + color: rgba($white, .4); + text-transform: uppercase; + font-weight: 500; + font-size: $font-size-xs; + text-indent: -9999px; + border: none; + background-color: transparent; + outline: none !important; + cursor: pointer; +} + +@media (min-width: 500px) { + .multisteps-form__progress-btn { + text-indent: 0; + } +} + +.multisteps-form__progress-btn:before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 13px; + height: 13px; + content: ''; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; + transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; + transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; + border: 2px solid rgba($white, 0); + border-radius: 50%; + background-color: $gray-300; + box-sizing: border-box; + z-index: 3; +} + +.bg-gradient-primary{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-primary-color; + } +} + +.bg-gradient-success{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-success-color; + } +} + +.bg-gradient-danger{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-danger-color; + } +} + +.bg-gradient-warning{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-warning-color; + } +} + +.bg-gradient-info{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-info-color; + } +} + +.bg-gradient-dark{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-dark-color; + } +} + +.bg-gradient-secondary{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-secondary-color; + } +} + +.bg-gradient-light{ + .multisteps-form__progress-btn:before{ + background-color: $multistep-progress-light-color; + } +} + +.multisteps-form__progress-btn:after { + position: absolute; + top: 5px; + left: calc(-50% - 13px / 2); + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: linear; + transition-delay: 0s; + display: block; + width: 100%; + height: 2px; + content: ''; + background-color: currentColor; + z-index: 1; +} + +.multisteps-form__progress-btn:first-child:after { + display: none; +} + +.multisteps-form__progress-btn.js-active { + color: $white; + span{ + color: rgba($white, .7); + } +} + +.multisteps-form__progress-btn.js-active:before { + -webkit-transform: translateX(-50%) scale(1.2); + transform: translateX(-50%) scale(1.2); + background-color: currentColor; +} + +.multisteps-form__form { + position: relative; +} + +.multisteps-form__panel { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 0; + opacity: 0; + visibility: hidden; +} + +.multisteps-form__panel.js-active { + height: auto; + opacity: 1; + visibility: visible; +} + +.multisteps-form__panel[data-animation="scaleIn"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +.multisteps-form__panel[data-animation="scaleIn"].js-active { + transition-property: all; + transition-duration: 0.2s; + transition-timing-function: linear; + transition-delay: 0s; + -webkit-transform: scale(1); + transform: scale(1); +} + +// CT Styling + +.multisteps-form__panel { + .multisteps-form__content { + .btn-check:checked + .btn-outline-primary, + .btn-check:active + .btn-outline-primary, + .btn-outline-primary:active { + color: $white; + } + .is-filled.is-focused, + .is-focused, + .is-filled { + .btn { + &:hover { + color: $primary !important; + } + } + } + + .btn i { + font-size: 2rem; + } + } +} diff --git a/app/static/assets/scss/material-dashboard/plugins/pro/plugins-extend.scss b/app/static/assets/scss/material-dashboard/plugins/pro/plugins-extend.scss new file mode 100755 index 0000000..d5420a9 --- /dev/null +++ b/app/static/assets/scss/material-dashboard/plugins/pro/plugins-extend.scss @@ -0,0 +1,22 @@ +@import "../free/plugins"; + +@import "choices"; +@import "glidejs"; +@import "fullcalendar"; +@import "fullcalendar-extend"; +@import "datatable"; +@import "datatable-extend"; +@import "dragula"; +@import "kanban"; +@import "sweetalert2"; +@import "sweetalert2-extend"; +@import "dropzone"; +@import "highlight"; +@import "quill"; +@import "choices"; +@import "list-check"; +@import "photoswipe"; +@import "rating-widget"; +@import "leaflet"; +@import "multi-step"; +@import "vector-map"; diff --git a/app/static/assets/scss/material-dashboard/theme-pro.scss b/app/static/assets/scss/material-dashboard/theme-pro.scss new file mode 100755 index 0000000..0f5c1fb --- /dev/null +++ b/app/static/assets/scss/material-dashboard/theme-pro.scss @@ -0,0 +1,37 @@ +/*! + +========================================================= +* Material Dashboard - v3.0.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard +* Copyright 2021 Creative Tim (https://www.creative-tim.com) + +* Coded by www.creative-tim.com + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/ + +// {{ site.product.name }} Core styling components + +@import "theme"; + +// Mixin +@import "mixins/mixins"; + +// PRO Components +@import "accordion"; +@import "backgrounds"; +@import "cards-extend"; +@import "components"; +@import "dropdown-extend"; +@import "floating-elements"; +@import "list-check"; +@import "misc-extend"; +@import "rtl-extend"; + +// Plugins +@import "plugins/pro/plugins-extend"; From e6cc8602e536b66c2a30dbb4ed45844e982ab151 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:45:32 +0200 Subject: [PATCH 24/59] refactor home route and add purge tasks --- app/routes.py | 202 +++++++++++++++++++++++--------------------------- 1 file changed, 94 insertions(+), 108 deletions(-) diff --git a/app/routes.py b/app/routes.py index 503edc2..6f07be5 100644 --- a/app/routes.py +++ b/app/routes.py @@ -2,9 +2,8 @@ import re import msal import json -import base64 import secrets -import pytz +import shutil from app import app, db, docs, app_config, celery, socketio from flask import ( @@ -53,6 +52,8 @@ get_scheduled_tasks, get_scheduled_task_crontab, ) +from app.socket_tasks import emit_message, update_tenant_status_data, get_now +from .tenant_data import tenant_home_data # region context_processors @@ -116,92 +117,29 @@ def connect(): def home(): segment = get_segment(request) - # Get the baseline tenant id - baseline_tenant = intunecd_tenants.query.filter_by(baseline="true").first() - baseline_id = baseline_tenant.id if baseline_tenant else None - - # Get the current tenant id - id = session.pop("tenant_id", baseline_id) - - # Get the config count from the baseline tenant and diff count from the current tenant - config_count_data = summary_config_count.query.filter_by(tenant=baseline_id).all() - diff_count_data = summary_diff_count.query.filter_by(tenant=id).all() - - # Set the count data to the last item in the list - count_data = config_count_data[-1] if config_count_data else None - trackedCount = count_data.config_count if count_data else 0 - - # Set the diff data to the last item in the list - diff_data = diff_count_data[-1] if diff_count_data else None - diffCount = diff_data.diff_count if diff_data else 0 - - # Get the current config count from the baseline tenant and current diff count from the current tenant - current_config_count = summary_config_count.query.filter_by(tenant=baseline_id).all() - current_diff_count = summary_diff_count.query.filter_by(tenant=id).all() - matchCount = ( - (current_config_count[-1].config_count - current_diff_count[-1].diff_count) - if current_config_count and current_diff_count - else 0 - ) - - # Get the current backup and update feed from the current tenant - bfeed = intunecd_tenants.query.filter_by(id=id).first().backup_feed if id else None - feed_backup = base64.b64decode(bfeed).decode("utf-8").splitlines() if bfeed else ["No data"] - - ufeed = intunecd_tenants.query.filter_by(id=id).first().update_feed if id else None - feed_update = base64.b64decode(ufeed).decode("utf-8").splitlines() if ufeed else ["No data"] - feed_update = [line for line in feed_update if line != "-" * 90] - - # Get the last 30 records of data for the line charts - line_data_diff = summary_diff_count.query.filter_by(tenant=id).all()[-30:] - chart_data_diff = [(item.last_update, item.diff_count) for item in line_data_diff] - labelsDiff = [row[0] for row in chart_data_diff] - diffs = [row[1] for row in chart_data_diff] - - line_data_config = summary_config_count.query.filter_by(tenant=baseline_id).all()[-30:] - chart_data_config = [(item.last_update, item.config_count) for item in line_data_config] - labelsConfig = [row[0] for row in chart_data_config] - config_counts = [row[1] for row in chart_data_config] - - line_data_average = summary_average_diffs.query.filter_by(tenant=id).all()[-30:] - chart_data_average = [(item.last_update, item.average_diffs) for item in line_data_average] - labelsAverage = [row[0] for row in chart_data_average] - average_diffs = [row[1] for row in chart_data_average] + data = tenant_home_data() + app.logger.info(data) + # Get all tenants + # tenants = intunecd_tenants.query.all() # Check if any API keys are expiring in the next 30 days api_keys = api_key.query.all() - alert_api_keys = any( + alert_expiring_api_keys = any( key.key_expiration < datetime.now() + timedelta(days=30) and app_config.ADMIN_ROLE in session["user"]["roles"] for key in api_keys ) - - # Get all tenants - tenants = intunecd_tenants.query.all() - selected_tenant_name = intunecd_tenants.query.filter_by(id=id).first().display_name if id else "Tenants" + alert_expired_api_keys = any( + key.key_expiration < datetime.now() and app_config.ADMIN_ROLE in session["user"]["roles"] for key in api_keys + ) return render_template( "pages/home.html", user=session["user"], version=msal.__version__, - backup_feed=feed_backup, - update_feed=feed_update, - count_data=count_data, - diff_data=diff_data, - matchCount=matchCount, - diffCount=diffCount, - trackedCount=trackedCount, - labelsDiff=labelsDiff, - labelsConfig=labelsConfig, - diffs=diffs, - config_counts=config_counts, - labelsAverage=labelsAverage, - average_diffs=average_diffs, - diff_data_len=len(line_data_diff), - alert_api_keys=alert_api_keys, + alert_expiring_api_keys=alert_expiring_api_keys, + alert_expired_api_keys=alert_expired_api_keys, segment=segment, - tenants=tenants, - selected_tenant=id, - selected_tenant_name=selected_tenant_name, + tenant_home_data=data, ) @@ -211,9 +149,41 @@ def home(): def home_tenant(id): """Returns the home page for a specific tenant.""" - session["tenant_id"] = id + # session["tenant_id"] = id + # return redirect(url_for("home")) - return redirect(url_for("home")) + data = tenant_home_data(id) + + # Get all tenants + # tenants = intunecd_tenants.query.all() + + # Create a new dictionary with the keys used in the JavaScript code + response_data = { + "matchCount": data["matchCount"], + "trackedCount": data["trackedCount"], + "diffCount": data["diffCount"], + "labelsConfig": data["labelsConfig"], + "configCounts": data["config_counts"], + "labelsAverage": data["labelsAverage"], + "averageDiffs": data["average_diffs"], + "labelsDiff": data["labelsDiff"], + "diffs": data["diffs"], + "selectedTenantName": data["selected_tenant_name"], + "feeds": {"backup_feed": data["backup_feed"], "update_feed": data["update_feed"]}, + } + + # Return the response as a JSON string + return json.dumps(response_data), 200, {"Content-Type": "application/json"} + + +@app.route("/home/tenant//feeds", methods=["POST"]) +@login_required +@role_required +def home_tenant_feeds(id): + """Returns the feeds for a specific tenant.""" + data = request.json["feeds"] + + return render_template("views/home_feeds.html", data=data) @app.route("/changes") @@ -412,7 +382,7 @@ def schedules(): elif crontab.day_of_week != "*" and crontab.minute != "*" and crontab.hour != "*": run_when = f"Run every week on {days[int(crontab.day_of_week)]} at {crontab.hour}:{crontab.minute}" - if schedule.name != "celery.backend_cleanup": + if schedule.name != "celery.backend_cleanup" and schedule.name != "intunecd.status_check": schedules.append( { "name": schedule.name, @@ -562,6 +532,15 @@ def run_intunecd(): data = {"task_id": result.id} + # check if task is received but not started + task_status = celery.AsyncResult(result.id) + if task_status != "STARTED": + # task is received, return response + emit_message(f"Waiting for {task_type} to start", "pending", result.id, tenant_id, socketio) + update_tenant_status_data(tenant, "pending", f"Waiting for {task_type} to start") + + db.session.commit() + # return response return jsonify(data), 202 @@ -574,41 +553,48 @@ def cancel_intunecd(): tenant = intunecd_tenants.query.get(tenant_id) try: celery.control.revoke(tenant.last_task_id, terminate=True) - tz = pytz.timezone(os.environ.get("TIMEZONE", "UTC")) - now = datetime.now(tz) - date_now = now.strftime("%Y-%m-%d %H:%M:%S") - socketio.emit( - "intunecdrun", - { - "status": "cancelled", - "task": "", - "message": "Task cancelled", - "date": date_now, - "tenant_id": tenant_id, - }, - ) - tenant.last_update_status = "cancelled" - tenant.last_update_message = "Task cancelled" - tenant.last_update_date = date_now + emit_message("Task cancelled", "cancelled", tenant.last_task_id, tenant_id, socketio) + update_tenant_status_data(tenant, "cancelled", "Task cancelled") + db.session.commit() return jsonify({"status": "success"}), 202 except Exception as e: - socketio.emit( - "intunecdrun", - { - "status": "error", - "task": "", - "message": "Task failed to cancel", - "date": date_now, - "tenant_id": tenant_id, - }, - ) - tenant.last_update_status = "error" - tenant.last_update_message = "Task failed to cancel" - tenant.last_update_date = date_now + emit_message("Error cancelling task", "error", tenant.last_task_id, tenant_id, socketio) + update_tenant_status_data(tenant, "error", "Error cancelling task") + db.session.commit() + + return jsonify({"error": str(e)}), 500 + + +@app.route("/intunecd/purge", methods=["POST"]) +@login_required +@admin_required +def purge_intunecd(): + try: + # purge tasks + celery.control.purge() + + # revoke all tenant tasks + tenants = intunecd_tenants.query.all() + # get all tenant task ids + task_ids = [tenant.last_task_id for tenant in tenants if tenant.last_task_id] + celery.control.revoke(task_ids, terminate=True) + + # clear all tenant task ids and statuses + for tenant in tenants: + tenant.last_task_id = None + tenant.last_update_status = "unknown" + tenant.last_update_status_message = None + db.session.commit() + # clean up tmp folders + if os.path.exists("/intunecd/tmp"): + shutil.rmtree("/intunecd/tmp") + + return jsonify({"status": "success"}), 202 + except Exception as e: return jsonify({"error": str(e)}), 500 From 28fbc21019ac49f1bc03112de86c7437496d4916 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:46:29 +0200 Subject: [PATCH 25/59] refactor and split out emit and add status check --- app/run_intunecd.py | 120 +++++++++++++++++++------------------------- 1 file changed, 53 insertions(+), 67 deletions(-) diff --git a/app/run_intunecd.py b/app/run_intunecd.py index 31fd16c..85dfb5e 100644 --- a/app/run_intunecd.py +++ b/app/run_intunecd.py @@ -1,7 +1,6 @@ import os import shutil import subprocess -import pytz import json import random import shutil @@ -10,9 +9,8 @@ from app import app_config from azure.identity import DefaultAzureCredential from azure.keyvault.secrets import SecretClient -from flask_socketio import emit, SocketIO +from flask_socketio import SocketIO from celery import shared_task -from datetime import datetime from git import Repo, Remote from app.models import ( intunecd_tenants, @@ -23,59 +21,11 @@ summary_assignments, ) from app import db +from app.socket_tasks import emit_message, update_tenant_status_data, get_now socket = SocketIO(message_queue="redis://redis:6379/0", broadcast=True, namespace="/") -def emit_message(message, status, task, TENANT_ID) -> None: - """Emits a message to the frontend. - - Args: - message (str): message to display - status (str): status of the run - task (str): task that is running - TENANT_ID (int): ID of the tenant - """ - date_now = get_now() - socket.emit( - "intunecdrun", - { - "status": status, - "task": task, - "message": message, - "date": date_now, - "tenant_id": TENANT_ID, - }, - ) - - -def update_tenant_status_data(TENANT, status, message) -> None: - """Updates the status data for the tenant. - - Args: - TENANT (object): tenant object - status (str): status of the run - message (str): message to display - """ - TENANT.last_update = get_now() - TENANT.last_update_status = status - TENANT.last_update_message = message - - -def get_now() -> str: - """Returns current date in the Timezone specified in - ENV vars. If nothing is specifiec UTC is used. - - Returns: - str: current date - """ - tz = pytz.timezone(os.environ.get("TIMEZONE", "UTC")) - now = datetime.now(tz) - date_now = now.strftime("%Y-%m-%d %H:%M:%S") - - return date_now - - def get_prefix_name(OPTIONS) -> str: # Split the string into a list of words args = OPTIONS.split(" ") @@ -160,14 +110,14 @@ def create_documentation(PATH, TENANT) -> None: cmd = ["IntuneCD-startdocumentation", "-c", "-p", PATH, "-o", f"{PATH}/IntuneCD-documentation.md", "-t", TENANT.name] cmd = " ".join(cmd) - emit_message("Creating documentation...", "running", "backup", TENANT.id) + emit_message("Creating documentation...", "running", "backup", TENANT.id, socket) update_tenant_status_data(TENANT, "running", "Creating documentation...") db.session.commit() document = subprocess.run(cmd, shell=True) if document.returncode != 0: message = "Could not run documentation" - emit_message(message, "error", "backup", TENANT.id) + emit_message(message, "error", "backup", TENANT.id, socket) update_tenant_status_data(TENANT, "error", message) db.session.commit() @@ -181,17 +131,17 @@ def create_documentation(PATH, TENANT) -> None: f.write(html) message = "Back and documentation complete" - emit_message(message, "success", "backup", TENANT.id) + emit_message(message, "success", "backup", TENANT.id, socket) update_tenant_status_data(TENANT, "success", message) db.session.commit() except: message = "Could not create documentation" - emit_message(message, "error", "backup", TENANT.id) + emit_message(message, "error", "backup", TENANT.id, socket) update_tenant_status_data(TENANT, "error", message) db.session.commit() -@shared_task(ignore_result=False) +@shared_task(time_limit=3600, soft_time_limit=3000) def run_intunecd_update(TENANT_ID) -> dict: """Runs the IntuneCD-startupdate command for the specified tenant. @@ -215,7 +165,7 @@ def run_intunecd_update(TENANT_ID) -> dict: db.session.commit() date_now = get_now() - emit_message("Update in progress...", "running", "update", TENANT_ID) + emit_message("Update in progress...", "running", "update", TENANT_ID, socket) if not all( [ @@ -226,7 +176,7 @@ def run_intunecd_update(TENANT_ID) -> dict: ): date_now = get_now() message = "Could not get environment variables" - emit_message(message, "error", "update", TENANT_ID) + emit_message(message, "error", "update", TENANT_ID, socket) update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -253,7 +203,7 @@ def run_intunecd_update(TENANT_ID) -> dict: except: date_now = get_now() message = "Could not clone repository" - emit_message(message, "error", "update", TENANT_ID) + emit_message(message, "error", "update", TENANT_ID, socket) update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -277,7 +227,7 @@ def run_intunecd_update(TENANT_ID) -> dict: if update.returncode != 0: date_now = get_now() message = "Could not run IntuneCD-startupdate" - emit_message(message, "error", "update", TENANT_ID) + emit_message(message, "error", "update", TENANT_ID, socket) # remove local_path shutil.rmtree(local_path) update_tenant_status_data(intunecd_tenant, "error", message) @@ -337,7 +287,7 @@ def run_intunecd_update(TENANT_ID) -> dict: intunecd_tenant.update_feed = summary["feed"] message = "Update successful" - emit_message(message, "success", "update", TENANT_ID) + emit_message(message, "success", "update", TENANT_ID, socket) update_tenant_status_data(intunecd_tenant, "success", message) db.session.commit() @@ -352,7 +302,7 @@ def run_intunecd_update(TENANT_ID) -> dict: } -@shared_task(ignore_result=False) +@shared_task(time_limit=3600, soft_time_limit=3000) def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: """Runs the IntuneCD-startbackup command for the specified tenant. @@ -378,7 +328,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: db.session.commit() - emit_message("Backup in progress...", "running", "backup", TENANT_ID) + emit_message("Backup in progress...", "running", "backup", TENANT_ID, socket) # Clone the repository try: @@ -392,7 +342,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: except: date_now = get_now() message = "Could not clone repository" - emit_message(message, "error", "backup", TENANT_ID) + emit_message(message, "error", "backup", TENANT_ID, socket) update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -420,7 +370,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: if backup.returncode != 0: date_now = get_now() message = "Could not run IntuneCD-startbackup" - emit_message(message, "error", "backup", TENANT_ID) + emit_message(message, "error", "backup", TENANT_ID, socket) shutil.rmtree(local_path) update_tenant_status_data(intunecd_tenant, "error", message) db.session.commit() @@ -451,6 +401,9 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: if assignment_summary: for assignment in assignment_summary: + current_assignment = summary_assignments.query.filter_by(tenant=TENANT_ID) + if current_assignment: + current_assignment.delete() assignment = summary_assignments( tenant=TENANT_ID, name=assignment["groupName"], @@ -464,7 +417,7 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: intunecd_tenant.backup_feed = summary["feed"] message = "Backup successful" - emit_message(message, "success", "backup", TENANT_ID) + emit_message(message, "success", "backup", TENANT_ID, socket) update_tenant_status_data(intunecd_tenant, "success", message) db.session.commit() @@ -511,3 +464,36 @@ def run_intunecd_backup(TENANT_ID, NEW_BRANCH=None) -> dict: "message": message, "date": date_now, } + + +@shared_task() +def status_check(): + tenants = intunecd_tenants.query.all() + ignore_states = ["success", "error", "unknown"] + + for tenant in tenants: + if tenant.last_task_id: + task = run_intunecd_update.AsyncResult(tenant.last_task_id) + task_type = "" + if task.name == "app.run_intunecd.run_intunecd_update": + task_type = "Update" + elif task.name == "app.run_intunecd.run_intunecd_backup": + task_type = "Backup" + + if tenant.last_update_status in ignore_states: + continue + else: + if task.state == "STARTED": + emit_message(f"{task_type} in progress...", "running", task_type, tenant.id, socket) + update_tenant_status_data(tenant, "running", f"{task_type} is running") + db.session.commit() + elif task.state == "SUCCESS": + emit_message(f"{task_type} completed successfully", "success", task_type, tenant.id, socket) + update_tenant_status_data(tenant, "success", f"{task_type} completed successfully") + db.session.commit() + elif task.state == "FAILURE": + emit_message(f"{task_type} failed", "error", task_type, tenant.id, socket) + update_tenant_status_data(tenant, "error", f"{task_type} failed") + db.session.commit() + else: + emit_message("None", "unknown", task_type, tenant.id, socket) From 0254d4c772df70a4351e2a922bb413061a46ebdc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:46:45 +0200 Subject: [PATCH 26/59] Create socket_tasks.py --- app/socket_tasks.py | 53 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 app/socket_tasks.py diff --git a/app/socket_tasks.py b/app/socket_tasks.py new file mode 100644 index 0000000..11e11f6 --- /dev/null +++ b/app/socket_tasks.py @@ -0,0 +1,53 @@ +import pytz +import os + +from datetime import datetime + + +def emit_message(message, status, task, TENANT_ID, socket) -> None: + """Emits a message to the frontend. + + Args: + message (str): message to display + status (str): status of the run + task (str): task that is running + TENANT_ID (int): ID of the tenant + """ + date_now = get_now() + socket.emit( + "intunecdrun", + { + "status": status, + "task": task, + "message": message, + "date": date_now, + "tenant_id": TENANT_ID, + }, + ) + + +def update_tenant_status_data(TENANT, status, message) -> None: + """Updates the status data for the tenant. + + Args: + TENANT (object): tenant object + status (str): status of the run + message (str): message to display + """ + TENANT.last_update = get_now() + TENANT.last_update_status = status + TENANT.last_update_message = message + + +def get_now() -> str: + """Returns current date in the Timezone specified in + ENV vars. If nothing is specifiec UTC is used. + + Returns: + str: current date + """ + tz = pytz.timezone(os.environ.get("TIMEZONE", "UTC")) + now = datetime.now(tz) + date_now = now.strftime("%Y-%m-%d %H:%M:%S") + + return date_now From 34a45a3601add69a07b62527d7a8e5d41178e66d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:47:06 +0200 Subject: [PATCH 27/59] include scripts.js --- app/templates/include/scripts.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/templates/include/scripts.html b/app/templates/include/scripts.html index 5e078dc..3b1a15b 100644 --- a/app/templates/include/scripts.html +++ b/app/templates/include/scripts.html @@ -1,4 +1,5 @@ - \ No newline at end of file + + \ No newline at end of file From 29b07cea5af2c5919bdb904cfe745b05eb62f2e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20Alm=C3=A9n?= <78877636+almenscorner@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:47:35 +0200 Subject: [PATCH 28/59] refactor for ajax requests --- app/templates/pages/home.html | 663 ++++++++++++++-------------------- 1 file changed, 272 insertions(+), 391 deletions(-) diff --git a/app/templates/pages/home.html b/app/templates/pages/home.html index 4b5a210..f6470e8 100644 --- a/app/templates/pages/home.html +++ b/app/templates/pages/home.html @@ -7,9 +7,9 @@ {% block content %}
- {% if alert_api_keys == true %}
+ {% if alert_expiring_api_keys %} + {% endif %} + {% if alert_expired_api_keys %} + + {% endif %}
- {% endif %} {% include "include/tenantstatus.html" %} -
    + - -
    -
    -
    -
    -
    - -
    -
    -
    -

    Tracked

    -

    trend over tracked configurations

    +
    + +
    +
    +
    +
    +
    + +
    +
    +
    +

    Tracked

    +

    trend over tracked configurations

    +
    -
    -
    -
    -
    -
    - -
    -
    -
    -

    Changes

    -

    trend over changes between configurations

    +
    +
    +
    +
    + +
    +
    +
    +

    Changes

    +

    trend over changes between configurations

    +
    -
    -
    -
    -
    -
    - -
    -
    -
    -

    Average

    -

    change average per last {{ diff_data_len }} records

    +
    +
    +
    +
    + +
    +
    +
    +

    Average

    +

    change average per last {{ tenant_home_data.diff_len }} records

    +
    -
    - + - -
    + +
    -
    -
    -
    -
    -
    -

    +
    +
    +
    +
    +
    +

    +
    +
    +
    +
    +

    Tracked configurations

    +
    +
    + access_time +

    Updated on: {{ tenant_home_data.count_data.last_update }}

    -
    -
    -
    -

    Tracked configurations

    -
    -
    - access_time -

    Updated on: {{ count_data.last_update }}

    -
    -
    -
    -
    -
    -
    -

    +
    +
    +
    +
    +
    +

    +
    -
    -
    -
    -

    Matching

    -
    -
    - access_time -

    Updated on: {{ count_data.last_update }}

    +
    +

    Matching

    +
    +
    + access_time +

    Updated on: {{ tenant_home_data.count_data.last_update }}

    +
    +
    -
    -
    -
    -
    -
    -
    -

    +
    +
    +
    +
    +
    +

    +
    +
    +
    +
    +

    Not matching

    +
    +
    + access_time +

    Updated on: {{ tenant_home_data.diff_data.last_update }}

    -
    -
    -
    -

    Not matching

    -
    -
    - access_time -

    Updated on: {{ diff_data.last_update }}

    -
    -
    - +
    + - -
    -
    -
    -

    Update feed

    -
    -
    -
    - - - - {% for item in update_feed %} - - + + {% endfor %} + +
    -
    - {% if "No changes" in item or "Checking if" in item %} + +
    +
    +
    +

    Update feed

    +
    +
    +
    + + + + {% for item in tenant_home_data.update_feed %} + + - - {% endfor %} - -
    +
    + {% if "No changes" in item or "Checking if" in item %} +
    + check_circle +
    +
    + {{ item }} +
    + {% else %}
    - check_circle + published_with_changes
    {{ item }}
    - {% else %} -
    - published_with_changes -
    -
    - {{ item }} + {% endif %}
    - {% endif %} -
    -
    +
    +
    -
    -
    -
    -

    Backup feed

    -
    -
    -
    - - - - {% for item in backup_feed %} - - - - {% endfor %} - -
    -
    -
    - cloud_download -
    -
    - {{ item }} -
    -
    -
    +
    +
    +

    Backup feed

    +
    +
    +
    + + + + {% for item in tenant_home_data.backup_feed %} + + + + {% endfor %} + +
    +
    +
    + cloud_download +
    +
    + {{ item }} +
    +
    +
    +
    +
    -
    {% endblock content %} @@ -254,248 +265,11 @@

    Backup feed

    integrity="sha512-zoJXRvW2gC8Z0Xo3lBbao5+AS3g6YWr5ztKqaicua11xHo+AvE1b0lT9ODgrHTmNUxeCw0Ry4BGRYZfXu70weg==" crossorigin="anonymous" referrerpolicy="no-referrer"> - - - - - - - - - + + + + + +