Showing preview only (7,767K chars total). Download the full file or copy to clipboard to get everything.
Repository: themeselection/sneat-html-admin-template-free
Branch: main
Commit: de094c2bf89e
Files: 180
Total size: 7.3 MB
Directory structure:
gitextract_g_z9xlv3/
├── .browserslistrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.json
├── .gitattributes
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug.yml
│ │ ├── config.yml
│ │ └── feature-request.yml
│ └── workflows/
│ ├── handle-new-issue-comment.yml
│ ├── handle-new-issue.yml
│ └── issue-staler.yml
├── .gitignore
├── .npmrc
├── .prettierignore
├── .prettierrc.json
├── .stylelintignore
├── .stylelintrc.json
├── .vscode/
│ ├── extensions.json
│ └── settings.json
├── CHANGELOG.md
├── LICENSE
├── LICENSE.md
├── README.md
├── assets/
│ ├── css/
│ │ └── demo.css
│ ├── js/
│ │ ├── config.js
│ │ ├── dashboards-analytics.js
│ │ ├── extended-ui-perfect-scrollbar.js
│ │ ├── form-basic-inputs.js
│ │ ├── main.js
│ │ ├── pages-account-settings-account.js
│ │ ├── ui-modals.js
│ │ ├── ui-popover.js
│ │ └── ui-toasts.js
│ └── vendor/
│ ├── css/
│ │ ├── core.css
│ │ └── pages/
│ │ ├── page-auth.css
│ │ ├── page-icons.css
│ │ └── page-misc.css
│ ├── fonts/
│ │ └── iconify-icons.css
│ ├── js/
│ │ ├── bootstrap.js
│ │ ├── helpers.js
│ │ └── menu.js
│ └── libs/
│ ├── apex-charts/
│ │ ├── apex-charts.css
│ │ └── apexcharts.js
│ ├── highlight/
│ │ ├── highlight-github.css
│ │ ├── highlight.css
│ │ └── highlight.js
│ ├── jquery/
│ │ └── jquery.js
│ ├── masonry/
│ │ └── masonry.js
│ ├── perfect-scrollbar/
│ │ ├── perfect-scrollbar.css
│ │ └── perfect-scrollbar.js
│ └── popper/
│ └── popper.js
├── build-config.js
├── documentation.html
├── fonts/
│ └── iconify/
│ └── iconify.js
├── gulpfile.js
├── hire-us.html
├── html/
│ ├── auth-forgot-password-basic.html
│ ├── auth-login-basic.html
│ ├── auth-register-basic.html
│ ├── cards-basic.html
│ ├── extended-ui-perfect-scrollbar.html
│ ├── extended-ui-text-divider.html
│ ├── form-layouts-horizontal.html
│ ├── form-layouts-vertical.html
│ ├── forms-basic-inputs.html
│ ├── forms-input-groups.html
│ ├── icons-boxicons.html
│ ├── index.html
│ ├── layouts-blank.html
│ ├── layouts-container.html
│ ├── layouts-fluid.html
│ ├── layouts-without-menu.html
│ ├── layouts-without-navbar.html
│ ├── pages-account-settings-account.html
│ ├── pages-account-settings-connections.html
│ ├── pages-account-settings-notifications.html
│ ├── pages-misc-error.html
│ ├── pages-misc-under-maintenance.html
│ ├── tables-basic.html
│ ├── ui-accordion.html
│ ├── ui-alerts.html
│ ├── ui-badges.html
│ ├── ui-buttons.html
│ ├── ui-carousel.html
│ ├── ui-collapse.html
│ ├── ui-dropdowns.html
│ ├── ui-footer.html
│ ├── ui-list-groups.html
│ ├── ui-modals.html
│ ├── ui-navbar.html
│ ├── ui-offcanvas.html
│ ├── ui-pagination-breadcrumbs.html
│ ├── ui-progress.html
│ ├── ui-spinners.html
│ ├── ui-tabs-pills.html
│ ├── ui-toasts.html
│ ├── ui-tooltips-popovers.html
│ └── ui-typography.html
├── index.html
├── js/
│ ├── bootstrap.js
│ ├── helpers.js
│ └── menu.js
├── libs/
│ ├── apex-charts/
│ │ ├── apex-charts.scss
│ │ └── apexcharts.js
│ ├── highlight/
│ │ ├── highlight-github.scss
│ │ ├── highlight.js
│ │ └── highlight.scss
│ ├── jquery/
│ │ └── jquery.js
│ ├── masonry/
│ │ └── masonry.js
│ ├── perfect-scrollbar/
│ │ ├── perfect-scrollbar.js
│ │ └── perfect-scrollbar.scss
│ └── popper/
│ └── popper.js
├── package.json
├── scss/
│ ├── _bootstrap-extended/
│ │ ├── _accordion.scss
│ │ ├── _alert.scss
│ │ ├── _badge.scss
│ │ ├── _breadcrumb.scss
│ │ ├── _button-group.scss
│ │ ├── _buttons.scss
│ │ ├── _card.scss
│ │ ├── _carousel.scss
│ │ ├── _dropdown.scss
│ │ ├── _forms.scss
│ │ ├── _functions.scss
│ │ ├── _helpers.scss
│ │ ├── _include.scss
│ │ ├── _list-group.scss
│ │ ├── _mixins.scss
│ │ ├── _modal.scss
│ │ ├── _nav.scss
│ │ ├── _navbar.scss
│ │ ├── _offcanvas.scss
│ │ ├── _pagination.scss
│ │ ├── _popover.scss
│ │ ├── _progress.scss
│ │ ├── _reboot.scss
│ │ ├── _root.scss
│ │ ├── _spinners.scss
│ │ ├── _tables.scss
│ │ ├── _toasts.scss
│ │ ├── _tooltip.scss
│ │ ├── _type.scss
│ │ ├── _utilities.scss
│ │ ├── _variables.scss
│ │ ├── forms/
│ │ │ ├── _floating-labels.scss
│ │ │ ├── _form-check.scss
│ │ │ ├── _form-control.scss
│ │ │ ├── _form-range.scss
│ │ │ ├── _form-select.scss
│ │ │ ├── _input-group.scss
│ │ │ └── _labels.scss
│ │ ├── helpers/
│ │ │ └── _color-bg.scss
│ │ └── mixins/
│ │ ├── _border-radius.scss
│ │ ├── _caret.scss
│ │ └── _misc.scss
│ ├── _bootstrap-extended.scss
│ ├── _bootstrap.scss
│ ├── _colors.scss
│ ├── _components/
│ │ ├── _app-brand.scss
│ │ ├── _avatar.scss
│ │ ├── _base.scss
│ │ ├── _common.scss
│ │ ├── _footer.scss
│ │ ├── _include.scss
│ │ ├── _layout.scss
│ │ ├── _menu.scss
│ │ ├── _root.scss
│ │ ├── _text-divider.scss
│ │ └── _variables.scss
│ ├── _components.scss
│ ├── _custom-styles.scss
│ ├── _custom-variables/
│ │ ├── _bootstrap-extended.scss
│ │ └── _components.scss
│ ├── core.scss
│ └── pages/
│ ├── page-auth.scss
│ ├── page-icons.scss
│ └── page-misc.scss
├── tasks/
│ ├── build.js
│ └── prod.js
└── webpack.config.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .browserslistrc
================================================
>= 0.5%
last 4 major versions
================================================
FILE: .editorconfig
================================================
# Editor configuration, see http://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
max_line_length = off
trim_trailing_whitespace = false
================================================
FILE: .eslintignore
================================================
**/*.*
!js/**/*.js
================================================
FILE: .eslintrc.json
================================================
{
"env": {
"browser": true,
"commonjs": true,
"es6": true,
"jquery": true
},
"plugins": ["prettier"],
"extends": ["airbnb-base", "plugin:prettier/recommended"],
"rules": {
"prettier/prettier": "error",
"no-underscore-dangle": "off",
"semi": ["error", "never"],
"arrow-parens": ["error", "as-needed"],
"no-param-reassign": "off",
"no-plusplus": [
"error",
{
"allowForLoopAfterthoughts": true
}
],
"no-cond-assign": ["error", "except-parens"]
}
}
================================================
FILE: .gitattributes
================================================
* text eol=lf
## GITATTRIBUTES FOR WEB PROJECTS
#
# These settings are for any web project.
#
# Details per file setting:
# text These files should be normalized (i.e. convert CRLF to LF).
# binary These files are binary and should be left untouched.
#
# Note that binary is a macro for -text -diff.
######################################################################
# Auto detect
## Handle line endings automatically for files detected as
## text and leave all files detected as binary untouched.
## This will handle all files NOT defined below.
* text=auto
# Source code
*.bash text eol=lf
*.bat text eol=crlf
*.cmd text eol=crlf
*.coffee text
*.css text diff=css
*.htm text diff=html
*.html text diff=html
*.inc text
*.ini text
*.js text
*.json text
*.jsx text
*.less text
*.ls text
*.map text -diff
*.od text
*.onlydata text
*.php text diff=php
*.pl text
*.ps1 text eol=crlf
*.py text diff=python
*.rb text diff=ruby
*.sass text
*.scm text
*.scss text diff=css
*.sh text eol=lf
.husky/* text eol=lf
*.sql text
*.styl text
*.tag text
*.ts text
*.tsx text
*.xml text
*.xhtml text diff=html
# Docker
Dockerfile text
# Documentation
*.ipynb text eol=lf
*.markdown text diff=markdown
*.md text diff=markdown
*.mdwn text diff=markdown
*.mdown text diff=markdown
*.mkd text diff=markdown
*.mkdn text diff=markdown
*.mdtxt text
*.mdtext text
*.txt text
AUTHORS text
CHANGELOG text
CHANGES text
CONTRIBUTING text
COPYING text
copyright text
*COPYRIGHT* text
INSTALL text
license text
LICENSE text
NEWS text
readme text
*README* text
TODO text
# Templates
*.dot text
*.ejs text
*.erb text
*.haml text
*.handlebars text
*.hbs text
*.hbt text
*.jade text
*.latte text
*.mustache text
*.njk text
*.phtml text
*.svelte text
*.tmpl text
*.tpl text
*.twig text
*.vue text
# Configs
*.cnf text
*.conf text
*.config text
.editorconfig text
.env text
.gitattributes text
.gitconfig text
.htaccess text
*.lock text -diff
package.json text eol=lf
package-lock.json text eol=lf -diff
pnpm-lock.yaml text eol=lf -diff
.prettierrc text
yarn.lock text -diff
*.toml text
*.yaml text
*.yml text
browserslist text
Makefile text
makefile text
# Heroku
Procfile text
# Graphics
*.ai binary
*.bmp binary
*.eps binary
*.gif binary
*.gifv binary
*.ico binary
*.jng binary
*.jp2 binary
*.jpg binary
*.jpeg binary
*.jpx binary
*.jxr binary
*.pdf binary
*.png binary
*.psb binary
*.psd binary
# SVG treated as an asset (binary) by default.
# *.svg text
# If you want to treat it as binary,
# use the following line instead.
*.svg binary
*.svgz binary
*.tif binary
*.tiff binary
*.wbmp binary
*.webp binary
# Audio
*.kar binary
*.m4a binary
*.mid binary
*.midi binary
*.mp3 binary
*.ogg binary
*.ra binary
# Video
*.3gpp binary
*.3gp binary
*.as binary
*.asf binary
*.asx binary
*.avi binary
*.fla binary
*.flv binary
*.m4v binary
*.mng binary
*.mov binary
*.mp4 binary
*.mpeg binary
*.mpg binary
*.ogv binary
*.swc binary
*.swf binary
*.webm binary
# Archives
*.7z binary
*.gz binary
*.jar binary
*.rar binary
*.tar binary
*.zip binary
# Fonts
*.ttf binary
*.eot binary
*.otf binary
*.woff binary
*.woff2 binary
# Executables
*.exe binary
*.pyc binary
# RC files (like .babelrc or .eslintrc)
*.*rc text
# Ignore files (like .npmignore or .gitignore)
*.*ignore text
================================================
FILE: .github/ISSUE_TEMPLATE/bug.yml
================================================
name: Bug 🐞
description: Report a bug
labels: [support, bug]
body:
- type: markdown
attributes:
value: |
Thanks for taking the time to fill out this bug report! ☺️
- type: textarea
attributes:
label: Steps to reproduce
validations:
required: true
- type: textarea
attributes:
label: What is expected?
validations:
required: true
- type: textarea
attributes:
label: What is actually happening?
validations:
required: true
- type: textarea
attributes:
label: Additional data
value: |
<!-- If technical bug
NodeJS Version:
Package manager(npm|yarn|pnpm):
Browser name & version:
System:
-->
<!-- If design file bug
Technology(figma|sketch):
-->
================================================
FILE: .github/ISSUE_TEMPLATE/config.yml
================================================
blank_issues_enabled: false
================================================
FILE: .github/ISSUE_TEMPLATE/feature-request.yml
================================================
name: Feature request ✨
description: Suggest an idea or ask for a feature that you would like to have
labels: [support, feature-req]
body:
- type: markdown
attributes:
value: |
Thanks for letting us know how we can improve our product! ☺️
- type: textarea
attributes:
label: What problem does this feature solve?
validations:
required: true
- type: textarea
attributes:
label: What does the proposed solution look like?
validations:
required: true
================================================
FILE: .github/workflows/handle-new-issue-comment.yml
================================================
name: '💬 Handle new issue comment'
on:
issue_comment:
types: [created]
jobs:
handle_new_issue_comment:
runs-on: ubuntu-latest
name: Handle new issue comment
steps:
- name: Toggle awaiting-reply label
uses: jd-solanki/gh-action-toggle-awaiting-reply-label@v2.1.2
with:
label: awaiting-reply
only-if-label: support
================================================
FILE: .github/workflows/handle-new-issue.yml
================================================
name: 'Handle new issue'
on:
issues:
types: [opened]
jobs:
handle_new_issue:
runs-on: ubuntu-latest
name: Handle new issue
steps:
- name: Find duplicates
uses: wow-actions/potential-duplicates@v1.0.8
with:
GITHUB_TOKEN: ${{ github.token }}
label: duplicate
comment: >
Potential duplicates: {{#issues}}
- #{{ number }} _({{ accuracy }}% Match)_
{{/issues}}
================================================
FILE: .github/workflows/issue-staler.yml
================================================
name: '😶🌫️ Close stale issues and PRs'
on:
schedule:
- cron: '30 1 * * *'
jobs:
stale:
runs-on: ubuntu-latest
steps:
- uses: actions/stale@v4
with:
stale-issue-message: 'This issue has been automatically marked as stale because it has no recent activity. It will be closed if no further activity occurs. Thank you for raising the concern.'
close-issue-message: 'This issue has been automatically marked as closed because it has no recent activity.'
stale-issue-label: 'stale'
only-labels: 'awaiting-reply'
exempt-issue-labels: 'triage'
days-before-stale: 7
days-before-close: 7
================================================
FILE: .gitignore
================================================
# System Files
.DS_Store
.AppleDouble
.LSOverride
# Thumbnails
._*
Thumbs.db
ehthumbs.db
ehthumbs_vista.db
# Dump file
*.stackdump
# Folder config file
[Dd]esktop.ini
# Windows shortcuts
*.lnk
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Dependency directories
node_modules
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Yarn Integrity file
.yarn-integrity
# Optional sass cache
/.sass-cache
gulpfile.tmp.*
################################################################################
############################### DEVELOPMENT_ONLY ###############################
# Excludes generated
/dist
/build
/tmp
/temp
# Assets
# **/assets/vendor
# **/static/vendor
# HTML files
/html-demo
/html-starter-demo
# Package Lock files
/package-lock.json
================================================
FILE: .npmrc
================================================
legacy-peer-deps = true
================================================
FILE: .prettierignore
================================================
dist
node_modules
build
================================================
FILE: .prettierrc.json
================================================
{
"arrowParens": "avoid",
"bracketSpacing": true,
"bracketSameLine": true,
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxSingleQuote": true,
"printWidth": 120,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": false,
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "none",
"useTabs": false,
"endOfLine": "lf",
"embeddedLanguageFormatting": "auto",
"overrides": [
{
"files": [
"js/**/*.js"
],
"options": {
"semi": false
}
}
]
}
================================================
FILE: .stylelintignore
================================================
dist
node_modules
build
_temp/
================================================
FILE: .stylelintrc.json
================================================
{
"extends": [
"stylelint-config-standard-scss",
"stylelint-config-idiomatic-order",
"@stylistic/stylelint-config"
],
"plugins": [
"stylelint-use-logical-spec",
"@stylistic/stylelint-plugin"
],
"rules": {
"alpha-value-notation": null,
"at-rule-empty-line-before": null,
"block-no-empty": null,
"color-function-notation": null,
"color-named": "never",
"custom-property-empty-line-before": null,
"custom-property-pattern": null,
"declaration-block-no-redundant-longhand-properties": null,
"declaration-empty-line-before": null,
"declaration-no-important": null,
"font-family-no-missing-generic-family-keyword": [
true,
{
"ignoreFontFamilies": [
"boxicons",
"tabler-icons",
"remix-icons"
]
}
],
"font-weight-notation": [
"numeric",
{
"ignore": [
"relative"
]
}
],
"function-url-no-scheme-relative": true,
"liberty/use-logical-spec": true,
"media-feature-range-notation": null,
"media-query-no-invalid": null,
"no-descending-specificity": null,
"no-invalid-double-slash-comments": true,
"no-invalid-position-at-import-rule": null,
"number-max-precision": null,
"rule-empty-line-before": null,
"selector-class-pattern": null,
"selector-id-pattern": null,
"selector-max-attribute": 2,
"selector-max-id": 1,
"selector-max-specificity": null,
"selector-not-notation": null,
"scss/at-extend-no-missing-placeholder": null,
"scss/at-function-named-arguments": "never",
"scss/at-if-closing-brace-newline-after": null,
"scss/at-if-closing-brace-space-after": null,
"scss/at-if-no-null": null,
"scss/at-mixin-pattern": null,
"scss/at-mixin-argumentless-call-parentheses": "always",
"scss/at-rule-conditional-no-parentheses": null,
"scss/comment-no-empty": null,
"scss/dimension-no-non-numeric-values": true,
"scss/dollar-variable-empty-line-before": null,
"scss/dollar-variable-pattern": null,
"scss/double-slash-comment-empty-line-before": null,
"scss/double-slash-comment-whitespace-inside": null,
"scss/function-quote-no-quoted-strings-inside": null,
"scss/media-feature-value-dollar-variable": null,
"scss/no-global-function-names": null,
"@stylistic/at-rule-name-space-after": "always",
"@stylistic/at-rule-semicolon-space-before": "never",
"@stylistic/block-closing-brace-empty-line-before": null,
"@stylistic/block-closing-brace-newline-after": [
"always",
{
"ignoreAtRules": [
"if",
"else"
]
}
],
"@stylistic/block-opening-brace-space-before": null,
"@stylistic/declaration-block-semicolon-newline-before": "never-multi-line",
"@stylistic/indentation": 2,
"@stylistic/max-empty-lines": 2,
"@stylistic/max-line-length": [
220,
{
"ignore": "comments"
}
],
"@stylistic/no-eol-whitespace": true,
"@stylistic/number-leading-zero": "never",
"@stylistic/selector-list-comma-newline-before": "never-multi-line",
"@stylistic/selector-list-comma-space-after": "always-single-line",
"@stylistic/selector-list-comma-space-before": "never-single-line",
"@stylistic/unicode-bom": "never"
},
"overrides": [
{
"files": [
"**/_bootstrap-extended/**/*.scss"
],
"rules": {
"declaration-property-value-disallowed-list": {
"border": "none",
"outline": "none"
},
"function-disallowed-list": [
"lighten",
"darken"
],
"property-disallowed-list": [
"border-radius",
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius",
"transition"
],
"scss/dollar-variable-default": [
true,
{
"ignore": "local"
}
],
"scss/selector-no-union-class-name": true
}
}
]
}
================================================
FILE: .vscode/extensions.json
================================================
{
"recommendations": [
"esbenp.prettier-vscode",
"editorconfig.editorconfig",
"dbaeumer.vscode-eslint",
"formulahendry.auto-close-tag",
"formulahendry.auto-rename-tag",
"abusaidm.html-snippets",
"syler.sass-indented",
"mrmlnc.vscode-scss",
"gamunu.vscode-yarn",
"zignd.html-css-class-completion",
"stylelint.vscode-stylelint",
]
}
================================================
FILE: .vscode/settings.json
================================================
{
"editor.wordWrap": "off",
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"files.trimFinalNewlines": true,
"diffEditor.ignoreTrimWhitespace": true,
"search.exclude": {
"**/node_modules": true,
"*.min.js": true,
"*.min.css": true
},
// JS
"javascript.updateImportsOnFileMove.enabled": "always",
// JSON
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
// Extension: Prettier
"prettier.requireConfig": true,
"prettier.configPath": ".prettierrc.json",
"prettier.ignorePath": ".prettierignore",
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// Extension: Stylelint
"stylelint.packageManager": "pnpm",
"stylelint.validate": [
"scss"
],
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// Extension: Git
"git.rebaseWhenSync": true,
"git.enableSmartCommit": true,
// Extension: ESLint
"eslint.packageManager": "yarn",
"eslint.format.enable": true,
// "eslint.workingDirectories": [
// "src",
// "dev"
// ],
"eslint.options": {
"overrideConfigFile": ".eslintrc.json"
},
"eslint.validate": [
"vue",
"html",
"javascript",
"typescript",
"javascriptreact",
"typescriptreact"
],
// Extension: npm
"npm.packageManager": "yarn",
}
================================================
FILE: CHANGELOG.md
================================================
# Changelog
All notable changes to this template will be documented in this file.
## v3.0.0 (2025-02-25)
### Added
- New Design Alignments
- New spacer & utility classes
### Updated
- SCSS structure - Build and extend in real-time with CSS variables
- Fonts icons with SVG icons using iconify
- Documentation
### Fixed
- UI improvements & bug fixes
## v2.0.0 (2024-07-25)
### Added
- New Design Alignments
- New spacer & utility classes
### Updated
- Bootstrap 5.3.3
- Documentation
### Fixed
- UI improvements & bug fixes
## v1.2.1 (2023-11-09)
### Fixed
- Minor improvements & Bugfixes
## v1.2.0 (2023-11-01)
### Updated
- Updated Bootstrap to latest version(5.3.2)
- Updated SCSS & Mixins as per Bootstrap 5.3.2
### Fixed
- Carousel HTML Structure as per latest Bootstrap
- Minor improvements & Bugfixes
## v1.1.1 - (2023-09-27)
### Fixed
- Minor Improvements
## v1.1.0 - (2023-09-13)
### Fixed
- Minor bug fixes and UI improvements
### Updated
- Updated Third party libraries
- Updated Font weights for better appearance
### Added
- Added highlight border on hover for inputs
## v1.0.1 - (2022-04-29)
### Fixed
- Minor CSS fixes and improvements
## v1.0.0 - (2022-02-11)
### Added
- Initial Release
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2022 ThemeSelection
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: LICENSE.md
================================================
MIT License
Copyright (c) 2021 [ThemeSelection](https://themeselection.com/)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
<p align="center">
<a href="https://themeselection.com/item/sneat-free-bootstrap-html-admin-template/" target="_blank">
<img src="https://user-images.githubusercontent.com/749684/150333149-805037bc-8874-4a1f-876a-61a9683f8ef5.png" alt="sneat-logo" width="30px" height="auto">
</a>
</p>
<h1 align="center">
<a href="https://themeselection.com/item/sneat-free-bootstrap-html-admin-template/" target="_blank" align="center">
Sneat - Free Bootstrap 5 HTML Admin Template
</a>
</h1>
<p align="center">Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers!</p>
    
<kbd>[](https://themeselection.com/item/sneat-dashboard-free-bootstrap/)</kbd>
## Introduction 🚀
If you’re a developer looking for the most Powerful & comprehensive [**Free Bootstrap 5 HTML Admin Template**](https://themeselection.com/item/sneat-free-bootstrap-html-admin-template/) built for developers, rich with features, and highly customizable look no further than Sneat. We’ve followed the highest industry standards to bring you the very best admin template that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.
Build premium quality applications with ease. Use our innovative [bootstrap admin template](https://themeselection.com/item/category/bootstrap-admin-templates/) to create eye-catching, high-quality WebApps. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.
[View Demo](https://demos.themeselection.com/sneat-bootstrap-html-admin-template-free/html/)
## Installation ⚒️
Automate time-consuming or repetitive tasks in your development workflow using Gulp 🥤
> Please note, that the use of Node, Webpack & Gulp, and their advanced settings are totally optional. You can use and customize the template without using them too.
Installing Node & Gulp and running it is super easy in Sneat, please follow these steps and you should be ready to rock 🤘
1. First of all, make sure you have installed [Node](https://nodejs.org/en/) (LTS). If Node.js is already installed in your system, make sure the installed version is `LTS` and jump to step 2
2. Install the Gulp CLI: Open Terminal/Command Prompt and run the following command and wait until it finishes. If you have already installed Gulp CLI, you can skip this step and jump to step 3.
```bash
npm install --global gulp-cli
```
3. Navigate to the Sneat root directory and run the following command to install our local dependencies listed in `package.json`. You can use `npm` OR `yarn` as per your preference.
> It is recommended to use Yarn
```bash
# For npm
npm install --legacy-peer-deps
# For Yarn
yarn
```
4. Now, that you are ready to run `npm` tasks, the below command will start the server and watch the code using [browsersync](https://browsersync.io/). Open [http://localhost:3000/](http://localhost:3000/) to check your development 🚀.
```bash
# npm
npm run serve
# yarn
yarn serve
```
## Available Tasks 🧑💻
Open the console/terminal, go to the Sneat root directory, and run `npm run {task_name}`.i.e. To generate a build run `npm run build`.
Run a task with the specified environment(development/production) just execute the task with the `--env={environment}` option, i.e. `npm run build --env=production`.
> **Tip:** Use the `npm run` command to list all predefined npm tasks from the `package.json` file.
## What's Included 📦
- Dashboard
- Layouts
- Without menu
- Without Navbar
- Container
- Fluid
- Blank
- Pages
- Account Settings
- Login
- Register
- Forgot Password
- Error
- Under Maintenance
- Cards
- User Interface
- **All Bootstrap Components**
- Extended UI
- Perfect Scrollbar
- Text Divider
- Boxicons
- Form Elements
- Basic Inputs
- Input Groups
- Form Layout
- Vertical Form
- Horizontal Form
- Tables
## What's in Premium Version 💎
| Sneat Free Version | Sneat Premium Version |
| ----------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| [Demo](https://themeselection.com/demo/sneat-bootstrap-html-admin-template-free/html/) | [Demo](https://themeselection.com/demo/sneat-bootstrap-html-admin-template/html/vertical-menu-template/) |
| [Download](https://themeselection.com/products/sneat-free-bootstrap-html-admin-template/) | [Purchase](https://themeselection.com/products/sneat-bootstrap-html-admin-template/) |
| Single vertical Menu | Vertical Menu + Horizontal Menu |
| Simple Light Style | Light & Dark Style |
| Default Theme | Default, Semi Dark & Bordered Themes |
| Fixed Layout(Menu) | Fixed & Static Layout(Menu) |
| 1 Simple Dashboard | 3 Niche Dashboards |
| - | Multiple Ready Applications like Calendar, Invoice, Users List, Users View, Roles and Permission, etc. |
| Simple From Elements | Advance form elements, validation & form wizard |
| Basic Cards | Basic, Advance, Statistics, Analytics, Gamification and Actions Cards |
| Basic User Interface(Components) | Advance and Custom User Interfaces(Components) |
| Two Extended Components | Twelve Ready to use Extended Components |
| - | Quick Search - Quickly navigate between pages (w/ hotkey support) |
| Basic Pages | Authentication Pages in 2 Variants + Ready-to-use pages like User Profile, Account Settings, FAQ, Help Center, Pricing, Misc, etc. |
| - | 3D Characters + Illustrations |
| Basic tables | Advanced tables |
| - | Quick customization using theme config file |
| - | Leaflet Maps |
| 1 Chart Library | 2 Chart Libraries |
| - | Multiple Navbar & Menu Options |
| - | Starter-kit |
| - | Internationalization support |
| - | RTL Support |
| Regular Support | Priority Support |
| Detailed Documentation | Detailed Documentation |
## Documentation 📜
<!-- If you have docs in wiki then use below line -->
Check GitHub [Wiki](https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/wiki) of this repository.
Check out our live [Documentation](https://themeselection.com/demo/sneat-bootstrap-html-admin-template/documentation/)
## Browser Support 🖥️
\*_It also supports other browser which implemented latest CSS standards_
## Contributing 🦸
Contributions are always welcome and recommended! Here is how:
- Fork the repository ([here is the guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo)).
- Clone to your machine `git clone https://github.com/YOUR_USERNAME/REPO_URL` Make your changes
- Create a pull request
### Contribution Requirements 🧰
- When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
- If you use content provided by another party, it must be appropriately licensed using an open source license.
- Contributions are only accepted through Github pull requests.
- Finally, contributed code must work in all supported browsers (see above for browser support).
## Changelog 📆
Please refer to the [CHANGELOG](https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/CHANGELOG.md) file. We will add detailed release notes to each new release.
## Support 🧑🏻💻
For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team.
## License ©
- Copyright © [ThemeSelection](https://themeselection.com/)
- Licensed under [MIT](LICENSE)
- All our free items are Open Source and licensed under MIT. You can use our free items for personal as well as commercial purposes. We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project.
```html
<a href="https://themeselection.com/">ThemeSelection</a>
```
## Also Available In
<p>
<!-- Figma -->
<a href="{pro_figma_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/0318a6c8-4f9b-4cf6-af5e-d357f909ea2b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"></picture></img></a>
<!-- HTML -->
<a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/5fe77c46-2e4c-475a-8dec-e30e2badddee"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"></picture></img></a>
<!-- HTML + Laravel -->
<a href="{pro_html_laravel_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/efe420e4-9863-41b7-9eda-47ea94f21a62"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"><img width="auto" height="74px" alt="html_laravel" src="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"></picture></img></a>
<!-- HTML + Django -->
<a href="{pro_html_django_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3c87d33b-1223-4aaa-a652-388dcb714c98"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"><img width="auto" height="74px" alt="html_django" src="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"></picture></img></a>
<!-- .Net Core -->
<a href="{pro_net_core_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/6327fd7b-9c54-4189-a852-28551ad0e002"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"><img width="auto" height="74px" alt="net_core" src="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"></picture></img></a>
<!-- NextJS -->
<a href="{pro_nextjs_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/66344629-6d21-4f92-9078-f479b39cb34e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"><img width="auto" height="74px" alt="next.js" src="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"></picture></img></a>
<!-- React -->
<a href="{pro_react_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3877046e-c652-4b3d-99e9-2e134da1d6cf"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"><img width="auto" height="74px" alt="react" src="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"></picture></img></a>
<!-- Vue -->
<a href="{pro_vue_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/881bbbb8-d1c9-421c-9bce-4ea43dfa9e6e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"><img width="auto" height="74px" alt="vue" src="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"></picture></img></a>
<!-- Vue + Laravel -->
<a href="{pro_vue_laravel_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/20b6428e-3fa5-4f80-a389-9e4cd732c2de"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"><img width="auto" height="74px" alt="vue_laravel" src="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"></picture></img></a>
<!-- Nuxt -->
<a href="{pro_nuxt_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/d9d3cf2e-4dc5-49fe-b146-b80ef010cb57"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"><img width="auto" height="74px" alt="nuxt" src="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"></picture></img></a>
<!-- Angular -->
<a href="{pro_angular_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/da7f0abe-9f83-4205-b691-bc8d2ffef59b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"><img width="auto" height="74px" alt="angular" src="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"></picture></img></a>
</p>
<!-- Add other pro variants here. You can get the logo URL from here: https://icones.js.org/collection/logos -->
## Looking For Premium Admin Templates ?? 👀
**[ThemeSelection](https://themeselection.com/)** provides Selected high quality, modern design, professional and easy-to-use **Fully Coded Dashboard Templates & UI Kits** to create your applications faster!
- [Bootstrap Admin Templates](https://themeselection.com/products/category/bootstrap-admin-templates/)
- [VueJS Admin Templates](https://themeselection.com/products/category/vuejs-admin-templates/)
- [Laravel Admin Templates](https://themeselection.com/products/category/laravel-admin-templates/)
- [Django Admin Templates](https://themeselection.com/item/category/django-admin-template/)
- [React (NextJS) Admin Templates](https://themeselection.com/item/category/next-js-admin-template/)
- [ASP.Net Core Admin Templates](https://themeselection.com/item/category/asp-net-dashboard/)
- [Free UI Kits](https://themeselection.com/products/category/free-ui-kits/)
If you want to [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/).
## Useful Links 🎁
- [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)
- [Freebies](https://themeselection.com/item/category/freebies/)
- [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)
- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
- [FlyonUI](https://flyonui.com/)
- [JetShip](https://demos.themeselection.com/jetship-laravel-starter-kit/)
## Social Media :earth_africa:
- [Twitter](https://twitter.com/Theme_Selection)
- [Facebook](https://www.facebook.com/ThemeSelections/)
- [Pinterest](https://pinterest.com/themeselect/)
- [Instagram](https://www.instagram.com/themeselection/)
- [Discord](https://discord.gg/kBHkY7DekX)
- [YouTube](https://www.youtube.com/channel/UCuryo5s0CW4aP83itLjIdZg)
================================================
FILE: assets/css/demo.css
================================================
/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.menu .app-brand.demo {
height: 64px;
margin-top: 12px;
}
.app-brand-logo.demo svg {
width: 22px;
height: 38px;
}
.app-brand-text.demo {
font-size: 1.75rem;
letter-spacing: -0.5px;
}
/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
padding-top: 74px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
padding-top: 62px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
z-index: auto;
}
/*
* Content
******************************************************************************/
.demo-blocks > * {
display: block !important;
}
.demo-inline-spacing > * {
margin: 1rem 0.375rem 0 0 !important;
}
/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
margin-top: 1rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
margin-top: 0 !important;
}
.demo-vertical-spacing-lg > * {
margin-top: 1.875rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
margin-top: 0 !important;
}
.demo-vertical-spacing-xl > * {
margin-top: 5rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
margin-top: 0 !important;
}
/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
#dropdown-variation-demo .btn-group .text-truncate {
width: 231px;
position: relative;
}
#dropdown-variation-demo .btn-group .text-truncate::after {
position: absolute;
top: 45%;
right: 0.65rem;
}
}
/*
* Layout demo
******************************************************************************/
.layout-demo-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
}
.layout-demo-placeholder img {
width: 900px;
}
.layout-demo-info {
text-align: center;
margin-top: 1rem;
}
================================================
FILE: assets/js/config.js
================================================
/**
* Config
* -------------------------------------------------------------------------------------
* ! IMPORTANT: Make sure you clear the browser local storage In order to see the config changes in the template.
* ! To clear local storage: (https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/).
*/
'use strict';
/* JS global variables
!Please use the hex color code (#000) here. Don't use rgba(), hsl(), etc
*/
window.config = {
colors: {
primary: window.Helpers.getCssVar('primary'),
secondary: window.Helpers.getCssVar('secondary'),
success: window.Helpers.getCssVar('success'),
info: window.Helpers.getCssVar('info'),
warning: window.Helpers.getCssVar('warning'),
danger: window.Helpers.getCssVar('danger'),
dark: window.Helpers.getCssVar('dark'),
black: window.Helpers.getCssVar('pure-black'),
white: window.Helpers.getCssVar('white'),
cardColor: window.Helpers.getCssVar('paper-bg'),
bodyBg: window.Helpers.getCssVar('body-bg'),
bodyColor: window.Helpers.getCssVar('body-color'),
headingColor: window.Helpers.getCssVar('heading-color'),
textMuted: window.Helpers.getCssVar('secondary-color'),
borderColor: window.Helpers.getCssVar('border-color')
},
colors_label: {
primary: window.Helpers.getCssVar('primary-bg-subtle'),
secondary: window.Helpers.getCssVar('secondary-bg-subtle'),
success: window.Helpers.getCssVar('success-bg-subtle'),
info: window.Helpers.getCssVar('info-bg-subtle'),
warning: window.Helpers.getCssVar('warning-bg-subtle'),
danger: window.Helpers.getCssVar('danger-bg-subtle'),
dark: window.Helpers.getCssVar('dark-bg-subtle')
},
fontFamily: window.Helpers.getCssVar('font-family-base'),
};
================================================
FILE: assets/js/dashboards-analytics.js
================================================
/**
* Dashboard Analytics
*/
'use strict';
document.addEventListener('DOMContentLoaded', function (e) {
let cardColor, headingColor, legendColor, labelColor, shadeColor, borderColor, fontFamily;
cardColor = config.colors.cardColor;
headingColor = config.colors.headingColor;
legendColor = config.colors.bodyColor;
labelColor = config.colors.textMuted;
borderColor = config.colors.borderColor;
fontFamily = config.fontFamily;
// Order Area Chart
// --------------------------------------------------------------------
const orderAreaChartEl = document.querySelector('#orderChart'),
orderAreaChartConfig = {
chart: {
height: 80,
type: 'area',
toolbar: {
show: false
},
sparkline: {
enabled: true
}
},
markers: {
size: 6,
colors: 'transparent',
strokeColors: 'transparent',
strokeWidth: 4,
discrete: [
{
fillColor: cardColor,
seriesIndex: 0,
dataPointIndex: 6,
strokeColor: config.colors.success,
strokeWidth: 2,
size: 6,
radius: 8
}
],
offsetX: -1,
hover: {
size: 7
}
},
grid: {
show: false,
padding: {
top: 15,
right: 7,
left: 0
}
},
colors: [config.colors.success],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.4,
gradientToColors: [config.colors.cardColor],
opacityTo: 0.4,
stops: [0, 100]
}
},
dataLabels: {
enabled: false
},
stroke: {
width: 2,
curve: 'smooth'
},
series: [
{
data: [180, 175, 275, 140, 205, 190, 295]
}
],
xaxis: {
show: false,
lines: {
show: false
},
labels: {
show: false
},
stroke: {
width: 0
},
axisBorder: {
show: false
}
},
yaxis: {
stroke: {
width: 0
},
show: false
}
};
if (typeof orderAreaChartEl !== undefined && orderAreaChartEl !== null) {
const orderAreaChart = new ApexCharts(orderAreaChartEl, orderAreaChartConfig);
orderAreaChart.render();
}
// Total Revenue Report Chart - Bar Chart
// --------------------------------------------------------------------
const totalRevenueChartEl = document.querySelector('#totalRevenueChart'),
totalRevenueChartOptions = {
series: [
{
name: new Date().getFullYear() - 1,
data: [18, 7, 15, 29, 18, 12, 9]
},
{
name: new Date().getFullYear() - 2,
data: [-13, -18, -9, -14, -8, -17, -15]
}
],
chart: {
height: 300,
stacked: true,
type: 'bar',
toolbar: { show: false }
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '30%',
borderRadius: 8,
startingShape: 'rounded',
endingShape: 'rounded',
borderRadiusApplication: 'around'
}
},
colors: [config.colors.primary, config.colors.info],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 6,
lineCap: 'round',
colors: [cardColor]
},
legend: {
show: true,
horizontalAlign: 'left',
position: 'top',
markers: {
size: 4,
radius: 12,
shape: 'circle',
strokeWidth: 0
},
fontSize: '13px',
fontFamily: fontFamily,
fontWeight: 400,
labels: {
colors: legendColor,
useSeriesColors: false
},
itemMargin: {
horizontal: 10
}
},
grid: {
strokeDashArray: 7,
borderColor: borderColor,
padding: {
top: 0,
bottom: -8,
left: 20,
right: 20
}
},
fill: {
opacity: [1, 1]
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
labels: {
style: {
fontSize: '13px',
fontFamily: fontFamily,
colors: labelColor
}
},
axisTicks: {
show: false
},
axisBorder: {
show: false
}
},
yaxis: {
labels: {
style: {
fontSize: '13px',
fontFamily: fontFamily,
colors: labelColor
}
}
},
responsive: [
{
breakpoint: 1700,
options: {
plotOptions: {
bar: {
borderRadius: 10,
columnWidth: '35%'
}
}
}
},
{
breakpoint: 1440,
options: {
plotOptions: {
bar: {
borderRadius: 12,
columnWidth: '43%'
}
}
}
},
{
breakpoint: 1300,
options: {
plotOptions: {
bar: {
borderRadius: 11,
columnWidth: '45%'
}
}
}
},
{
breakpoint: 1200,
options: {
plotOptions: {
bar: {
borderRadius: 11,
columnWidth: '37%'
}
}
}
},
{
breakpoint: 1040,
options: {
plotOptions: {
bar: {
borderRadius: 12,
columnWidth: '45%'
}
}
}
},
{
breakpoint: 991,
options: {
plotOptions: {
bar: {
borderRadius: 12,
columnWidth: '33%'
}
}
}
},
{
breakpoint: 768,
options: {
plotOptions: {
bar: {
borderRadius: 11,
columnWidth: '28%'
}
}
}
},
{
breakpoint: 640,
options: {
plotOptions: {
bar: {
borderRadius: 11,
columnWidth: '30%'
}
}
}
},
{
breakpoint: 576,
options: {
plotOptions: {
bar: {
borderRadius: 10,
columnWidth: '38%'
}
}
}
},
{
breakpoint: 440,
options: {
plotOptions: {
bar: {
borderRadius: 10,
columnWidth: '50%'
}
}
}
},
{
breakpoint: 380,
options: {
plotOptions: {
bar: {
borderRadius: 9,
columnWidth: '60%'
}
}
}
}
],
states: {
hover: {
filter: {
type: 'none'
}
},
active: {
filter: {
type: 'none'
}
}
}
};
if (typeof totalRevenueChartEl !== undefined && totalRevenueChartEl !== null) {
const totalRevenueChart = new ApexCharts(totalRevenueChartEl, totalRevenueChartOptions);
totalRevenueChart.render();
}
// Growth Chart - Radial Bar Chart
// --------------------------------------------------------------------
const growthChartEl = document.querySelector('#growthChart'),
growthChartOptions = {
series: [78],
labels: ['Growth'],
chart: {
height: 200,
type: 'radialBar'
},
plotOptions: {
radialBar: {
size: 150,
offsetY: 10,
startAngle: -150,
endAngle: 150,
hollow: {
size: '55%'
},
track: {
background: cardColor,
strokeWidth: '100%'
},
dataLabels: {
name: {
offsetY: 15,
color: legendColor,
fontSize: '15px',
fontWeight: '500',
fontFamily: fontFamily
},
value: {
offsetY: -25,
color: headingColor,
fontSize: '22px',
fontWeight: '500',
fontFamily: fontFamily
}
}
}
},
colors: [config.colors.primary],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
shadeIntensity: 0.5,
gradientToColors: [config.colors.primary],
inverseColors: true,
opacityFrom: 1,
opacityTo: 0.6,
stops: [30, 70, 100]
}
},
stroke: {
dashArray: 5
},
grid: {
padding: {
top: -35,
bottom: -10
}
},
states: {
hover: {
filter: {
type: 'none'
}
},
active: {
filter: {
type: 'none'
}
}
}
};
if (typeof growthChartEl !== undefined && growthChartEl !== null) {
const growthChart = new ApexCharts(growthChartEl, growthChartOptions);
growthChart.render();
}
// Revenue Bar Chart
// --------------------------------------------------------------------
const revenueBarChartEl = document.querySelector('#revenueChart'),
revenueBarChartConfig = {
chart: {
height: 95,
type: 'bar',
toolbar: {
show: false
}
},
plotOptions: {
bar: {
barHeight: '80%',
columnWidth: '75%',
startingShape: 'rounded',
endingShape: 'rounded',
borderRadius: 4,
distributed: true
}
},
grid: {
show: false,
padding: {
top: -20,
bottom: -12,
left: -10,
right: 0
}
},
colors: [
config.colors.primary,
config.colors.primary,
config.colors.primary,
config.colors.primary,
config.colors.primary,
config.colors.primary,
config.colors.primary
],
dataLabels: {
enabled: false
},
series: [
{
data: [40, 95, 60, 45, 90, 50, 75]
}
],
legend: {
show: false
},
xaxis: {
categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
axisBorder: {
show: false
},
axisTicks: {
show: false
},
labels: {
style: {
colors: labelColor,
fontSize: '13px'
}
}
},
yaxis: {
labels: {
show: false
}
}
};
if (typeof revenueBarChartEl !== undefined && revenueBarChartEl !== null) {
const revenueBarChart = new ApexCharts(revenueBarChartEl, revenueBarChartConfig);
revenueBarChart.render();
}
// Profit Report Line Chart
// --------------------------------------------------------------------
const profileReportChartEl = document.querySelector('#profileReportChart'),
profileReportChartConfig = {
chart: {
height: 75,
width: 240,
type: 'line',
toolbar: {
show: false
},
dropShadow: {
enabled: true,
top: 10,
left: 5,
blur: 3,
color: config.colors.warning,
opacity: 0.15
},
sparkline: {
enabled: true
}
},
grid: {
show: false,
padding: {
right: 8
}
},
colors: [config.colors.warning],
dataLabels: {
enabled: false
},
stroke: {
width: 5,
curve: 'smooth'
},
series: [
{
data: [110, 270, 145, 245, 205, 285]
}
],
xaxis: {
show: false,
lines: {
show: false
},
labels: {
show: false
},
axisBorder: {
show: false
}
},
yaxis: {
show: false
},
responsive: [
{
breakpoint: 1700,
options: {
chart: {
width: 200
}
}
},
{
breakpoint: 1579,
options: {
chart: {
width: 180
}
}
},
{
breakpoint: 1500,
options: {
chart: {
width: 160
}
}
},
{
breakpoint: 1450,
options: {
chart: {
width: 140
}
}
},
{
breakpoint: 1400,
options: {
chart: {
width: 240
}
}
}
]
};
if (typeof profileReportChartEl !== undefined && profileReportChartEl !== null) {
const profileReportChart = new ApexCharts(profileReportChartEl, profileReportChartConfig);
profileReportChart.render();
}
// Order Statistics Chart
// --------------------------------------------------------------------
const chartOrderStatistics = document.querySelector('#orderStatisticsChart'),
orderChartConfig = {
chart: {
height: 165,
width: 136,
type: 'donut',
offsetX: 15
},
labels: ['Electronic', 'Sports', 'Decor', 'Fashion'],
series: [50, 85, 25, 40],
colors: [config.colors.success, config.colors.primary, config.colors.secondary, config.colors.info],
stroke: {
width: 5,
colors: [cardColor]
},
dataLabels: {
enabled: false,
formatter: function (val, opt) {
return parseInt(val) + '%';
}
},
legend: {
show: false
},
grid: {
padding: {
top: 0,
bottom: 0,
right: 15
}
},
states: {
hover: {
filter: { type: 'none' }
},
active: {
filter: { type: 'none' }
}
},
plotOptions: {
pie: {
donut: {
size: '75%',
labels: {
show: true,
value: {
fontSize: '1.125rem',
fontFamily: fontFamily,
fontWeight: 500,
color: headingColor,
offsetY: -17,
formatter: function (val) {
return parseInt(val) + '%';
}
},
name: {
offsetY: 17,
fontFamily: fontFamily
},
total: {
show: true,
fontSize: '13px',
color: legendColor,
label: 'Weekly',
formatter: function (w) {
return '38%';
}
}
}
}
}
}
};
if (typeof chartOrderStatistics !== undefined && chartOrderStatistics !== null) {
const statisticsChart = new ApexCharts(chartOrderStatistics, orderChartConfig);
statisticsChart.render();
}
// Income Chart - Area chart
// --------------------------------------------------------------------
const incomeChartEl = document.querySelector('#incomeChart'),
incomeChartConfig = {
series: [
{
data: [21, 30, 22, 42, 26, 35, 29]
}
],
chart: {
height: 200,
parentHeightOffset: 0,
parentWidthOffset: 0,
toolbar: {
show: false
},
type: 'area'
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'smooth'
},
legend: {
show: false
},
markers: {
size: 6,
colors: 'transparent',
strokeColors: 'transparent',
strokeWidth: 4,
discrete: [
{
fillColor: config.colors.white,
seriesIndex: 0,
dataPointIndex: 6,
strokeColor: config.colors.primary,
strokeWidth: 2,
size: 6,
radius: 8
}
],
offsetX: -1,
hover: {
size: 7
}
},
colors: [config.colors.primary],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.3,
gradientToColors: [config.colors.cardColor],
opacityTo: 0.3,
stops: [0, 100]
}
},
grid: {
borderColor: borderColor,
strokeDashArray: 8,
padding: {
top: -20,
bottom: -8,
left: 0,
right: 8
}
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
axisBorder: {
show: false
},
axisTicks: {
show: false
},
labels: {
show: true,
style: {
fontSize: '13px',
colors: labelColor
}
}
},
yaxis: {
labels: {
show: false
},
min: 10,
max: 50,
tickAmount: 4
}
};
if (typeof incomeChartEl !== undefined && incomeChartEl !== null) {
const incomeChart = new ApexCharts(incomeChartEl, incomeChartConfig);
incomeChart.render();
}
// Expenses Mini Chart - Radial Chart
// --------------------------------------------------------------------
const weeklyExpensesEl = document.querySelector('#expensesOfWeek'),
weeklyExpensesConfig = {
series: [65],
chart: {
width: 60,
height: 60,
type: 'radialBar'
},
plotOptions: {
radialBar: {
startAngle: 0,
endAngle: 360,
strokeWidth: '8',
hollow: {
margin: 2,
size: '40%'
},
track: {
background: borderColor
},
dataLabels: {
show: true,
name: {
show: false
},
value: {
formatter: function (val) {
return '$' + parseInt(val);
},
offsetY: 5,
color: legendColor,
fontSize: '12px',
fontFamily: fontFamily,
show: true
}
}
}
},
fill: {
type: 'solid',
colors: config.colors.primary
},
stroke: {
lineCap: 'round'
},
grid: {
padding: {
top: -10,
bottom: -15,
left: -10,
right: -10
}
},
states: {
hover: {
filter: {
type: 'none'
}
},
active: {
filter: {
type: 'none'
}
}
}
};
if (typeof weeklyExpensesEl !== undefined && weeklyExpensesEl !== null) {
const weeklyExpenses = new ApexCharts(weeklyExpensesEl, weeklyExpensesConfig);
weeklyExpenses.render();
}
});
================================================
FILE: assets/js/extended-ui-perfect-scrollbar.js
================================================
/**
* Perfect Scrollbar
*/
'use strict';
document.addEventListener('DOMContentLoaded', function () {
(function () {
const verticalExample = document.getElementById('vertical-example'),
horizontalExample = document.getElementById('horizontal-example'),
horizVertExample = document.getElementById('both-scrollbars-example');
// Vertical Example
// --------------------------------------------------------------------
if (verticalExample) {
new PerfectScrollbar(verticalExample, {
wheelPropagation: false
});
}
// Horizontal Example
// --------------------------------------------------------------------
if (horizontalExample) {
new PerfectScrollbar(horizontalExample, {
wheelPropagation: false,
suppressScrollY: true
});
}
// Both vertical and Horizontal Example
// --------------------------------------------------------------------
if (horizVertExample) {
new PerfectScrollbar(horizVertExample, {
wheelPropagation: false
});
}
})();
});
================================================
FILE: assets/js/form-basic-inputs.js
================================================
/**
* Form Basic Inputs
*/
'use strict';
(function () {
// Indeterminate checkbox
const checkbox = document.getElementById('defaultCheck2');
checkbox.indeterminate = true;
})();
================================================
FILE: assets/js/main.js
================================================
/**
* Main
*/
'use strict';
let menu,
animate;
document.addEventListener('DOMContentLoaded', function () {
// class for ios specific styles
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
document.body.classList.add('ios');
}
});
(function () {
// Initialize menu
//-----------------
let layoutMenuEl = document.querySelectorAll('#layout-menu');
layoutMenuEl.forEach(function (element) {
menu = new Menu(element, {
orientation: 'vertical',
closeChildren: false
});
// Change parameter to true if you want scroll animation
window.Helpers.scrollToActive((animate = false));
window.Helpers.mainMenu = menu;
});
// Initialize menu togglers and bind click on each
let menuToggler = document.querySelectorAll('.layout-menu-toggle');
menuToggler.forEach(item => {
item.addEventListener('click', event => {
event.preventDefault();
window.Helpers.toggleCollapsed();
});
});
// Display menu toggle (layout-menu-toggle) on hover with delay
let delay = function (elem, callback) {
let timeout = null;
elem.onmouseenter = function () {
// Set timeout to be a timer which will invoke callback after 300ms (not for small screen)
if (!Helpers.isSmallScreen()) {
timeout = setTimeout(callback, 300);
} else {
timeout = setTimeout(callback, 0);
}
};
elem.onmouseleave = function () {
// Clear any timers set to timeout
document.querySelector('.layout-menu-toggle').classList.remove('d-block');
clearTimeout(timeout);
};
};
if (document.getElementById('layout-menu')) {
delay(document.getElementById('layout-menu'), function () {
// not for small screen
if (!Helpers.isSmallScreen()) {
document.querySelector('.layout-menu-toggle').classList.add('d-block');
}
});
}
// Display in main menu when menu scrolls
let menuInnerContainer = document.getElementsByClassName('menu-inner'),
menuInnerShadow = document.getElementsByClassName('menu-inner-shadow')[0];
if (menuInnerContainer.length > 0 && menuInnerShadow) {
menuInnerContainer[0].addEventListener('ps-scroll-y', function () {
if (this.querySelector('.ps__thumb-y').offsetTop) {
menuInnerShadow.style.display = 'block';
} else {
menuInnerShadow.style.display = 'none';
}
});
}
// Init helpers & misc
// --------------------
// Init BS Tooltip
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
// Accordion active class
const accordionActiveFunction = function (e) {
if (e.type == 'show.bs.collapse' || e.type == 'show.bs.collapse') {
e.target.closest('.accordion-item').classList.add('active');
} else {
e.target.closest('.accordion-item').classList.remove('active');
}
};
const accordionTriggerList = [].slice.call(document.querySelectorAll('.accordion'));
const accordionList = accordionTriggerList.map(function (accordionTriggerEl) {
accordionTriggerEl.addEventListener('show.bs.collapse', accordionActiveFunction);
accordionTriggerEl.addEventListener('hide.bs.collapse', accordionActiveFunction);
});
// Auto update layout based on screen size
window.Helpers.setAutoUpdate(true);
// Toggle Password Visibility
window.Helpers.initPasswordToggle();
// Speech To Text
window.Helpers.initSpeechToText();
// Manage menu expanded/collapsed with templateCustomizer & local storage
//------------------------------------------------------------------
// If current layout is horizontal OR current window screen is small (overlay menu) than return from here
if (window.Helpers.isSmallScreen()) {
return;
}
// If current layout is vertical and current window screen is > small
// Auto update menu collapsed/expanded based on the themeConfig
window.Helpers.setCollapsed(true, false);
})();
// Utils
function isMacOS() {
return /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
}
================================================
FILE: assets/js/pages-account-settings-account.js
================================================
/**
* Account Settings - Account
*/
'use strict';
document.addEventListener('DOMContentLoaded', function (e) {
(function () {
const deactivateAcc = document.querySelector('#formAccountDeactivation');
// Update/reset user image of account page
let accountUserImage = document.getElementById('uploadedAvatar');
const fileInput = document.querySelector('.account-file-input'),
resetFileInput = document.querySelector('.account-image-reset');
if (accountUserImage) {
const resetImage = accountUserImage.src;
fileInput.onchange = () => {
if (fileInput.files[0]) {
accountUserImage.src = window.URL.createObjectURL(fileInput.files[0]);
}
};
resetFileInput.onclick = () => {
fileInput.value = '';
accountUserImage.src = resetImage;
};
}
})();
});
================================================
FILE: assets/js/ui-modals.js
================================================
/**
* UI Modals
*/
'use strict';
(function () {
// On hiding modal, remove iframe video/audio to stop playing
const youTubeModal = document.querySelector('#youTubeModal'),
youTubeModalVideo = youTubeModal.querySelector('iframe');
youTubeModal.addEventListener('hidden.bs.modal', function () {
youTubeModalVideo.setAttribute('src', '');
});
// Function to get and auto play youTube video
const autoPlayYouTubeModal = function () {
const modalTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="modal"]'));
modalTriggerList.map(function (modalTriggerEl) {
modalTriggerEl.onclick = function () {
const theModal = this.getAttribute('data-bs-target'),
videoSRC = this.getAttribute('data-theVideo'),
videoSRCauto = `${videoSRC}?autoplay=1`,
modalVideo = document.querySelector(`${theModal} iframe`);
if (modalVideo) {
modalVideo.setAttribute('src', videoSRCauto);
}
};
});
};
// Calling function on load
autoPlayYouTubeModal();
})();
================================================
FILE: assets/js/ui-popover.js
================================================
// /**
// * UI Tooltips & Popovers
// */
'use strict';
(function () {
const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
const popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
// added { html: true, sanitize: false } option to render button in content area of popover
return new bootstrap.Popover(popoverTriggerEl, { html: true, sanitize: false });
});
})();
================================================
FILE: assets/js/ui-toasts.js
================================================
/**
* UI Toasts
*/
'use strict';
document.addEventListener('DOMContentLoaded', function (e) {
// Bootstrap toasts example
// --------------------------------------------------------------------
const toastPlacementExample = document.querySelector('.toast-placement-ex'),
toastPlacementBtn = document.querySelector('#showToastPlacement');
let selectedType, selectedPlacement, toastPlacement;
// Dispose toast when open another
function toastDispose(toast) {
if (toast && toast._element !== null) {
if (toastPlacementExample) {
toastPlacementExample.classList.remove(selectedType);
DOMTokenList.prototype.remove.apply(toastPlacementExample.classList, selectedPlacement);
}
toast.dispose();
}
}
// Placement Button click
if (toastPlacementBtn) {
toastPlacementBtn.onclick = function () {
if (toastPlacement) {
toastDispose(toastPlacement);
}
selectedType = document.querySelector('#selectTypeOpt').value;
selectedPlacement = document.querySelector('#selectPlacement').value.split(' ');
toastPlacementExample.classList.add(selectedType);
DOMTokenList.prototype.add.apply(toastPlacementExample.classList, selectedPlacement);
toastPlacement = new bootstrap.Toast(toastPlacementExample);
toastPlacement.show();
};
}
});
================================================
FILE: assets/vendor/css/core.css
================================================
@charset "UTF-8";
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #007bff;
--bs-indigo: #6610f2;
--bs-purple: #696cff;
--bs-pink: #e83e8c;
--bs-red: #ff3e1d;
--bs-orange: #fd7e14;
--bs-yellow: #ffab00;
--bs-green: #71dd37;
--bs-teal: #20c997;
--bs-cyan: #03c3ec;
--bs-black: #22303e;
--bs-white: #fff;
--bs-gray: #7a838b;
--bs-gray-dark: #4e5965;
--bs-gray-25: #fbfbfb;
--bs-gray-60: #f2f3f3;
--bs-gray-80: #edeef0;
--bs-gray-100: #e9eaec;
--bs-gray-200: #e4e6e8;
--bs-gray-300: #bdc1c5;
--bs-gray-400: #a7acb2;
--bs-gray-500: #91979f;
--bs-gray-600: #7a838b;
--bs-gray-700: #646e78;
--bs-gray-800: #4e5965;
--bs-gray-900: #384551;
--bs-primary: #696cff;
--bs-secondary: #8592a3;
--bs-success: #71dd37;
--bs-info: #03c3ec;
--bs-warning: #ffab00;
--bs-danger: #ff3e1d;
--bs-light: #dbdee0;
--bs-dark: #2b2c40;
--bs-gray: #91979f;
--bs-primary-rgb: 105, 108, 255;
--bs-secondary-rgb: 133, 146, 163;
--bs-success-rgb: 113, 221, 55;
--bs-info-rgb: 3, 195, 236;
--bs-warning-rgb: 255, 171, 0;
--bs-danger-rgb: 255, 62, 29;
--bs-light-rgb: 219, 222, 224;
--bs-dark-rgb: 43, 44, 64;
--bs-gray-rgb: 145, 151, 159;
--bs-primary-text-emphasis: #2a2b66;
--bs-secondary-text-emphasis: #353a41;
--bs-success-text-emphasis: #2d5816;
--bs-info-text-emphasis: #014e5e;
--bs-warning-text-emphasis: #664400;
--bs-danger-text-emphasis: #66190c;
--bs-light-text-emphasis: #646e78;
--bs-dark-text-emphasis: #646e78;
--bs-primary-bg-subtle: #e7e7ff;
--bs-secondary-bg-subtle: #ebeef0;
--bs-success-bg-subtle: #e8fadf;
--bs-info-bg-subtle: #d7f5fc;
--bs-warning-bg-subtle: #fff2d6;
--bs-danger-bg-subtle: #ffe0db;
--bs-light-bg-subtle: #f4f5f6;
--bs-dark-bg-subtle: #dddde0;
--bs-primary-border-subtle: #d2d3ff;
--bs-secondary-border-subtle: #dadee3;
--bs-success-border-subtle: #d4f5c3;
--bs-info-border-subtle: #b3edf9;
--bs-warning-border-subtle: #ffe6b3;
--bs-danger-border-subtle: #ffc5bb;
--bs-light-border-subtle: #e4e6e8;
--bs-dark-border-subtle: #bfc0c6;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 34, 48, 62;
--bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 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-root-font-size: 16px;
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.9375rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.375;
--bs-body-color: #646e78;
--bs-body-color-rgb: 100, 110, 120;
--bs-body-bg: #f5f5f9;
--bs-body-bg-rgb: 245, 245, 249;
--bs-emphasis-color: #22303e;
--bs-emphasis-color-rgb: 34, 48, 62;
--bs-secondary-color: #a7acb2;
--bs-secondary-color-rgb: 167, 172, 178;
--bs-secondary-bg: #e4e6e8;
--bs-secondary-bg-rgb: 228, 230, 232;
--bs-tertiary-color: rgba(100, 110, 120, 0.5);
--bs-tertiary-color-rgb: 100, 110, 120;
--bs-tertiary-bg: #e9eaec;
--bs-tertiary-bg-rgb: 233, 234, 236;
--bs-heading-color: #384551;
--bs-link-color: #696cff;
--bs-link-color-rgb: 105, 108, 255;
--bs-link-decoration: none;
--bs-link-hover-color: #5f61e6;
--bs-link-hover-color-rgb: 95, 97, 230;
--bs-code-color: #e83e8c;
--bs-highlight-color: #646e78;
--bs-highlight-bg: #ffeecc;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #e4e6e8;
--bs-border-color-translucent: rgba(34, 48, 62, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 0.625rem;
--bs-border-radius-xxl: 1rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
--bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08);
--bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
--bs-box-shadow-inset: inset 0 1px 2px rgba(34, 48, 62, 0.075);
--bs-focus-ring-width: 0.15rem;
--bs-focus-ring-opacity: 0.75;
--bs-focus-ring-color: rgba(100, 110, 120, 0.75);
--bs-form-valid-color: #71dd37;
--bs-form-valid-border-color: #71dd37;
--bs-form-invalid-color: #ff3e1d;
--bs-form-invalid-border-color: #ff3e1d;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #bdc1c5;
--bs-body-color-rgb: 189, 193, 197;
--bs-body-bg: #384551;
--bs-body-bg-rgb: 56, 69, 81;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(189, 193, 197, 0.75);
--bs-secondary-color-rgb: 189, 193, 197;
--bs-secondary-bg: #4e5965;
--bs-secondary-bg-rgb: 78, 89, 101;
--bs-tertiary-color: rgba(189, 193, 197, 0.5);
--bs-tertiary-color-rgb: 189, 193, 197;
--bs-tertiary-bg: #434f5b;
--bs-tertiary-bg-rgb: 67, 79, 91;
--bs-primary-text-emphasis: #a5a7ff;
--bs-secondary-text-emphasis: #b6bec8;
--bs-success-text-emphasis: #aaeb87;
--bs-info-text-emphasis: #68dbf4;
--bs-warning-text-emphasis: #ffcd66;
--bs-danger-text-emphasis: #ff8b77;
--bs-light-text-emphasis: #e9eaec;
--bs-dark-text-emphasis: #bdc1c5;
--bs-primary-bg-subtle: #151633;
--bs-secondary-bg-subtle: #1b1d21;
--bs-success-bg-subtle: #172c0b;
--bs-info-bg-subtle: #01272f;
--bs-warning-bg-subtle: #332200;
--bs-danger-bg-subtle: #330c06;
--bs-light-bg-subtle: #4e5965;
--bs-dark-bg-subtle: #384552;
--bs-primary-border-subtle: #3f4199;
--bs-secondary-border-subtle: #505862;
--bs-success-border-subtle: #448521;
--bs-info-border-subtle: #02758e;
--bs-warning-border-subtle: #996700;
--bs-danger-border-subtle: #992511;
--bs-light-border-subtle: #646e78;
--bs-dark-border-subtle: #4e5965;
--bs-heading-color: inherit;
--bs-link-color: #a5a7ff;
--bs-link-hover-color: #aeb0ff;
--bs-link-color-rgb: 165, 167, 255;
--bs-link-hover-color-rgb: 174, 176, 255;
--bs-code-color: #f18bba;
--bs-highlight-color: #bdc1c5;
--bs-highlight-bg: #664400;
--bs-border-color: #646e78;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #aaeb87;
--bs-form-valid-border-color: #aaeb87;
--bs-form-invalid-color: #ff8b77;
--bs-form-invalid-border-color: #ff8b77;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:root {
font-size: var(--bs-root-font-size);
}
@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(34, 48, 62, 0);
}
hr {
margin: 1rem 0;
color: var(--bs-border-color);
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 1;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 500;
line-height: 1.1;
color: var(--bs-heading-color);
}
h1, .h1 {
font-size: calc(1.4125rem + 1.95vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.875rem;
}
}
h2, .h2 {
font-size: calc(1.3625rem + 1.35vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2.375rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.125rem;
}
h6, .h6 {
font-size: 0.9375rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
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: 500;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.8125rem;
}
mark, .mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: none;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
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.8125rem;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.8125rem;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.8125rem;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.782rem;
padding-bottom: 0.782rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
font-weight: 500;
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]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
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;
}
}
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] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-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.0546875rem;
font-weight: 400;
}
.display-1 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 4rem;
}
}
.display-2 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 3.5rem;
}
}
.display-3 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 3rem;
}
}
.display-4 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 2.5rem;
}
}
.display-5 {
font-size: calc(1.325rem + 0.9vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 2rem;
}
}
.display-6 {
font-size: calc(1.275rem + 0.3vw);
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 1.5rem;
}
}
.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.8125rem;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.0546875rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.8125rem;
color: #7a838b;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0;
background-color: transparent;
border: 0 solid var(--bs-border-color);
border-radius: 0;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.8125rem;
color: #a7acb2;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.625rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1440px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.625rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-50,
.gx-50 {
--bs-gutter-x: 0.125rem;
}
.g-50,
.gy-50 {
--bs-gutter-y: 0.125rem;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-1_5,
.gx-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-1_5,
.gy-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 0.75rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 1.25rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 1.25rem;
}
.g-6,
.gx-6 {
--bs-gutter-x: 1.5rem;
}
.g-6,
.gy-6 {
--bs-gutter-y: 1.5rem;
}
.g-7,
.gx-7 {
--bs-gutter-x: 1.75rem;
}
.g-7,
.gy-7 {
--bs-gutter-y: 1.75rem;
}
.g-8,
.gx-8 {
--bs-gutter-x: 2rem;
}
.g-8,
.gy-8 {
--bs-gutter-y: 2rem;
}
.g-9,
.gx-9 {
--bs-gutter-x: 2.25rem;
}
.g-9,
.gy-9 {
--bs-gutter-y: 2.25rem;
}
.g-10,
.gx-10 {
--bs-gutter-x: 2.5rem;
}
.g-10,
.gy-10 {
--bs-gutter-y: 2.5rem;
}
.g-11,
.gx-11 {
--bs-gutter-x: 2.75rem;
}
.g-11,
.gy-11 {
--bs-gutter-y: 2.75rem;
}
.g-12,
.gx-12 {
--bs-gutter-x: 3rem;
}
.g-12,
.gy-12 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-50,
.gx-sm-50 {
--bs-gutter-x: 0.125rem;
}
.g-sm-50,
.gy-sm-50 {
--bs-gutter-y: 0.125rem;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-1_5,
.gx-sm-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-sm-1_5,
.gy-sm-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 0.75rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 1.25rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 1.25rem;
}
.g-sm-6,
.gx-sm-6 {
--bs-gutter-x: 1.5rem;
}
.g-sm-6,
.gy-sm-6 {
--bs-gutter-y: 1.5rem;
}
.g-sm-7,
.gx-sm-7 {
--bs-gutter-x: 1.75rem;
}
.g-sm-7,
.gy-sm-7 {
--bs-gutter-y: 1.75rem;
}
.g-sm-8,
.gx-sm-8 {
--bs-gutter-x: 2rem;
}
.g-sm-8,
.gy-sm-8 {
--bs-gutter-y: 2rem;
}
.g-sm-9,
.gx-sm-9 {
--bs-gutter-x: 2.25rem;
}
.g-sm-9,
.gy-sm-9 {
--bs-gutter-y: 2.25rem;
}
.g-sm-10,
.gx-sm-10 {
--bs-gutter-x: 2.5rem;
}
.g-sm-10,
.gy-sm-10 {
--bs-gutter-y: 2.5rem;
}
.g-sm-11,
.gx-sm-11 {
--bs-gutter-x: 2.75rem;
}
.g-sm-11,
.gy-sm-11 {
--bs-gutter-y: 2.75rem;
}
.g-sm-12,
.gx-sm-12 {
--bs-gutter-x: 3rem;
}
.g-sm-12,
.gy-sm-12 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-md-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-50,
.gx-md-50 {
--bs-gutter-x: 0.125rem;
}
.g-md-50,
.gy-md-50 {
--bs-gutter-y: 0.125rem;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-1_5,
.gx-md-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-md-1_5,
.gy-md-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 0.75rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 1.25rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 1.25rem;
}
.g-md-6,
.gx-md-6 {
--bs-gutter-x: 1.5rem;
}
.g-md-6,
.gy-md-6 {
--bs-gutter-y: 1.5rem;
}
.g-md-7,
.gx-md-7 {
--bs-gutter-x: 1.75rem;
}
.g-md-7,
.gy-md-7 {
--bs-gutter-y: 1.75rem;
}
.g-md-8,
.gx-md-8 {
--bs-gutter-x: 2rem;
}
.g-md-8,
.gy-md-8 {
--bs-gutter-y: 2rem;
}
.g-md-9,
.gx-md-9 {
--bs-gutter-x: 2.25rem;
}
.g-md-9,
.gy-md-9 {
--bs-gutter-y: 2.25rem;
}
.g-md-10,
.gx-md-10 {
--bs-gutter-x: 2.5rem;
}
.g-md-10,
.gy-md-10 {
--bs-gutter-y: 2.5rem;
}
.g-md-11,
.gx-md-11 {
--bs-gutter-x: 2.75rem;
}
.g-md-11,
.gy-md-11 {
--bs-gutter-y: 2.75rem;
}
.g-md-12,
.gx-md-12 {
--bs-gutter-x: 3rem;
}
.g-md-12,
.gy-md-12 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-50,
.gx-lg-50 {
--bs-gutter-x: 0.125rem;
}
.g-lg-50,
.gy-lg-50 {
--bs-gutter-y: 0.125rem;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-1_5,
.gx-lg-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-lg-1_5,
.gy-lg-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 0.75rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 1.25rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 1.25rem;
}
.g-lg-6,
.gx-lg-6 {
--bs-gutter-x: 1.5rem;
}
.g-lg-6,
.gy-lg-6 {
--bs-gutter-y: 1.5rem;
}
.g-lg-7,
.gx-lg-7 {
--bs-gutter-x: 1.75rem;
}
.g-lg-7,
.gy-lg-7 {
--bs-gutter-y: 1.75rem;
}
.g-lg-8,
.gx-lg-8 {
--bs-gutter-x: 2rem;
}
.g-lg-8,
.gy-lg-8 {
--bs-gutter-y: 2rem;
}
.g-lg-9,
.gx-lg-9 {
--bs-gutter-x: 2.25rem;
}
.g-lg-9,
.gy-lg-9 {
--bs-gutter-y: 2.25rem;
}
.g-lg-10,
.gx-lg-10 {
--bs-gutter-x: 2.5rem;
}
.g-lg-10,
.gy-lg-10 {
--bs-gutter-y: 2.5rem;
}
.g-lg-11,
.gx-lg-11 {
--bs-gutter-x: 2.75rem;
}
.g-lg-11,
.gy-lg-11 {
--bs-gutter-y: 2.75rem;
}
.g-lg-12,
.gx-lg-12 {
--bs-gutter-x: 3rem;
}
.g-lg-12,
.gy-lg-12 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-50,
.gx-xl-50 {
--bs-gutter-x: 0.125rem;
}
.g-xl-50,
.gy-xl-50 {
--bs-gutter-y: 0.125rem;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-1_5,
.gx-xl-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-xl-1_5,
.gy-xl-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 0.75rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 1.25rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 1.25rem;
}
.g-xl-6,
.gx-xl-6 {
--bs-gutter-x: 1.5rem;
}
.g-xl-6,
.gy-xl-6 {
--bs-gutter-y: 1.5rem;
}
.g-xl-7,
.gx-xl-7 {
--bs-gutter-x: 1.75rem;
}
.g-xl-7,
.gy-xl-7 {
--bs-gutter-y: 1.75rem;
}
.g-xl-8,
.gx-xl-8 {
--bs-gutter-x: 2rem;
}
.g-xl-8,
.gy-xl-8 {
--bs-gutter-y: 2rem;
}
.g-xl-9,
.gx-xl-9 {
--bs-gutter-x: 2.25rem;
}
.g-xl-9,
.gy-xl-9 {
--bs-gutter-y: 2.25rem;
}
.g-xl-10,
.gx-xl-10 {
--bs-gutter-x: 2.5rem;
}
.g-xl-10,
.gy-xl-10 {
--bs-gutter-y: 2.5rem;
}
.g-xl-11,
.gx-xl-11 {
--bs-gutter-x: 2.75rem;
}
.g-xl-11,
.gy-xl-11 {
--bs-gutter-y: 2.75rem;
}
.g-xl-12,
.gx-xl-12 {
--bs-gutter-x: 3rem;
}
.g-xl-12,
.gy-xl-12 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-50,
.gx-xxl-50 {
--bs-gutter-x: 0.125rem;
}
.g-xxl-50,
.gy-xxl-50 {
--bs-gutter-y: 0.125rem;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-1_5,
.gx-xxl-1_5 {
--bs-gutter-x: 0.375rem;
}
.g-xxl-1_5,
.gy-xxl-1_5 {
--bs-gutter-y: 0.375rem;
}
.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: 0.75rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 0.75rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 1.25rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 1.25rem;
}
.g-xxl-6,
.gx-xxl-6 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-6,
.gy-xxl-6 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-7,
.gx-xxl-7 {
--bs-gutter-x: 1.75rem;
}
.g-xxl-7,
.gy-xxl-7 {
--bs-gutter-y: 1.75rem;
}
.g-xxl-8,
.gx-xxl-8 {
--bs-gutter-x: 2rem;
}
.g-xxl-8,
.gy-xxl-8 {
--bs-gutter-y: 2rem;
}
.g-xxl-9,
.gx-xxl-9 {
--bs-gutter-x: 2.25rem;
}
.g-xxl-9,
.gy-xxl-9 {
--bs-gutter-y: 2.25rem;
}
.g-xxl-10,
.gx-xxl-10 {
--bs-gutter-x: 2.5rem;
}
.g-xxl-10,
.gy-xxl-10 {
--bs-gutter-y: 2.5rem;
}
.g-xxl-11,
.gx-xxl-11 {
--bs-gutter-x: 2.75rem;
}
.g-xxl-11,
.gy-xxl-11 {
--bs-gutter-y: 2.75rem;
}
.g-xxl-12,
.gx-xxl-12 {
--bs-gutter-x: 3rem;
}
.g-xxl-12,
.gy-xxl-12 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-gray-200);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(34, 48, 62, 0.06);
width: 100%;
margin-bottom: 1rem;
vertical-align: middle;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.782rem 1.25rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
-webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid var(--bs-gray-200);
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.594rem 1.25rem;
}
.table-bordered > :not(caption) > * {
border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--bs-border-width);
}
.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-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #e1e2ff;
--bs-table-border-color: #c6c7e0;
--bs-table-striped-bg: #d4d4f0;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cfd0eb;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d4d4f0;
--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: #e7e9ed;
--bs-table-border-color: #cbcdd1;
--bs-table-striped-bg: #d9dbdf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #d5d6da;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d9dbdf;
--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: #e3f8d7;
--bs-table-border-color: #c8dabd;
--bs-table-striped-bg: #d5e9ca;
--bs-table-striped-color: #000;
--bs-table-active-bg: #d1e4c6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d5e9ca;
--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: #cdf3fb;
--bs-table-border-color: #b4d6dd;
--bs-table-striped-bg: #c1e4ec;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bde0e7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1e4ec;
--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: #ffeecc;
--bs-table-border-color: #e0d1b4;
--bs-table-striped-bg: #f0e0c0;
--bs-table-striped-color: #000;
--bs-table-active-bg: #ebdbbc;
--bs-table-active-color: #000;
--bs-table-hover-bg: #f0e0c0;
--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: #ffd8d2;
--bs-table-border-color: #e0beb9;
--bs-table-striped-bg: #f0cbc5;
--bs-table-striped-color: #000;
--bs-table-active-bg: #ebc7c1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #f0cbc5;
--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: #dbdee0;
--bs-table-border-color: #c1c3c5;
--bs-table-striped-bg: #ced1d3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #c9ccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ced1d3;
--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: #2b2c40;
--bs-table-border-color: #444557;
--bs-table-striped-bg: #38394b;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #3c3d4f;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #38394b;
--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;
}
@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.25rem;
font-size: 0.8125rem;
color: var(--bs-heading-color);
}
.col-form-label {
padding-top: calc(0.543rem + var(--bs-border-width));
padding-bottom: calc(0.543rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.375;
color: var(--bs-heading-color);
}
.col-form-label-lg {
padding-top: calc(0.7075rem + var(--bs-border-width));
padding-bottom: calc(0.7075rem + var(--bs-border-width));
font-size: 1.0625rem;
}
.col-form-label-sm {
padding-top: calc(0.3165rem + var(--bs-border-width));
padding-bottom: calc(0.3165rem + var(--bs-border-width));
font-size: 0.8125rem;
}
.form-text {
margin-top: 0.3rem;
font-size: 0.8125rem;
color: var(--bs-body-color);
}
.form-control {
display: block;
width: 100%;
padding: 0.543rem 0.9375rem;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.375;
color: var(--bs-heading-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
background-clip: padding-box;
border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
border-radius: var(--bs-border-radius);
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
-webkit-transition: none;
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: var(--bs-heading-color);
background-color: transparent;
border-color: var(--bs-primary);
outline: 0;
-webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4);
box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4);
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.375em;
margin: 0;
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::-webkit-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::-moz-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:disabled {
color: var(--bs-secondary-color);
background-color: rgba(var(--bs-base-color-rgb), 0.06);
border-color: rgba(var(--bs-base-color-rgb), 0.24);
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.543rem 0.9375rem;
margin: -0.543rem -0.9375rem;
-webkit-margin-end: 0.9375rem;
margin-inline-end: 0.9375rem;
color: var(--bs-heading-color);
background-color: transparent;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-control::file-selector-button {
padding: 0.543rem 0.9375rem;
margin: -0.543rem -0.9375rem;
-webkit-margin-end: 0.9375rem;
margin-inline-end: 0.9375rem;
color: var(--bs-heading-color);
background-color: transparent;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: rgba(0, 0, 0, 0.05);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgba(0, 0, 0, 0.05);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.543rem 0;
margin-bottom: 0;
line-height: 1.375;
color: var(--bs-heading-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2));
padding: 0.3165rem 0.8125rem;
font-size: 0.8125rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.3165rem 0.8125rem;
margin: -0.3165rem -0.8125rem;
-webkit-margin-end: 0.8125rem;
margin-inline-end: 0.8125rem;
}
.form-control-sm::file-selector-button {
padding: 0.3165rem 0.8125rem;
margin: -0.3165rem -0.8125rem;
-webkit-margin-end: 0.8125rem;
margin-inline-end: 0.8125rem;
}
.form-control-lg {
min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2));
padding: 0.7075rem 1.3125rem;
font-size: 1.0625rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.7075rem 1.3125rem;
margin: -0.7075rem -1.3125rem;
-webkit-margin-end: 1.3125rem;
margin-inline-end: 1.3125rem;
}
.form-control-lg::file-selector-button {
padding: 0.7075rem 1.3125rem;
margin: -0.7075rem -1.3125rem;
-webkit-margin-end: 1.3125rem;
margin-inline-end: 1.3125rem;
}
textarea.form-control {
min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
width: 3rem;
height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2));
padding: 0.543rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2));
}
.form-select {
--bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e');
display: block;
width: 100%;
padding: 0.543rem 2.625rem 0.543rem 0.9375rem;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.375;
color: var(--bs-heading-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.9375rem center;
background-size: 22px 24px;
border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
border-radius: var(--bs-border-radius);
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
-webkit-transition: none;
transition: none;
}
}
.form-select:focus {
border-color: var(--bs-primary);
outline: 0;
-webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4);
box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.9375rem;
background-image: none;
}
.form-select:disabled {
color: var(--bs-secondary-color);
background-color: rgba(var(--bs-base-color-rgb), 0.06);
border-color: rgba(var(--bs-base-color-rgb), 0.24);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-heading-color);
}
.form-select-sm {
padding-top: 0.3165rem;
padding-bottom: 0.3165rem;
padding-left: 0.8125rem;
font-size: 0.8125rem;
border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
padding-top: 0.7075rem;
padding-bottom: 0.7075rem;
padding-left: 1.3125rem;
font-size: 1.0625rem;
border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bdc1c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
display: block;
min-height: 1.3754296875rem;
padding-left: 1.8em;
margin-bottom: 0.5rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.8em;
}
.form-check-reverse {
padding-right: 1.8em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.8em;
margin-left: 0;
}
.form-check-input {
--bs-form-check-bg: transparent;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.2em;
height: 1.2em;
margin-top: 0.0875em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 2px solid var(--bs-secondary-color);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.267em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
-webkit-filter: brightness(90%);
filter: brightness(90%);
}
.form-check-input:focus {
border-color: var(--bs-body-color);
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-check-input:checked {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%23fff' /%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
-webkit-filter: none;
filter: none;
opacity: 0.45;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.45;
}
.form-check-label {
color: var(--bs-heading-color);
cursor: pointer;
}
.form-switch {
padding-left: 2.667em;
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
width: 2em;
margin-left: -2.667em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
-webkit-transition: background-position 0.15s ease-in-out;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
-webkit-transition: none;
transition: none;
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: 95% center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.667em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.667em;
margin-left: 0;
}
.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;
-webkit-filter: none;
filter: none;
opacity: 0.45;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
width: 100%;
height: 1.475rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
-webkit-box-shadow: 0 0 0.25rem 0.05rem color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg));
box-shadow: 0 0 0.25rem 0.05rem color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg));
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0.25rem 0.05rem color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg));
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1.375rem;
height: 1.375rem;
margin-top: -0.5rem;
-webkit-appearance: none;
appearance: none;
background-color: var(--bs-white);
border: 0.25rem solid var(--bs-primary);
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: var(--bs-white);
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.375rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-primary-bg-subtle);
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1.375rem;
height: 1.375rem;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-white);
border: 0.25rem solid var(--bs-primary);
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: var(--bs-white);
}
.form-range::-moz-range-track {
width: 100%;
height: 0.375rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-primary-bg-subtle);
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-white);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-white);
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.9375rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
-webkit-transition: none;
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.9375rem;
}
.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
color: transparent;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.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:not(:-moz-placeholder-shown) ~ label {
color: rgba(var(--bs-body-color-rgb), 0.75);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
color: rgba(var(--bs-body-color-rgb), 0.75);
-ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.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 {
color: rgba(var(--bs-body-color-rgb), 0.75);
-webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
-ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
position: absolute;
inset: 1rem 0.46875rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: transparent;
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after {
position: absolute;
inset: 1rem 0.46875rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: transparent;
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
position: absolute;
inset: 1rem 0.46875rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: transparent;
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
color: rgba(var(--bs-body-color-rgb), 0.75);
-webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
color: #7a838b;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
background-color: rgba(var(--bs-base-color-rgb), 0.06);
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 5;
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.543rem 0.9375rem;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.375;
color: var(--bs-heading-color);
text-align: center;
white-space: nowrap;
background-color: transparent;
border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.7075rem 1.3125rem;
font-size: 1.0625rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.3165rem 0.8125rem;
font-size: 0.8125rem;
border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3.5625rem;
}
.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-end-end-radius: 0;
border-start-end-radius: 0;
}
.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-end-end-radius: 0;
border-start-end-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.3rem;
font-size: 0.8125rem;
color: var(--bs-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.379rem 0.75rem;
margin-top: 0.1rem;
font-size: 0.8125rem;
color: #fff;
background-color: var(--bs-success);
border-radius: 0.25rem;
}
.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: var(--bs-form-valid-border-color);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.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.3rem;
font-size: 0.8125rem;
color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.379rem 0.75rem;
margin-top: 0.1rem;
font-size: 0.8125rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: 0.25rem;
}
.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: var(--bs-form-invalid-border-color);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-webkit-box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.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;
}
.btn {
--bs-btn-padding-x: 1.25rem;
--bs-btn-padding-y: 0.4812rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 0.9375rem;
--bs-btn-font-weight: 500;
--bs-btn-line-height: 1.375;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-disabled-opacity: 0.45;
--bs-btn-focus-box-shadow: 0 0 0 0.05rem 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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
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);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
-webkit-transition: none;
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;
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
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 {
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
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: #fff;
--bs-btn-bg: #696cff;
--bs-btn-border-color: #696cff;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5f61e6;
--bs-btn-hover-border-color: #5456cc;
--bs-btn-focus-shadow-rgb: 128, 130, 255;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #5f61e6;
--bs-btn-active-border-color: #4f51bf;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #696cff;
--bs-btn-disabled-border-color: #696cff;
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #8592a3;
--bs-btn-border-color: #8592a3;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #788393;
--bs-btn-hover-border-color: #6a7582;
--bs-btn-focus-shadow-rgb: 151, 162, 177;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #788393;
--bs-btn-active-border-color: #646e7a;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #8592a3;
--bs-btn-disabled-border-color: #8592a3;
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #71dd37;
--bs-btn-border-color: #71dd37;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #66c732;
--bs-btn-hover-border-color: #5ab12c;
--bs-btn-focus-shadow-rgb: 134, 226, 85;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #66c732;
--bs-btn-active-border-color: #55a629;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #71dd37;
--bs-btn-disabled-border-color: #71dd37;
}
.btn-info {
--bs-btn-color: #fff;
--bs-btn-bg: #03c3ec;
--bs-btn-border-color: #03c3ec;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #03b0d4;
--bs-btn-hover-border-color: #029cbd;
--bs-btn-focus-shadow-rgb: 41, 204, 239;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #03b0d4;
--bs-btn-active-border-color: #0292b1;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #03c3ec;
--bs-btn-disabled-border-color: #03c3ec;
}
.btn-warning {
--bs-btn-color: #fff;
--bs-btn-bg: #ffab00;
--bs-btn-border-color: #ffab00;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #e69a00;
--bs-btn-hover-border-color: #cc8900;
--bs-btn-focus-shadow-rgb: 255, 184, 38;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #e69a00;
--bs-btn-active-border-color: #bf8000;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #ffab00;
--bs-btn-disabled-border-color: #ffab00;
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #ff3e1d;
--bs-btn-border-color: #ff3e1d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #e6381a;
--bs-btn-hover-border-color: #cc3217;
--bs-btn-focus-shadow-rgb: 255, 91, 63;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #e6381a;
--bs-btn-active-border-color: #bf2f16;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #ff3e1d;
--bs-btn-disabled-border-color: #ff3e1d;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #dbdee0;
--bs-btn-border-color: #dbdee0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #c5c8ca;
--bs-btn-hover-border-color: #afb2b3;
--bs-btn-focus-shadow-rgb: 186, 189, 190;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c5c8ca;
--bs-btn-active-border-color: #a4a7a8;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #dbdee0;
--bs-btn-disabled-border-color: #dbdee0;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #2b2c40;
--bs-btn-border-color: #2b2c40;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #4b4c5d;
--bs-btn-hover-border-color: #404153;
--bs-btn-focus-shadow-rgb: 75, 76, 93;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #555666;
--bs-btn-active-border-color: #404153;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #2b2c40;
--bs-btn-disabled-border-color: #2b2c40;
}
.btn-gray {
--bs-btn-color: #fff;
--bs-btn-bg: #91979f;
--bs-btn-border-color: #91979f;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #83888f;
--bs-btn-hover-border-color: #74797f;
--bs-btn-focus-shadow-rgb: 162, 167, 173;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #83888f;
--bs-btn-active-border-color: #6d7177;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #91979f;
--bs-btn-disabled-border-color: #91979f;
}
.btn-outline-primary {
--bs-btn-color: #696cff;
--bs-btn-border-color: #696cff;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #696cff;
--bs-btn-hover-border-color: #696cff;
--bs-btn-focus-shadow-rgb: 105, 108, 255;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #696cff;
--bs-btn-active-border-color: #696cff;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #696cff;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #696cff;
--bs-gradient: none;
}
.btn-outline-secondary {
--bs-btn-color: #8592a3;
--bs-btn-border-color: #8592a3;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #8592a3;
--bs-btn-hover-border-color: #8592a3;
--bs-btn-focus-shadow-rgb: 133, 146, 163;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #8592a3;
--bs-btn-active-border-color: #8592a3;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #8592a3;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #8592a3;
--bs-gradient: none;
}
.btn-outline-success {
--bs-btn-color: #71dd37;
--bs-btn-border-color: #71dd37;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #71dd37;
--bs-btn-hover-border-color: #71dd37;
--bs-btn-focus-shadow-rgb: 113, 221, 55;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #71dd37;
--bs-btn-active-border-color: #71dd37;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #71dd37;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #71dd37;
--bs-gradient: none;
}
.btn-outline-info {
--bs-btn-color: #03c3ec;
--bs-btn-border-color: #03c3ec;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #03c3ec;
--bs-btn-hover-border-color: #03c3ec;
--bs-btn-focus-shadow-rgb: 3, 195, 236;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #03c3ec;
--bs-btn-active-border-color: #03c3ec;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #03c3ec;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #03c3ec;
--bs-gradient: none;
}
.btn-outline-warning {
--bs-btn-color: #ffab00;
--bs-btn-border-color: #ffab00;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #ffab00;
--bs-btn-hover-border-color: #ffab00;
--bs-btn-focus-shadow-rgb: 255, 171, 0;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #ffab00;
--bs-btn-active-border-color: #ffab00;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #ffab00;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffab00;
--bs-gradient: none;
}
.btn-outline-danger {
--bs-btn-color: #ff3e1d;
--bs-btn-border-color: #ff3e1d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #ff3e1d;
--bs-btn-hover-border-color: #ff3e1d;
--bs-btn-focus-shadow-rgb: 255, 62, 29;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #ff3e1d;
--bs-btn-active-border-color: #ff3e1d;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #ff3e1d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ff3e1d;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #dbdee0;
--bs-btn-border-color: #dbdee0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #dbdee0;
--bs-btn-hover-border-color: #dbdee0;
--bs-btn-focus-shadow-rgb: 219, 222, 224;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #dbdee0;
--bs-btn-active-border-color: #dbdee0;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #dbdee0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dbdee0;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #2b2c40;
--bs-btn-border-color: #2b2c40;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #2b2c40;
--bs-btn-hover-border-color: #2b2c40;
--bs-btn-focus-shadow-rgb: 43, 44, 64;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #2b2c40;
--bs-btn-active-border-color: #2b2c40;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #2b2c40;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #2b2c40;
--bs-gradient: none;
}
.btn-outline-gray {
--bs-btn-color: #91979f;
--bs-btn-border-color: #91979f;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #91979f;
--bs-btn-hover-border-color: #91979f;
--bs-btn-focus-shadow-rgb: 145, 151, 159;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #91979f;
--bs-btn-active-border-color: #91979f;
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: #91979f;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #91979f;
--bs-gradient: none;
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #7a838b;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 128, 130, 255;
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.708rem;
--bs-btn-padding-x: 1.5rem;
--bs-btn-font-size: 1.0625rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.317rem;
--bs-btn-padding-x: 0.75rem;
--bs-btn-font-size: 0.8125rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
-webkit-transition: none;
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
-webkit-transition: none;
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
-webkit-transition: width 0.35s ease;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
-webkit-transition: none;
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.5em;
vertical-align: middle;
content: "";
border: 2px solid;
block-size: 0.55em;
-webkit-border-before: 0;
border-block-start: 0;
-webkit-border-start: 0;
border-inline-start: 0;
inline-size: 0.55em;
-webkit-margin-before: -0.29425em;
margin-block-start: -0.29425em;
margin-inline: 0.8em 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 0.9375rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-paper-bg);
--bs-dropdown-border-color: var(--bs-border-color);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: 0;
--bs-dropdown-inner-border-radius: 0;
--bs-dropdown-divider-bg: var(--bs-border-color);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow-lg);
--bs-dropdown-link-color: var(--bs-heading-color);
--bs-dropdown-link-hover-color: var(--bs-heading-color);
--bs-dropdown-link-hover-bg: rgba(var(--bs-base-color-rgb), 0.06);
--bs-dropdown-link-active-color: var(--bs-primary);
--bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16);
--bs-dropdown-link-disabled-color: var(--bs-secondary-color);
--bs-dropdown-item-padding-x: 1.25rem;
--bs-dropdown-item-padding-y: 0.543rem;
--bs-dropdown-header-color: var(--bs-secondary-color);
--bs-dropdown-header-padding-x: 1.25rem;
--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);
}
.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;
}
.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);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.5em;
vertical-align: middle;
content: "";
border: 2px solid;
block-size: 0.55em;
-webkit-border-after: 0;
border-block-end: 0;
-webkit-border-start: 0;
border-inline-start: 0;
inline-size: 0.55em;
-webkit-margin-before: 0.26675em;
margin-block-start: 0.26675em;
margin-inline: 0.8em 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.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: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.5em;
vertical-align: middle;
content: "";
border: 2px solid;
block-size: 0.55em;
-webkit-border-before: 0;
border-block-start: 0;
-webkit-border-start: 0;
border-inline-start: 0;
inline-size: 0.55em;
-webkit-margin-before: 0;
margin-block-start: 0;
margin-inline: 0.5em 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.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: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.5em;
vertical-align: middle;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.5em;
vertical-align: middle;
content: "";
border: 2px solid;
block-size: 0.55em;
-webkit-border-before: 0;
border-block-start: 0;
-webkit-border-end: 0;
border-inline-end: 0;
inline-size: 0.55em;
-webkit-margin-before: 0;
margin-block-start: 0;
margin-inline: 0 0.5em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.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;
}
.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;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.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;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.8125rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.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: #bdc1c5;
--bs-dropdown-bg: #4e5965;
--bs-dropdown-border-color: var(--bs-border-color);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #bdc1c5;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: var(--bs-primary);
--bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16);
--bs-dropdown-link-disabled-color: #91979f;
--bs-dropdown-header-color: #91979f;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width) * -1);
}
.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-end-end-radius: 0;
border-start-end-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.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.5625rem;
padding-left: 0.5625rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
.btn-group-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
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: calc(var(--bs-border-width) * -1);
}
.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 {
--bs-nav-link-padding-x: 1.375rem;
--bs-nav-link-padding-y: 0.5435rem;
--bs-nav-link-font-size: 0.9375rem;
--bs-nav-link-font-weight: 500;
--bs-nav-link-color: var(--bs-heading-color);
--bs-nav-link-hover-color: var(--bs-primary);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.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);
background: none;
border: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
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 {
-webkit-transition: none;
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
-webkit-box-shadow: 0 0 0 0.15rem rgba(100, 110, 120, 0.75);
box-shadow: 0 0 0 0.15rem rgba(100, 110, 120, 0.75);
}
.nav-link.disabled, .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-primary);
--bs-nav-tabs-link-active-bg: transparent;
--bs-nav-tabs-link-active-border-color: var(--bs-primary);
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));
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.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;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: var(--bs-white);
--bs-nav-pills-link-active-bg: var(--bs-primary);
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.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-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
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 {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: var(--bs-heading-color);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: var(--bs-secondary-color);
--bs-navbar-active-color: var(--bs-heading-color);
--bs-navbar-brand-padding-y: 0.4575625rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.0625rem;
--bs-navbar-brand-color: var(--bs-heading-color);
--bs-navbar-brand-hover-color: var(--bs-heading-color);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0;
--bs-navbar-toggler-padding-x: 0;
--bs-navbar-toggler-font-size: 1rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--bs-heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E");
--bs-navbar-toggler-border-color: transparent;
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
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.5435rem;
--bs-nav-link-font-size: 0.9375rem;
--bs-nav-link-font-weight: 500;
--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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5435rem;
padding-bottom: 0.5435rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.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);
-webkit-transition: var(--bs-navbar-toggler-transition);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
-webkit-transition: none;
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
-webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
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;
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
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 {
d
gitextract_g_z9xlv3/ ├── .browserslistrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.json ├── .gitattributes ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug.yml │ │ ├── config.yml │ │ └── feature-request.yml │ └── workflows/ │ ├── handle-new-issue-comment.yml │ ├── handle-new-issue.yml │ └── issue-staler.yml ├── .gitignore ├── .npmrc ├── .prettierignore ├── .prettierrc.json ├── .stylelintignore ├── .stylelintrc.json ├── .vscode/ │ ├── extensions.json │ └── settings.json ├── CHANGELOG.md ├── LICENSE ├── LICENSE.md ├── README.md ├── assets/ │ ├── css/ │ │ └── demo.css │ ├── js/ │ │ ├── config.js │ │ ├── dashboards-analytics.js │ │ ├── extended-ui-perfect-scrollbar.js │ │ ├── form-basic-inputs.js │ │ ├── main.js │ │ ├── pages-account-settings-account.js │ │ ├── ui-modals.js │ │ ├── ui-popover.js │ │ └── ui-toasts.js │ └── vendor/ │ ├── css/ │ │ ├── core.css │ │ └── pages/ │ │ ├── page-auth.css │ │ ├── page-icons.css │ │ └── page-misc.css │ ├── fonts/ │ │ └── iconify-icons.css │ ├── js/ │ │ ├── bootstrap.js │ │ ├── helpers.js │ │ └── menu.js │ └── libs/ │ ├── apex-charts/ │ │ ├── apex-charts.css │ │ └── apexcharts.js │ ├── highlight/ │ │ ├── highlight-github.css │ │ ├── highlight.css │ │ └── highlight.js │ ├── jquery/ │ │ └── jquery.js │ ├── masonry/ │ │ └── masonry.js │ ├── perfect-scrollbar/ │ │ ├── perfect-scrollbar.css │ │ └── perfect-scrollbar.js │ └── popper/ │ └── popper.js ├── build-config.js ├── documentation.html ├── fonts/ │ └── iconify/ │ └── iconify.js ├── gulpfile.js ├── hire-us.html ├── html/ │ ├── auth-forgot-password-basic.html │ ├── auth-login-basic.html │ ├── auth-register-basic.html │ ├── cards-basic.html │ ├── extended-ui-perfect-scrollbar.html │ ├── extended-ui-text-divider.html │ ├── form-layouts-horizontal.html │ ├── form-layouts-vertical.html │ ├── forms-basic-inputs.html │ ├── forms-input-groups.html │ ├── icons-boxicons.html │ ├── index.html │ ├── layouts-blank.html │ ├── layouts-container.html │ ├── layouts-fluid.html │ ├── layouts-without-menu.html │ ├── layouts-without-navbar.html │ ├── pages-account-settings-account.html │ ├── pages-account-settings-connections.html │ ├── pages-account-settings-notifications.html │ ├── pages-misc-error.html │ ├── pages-misc-under-maintenance.html │ ├── tables-basic.html │ ├── ui-accordion.html │ ├── ui-alerts.html │ ├── ui-badges.html │ ├── ui-buttons.html │ ├── ui-carousel.html │ ├── ui-collapse.html │ ├── ui-dropdowns.html │ ├── ui-footer.html │ ├── ui-list-groups.html │ ├── ui-modals.html │ ├── ui-navbar.html │ ├── ui-offcanvas.html │ ├── ui-pagination-breadcrumbs.html │ ├── ui-progress.html │ ├── ui-spinners.html │ ├── ui-tabs-pills.html │ ├── ui-toasts.html │ ├── ui-tooltips-popovers.html │ └── ui-typography.html ├── index.html ├── js/ │ ├── bootstrap.js │ ├── helpers.js │ └── menu.js ├── libs/ │ ├── apex-charts/ │ │ ├── apex-charts.scss │ │ └── apexcharts.js │ ├── highlight/ │ │ ├── highlight-github.scss │ │ ├── highlight.js │ │ └── highlight.scss │ ├── jquery/ │ │ └── jquery.js │ ├── masonry/ │ │ └── masonry.js │ ├── perfect-scrollbar/ │ │ ├── perfect-scrollbar.js │ │ └── perfect-scrollbar.scss │ └── popper/ │ └── popper.js ├── package.json ├── scss/ │ ├── _bootstrap-extended/ │ │ ├── _accordion.scss │ │ ├── _alert.scss │ │ ├── _badge.scss │ │ ├── _breadcrumb.scss │ │ ├── _button-group.scss │ │ ├── _buttons.scss │ │ ├── _card.scss │ │ ├── _carousel.scss │ │ ├── _dropdown.scss │ │ ├── _forms.scss │ │ ├── _functions.scss │ │ ├── _helpers.scss │ │ ├── _include.scss │ │ ├── _list-group.scss │ │ ├── _mixins.scss │ │ ├── _modal.scss │ │ ├── _nav.scss │ │ ├── _navbar.scss │ │ ├── _offcanvas.scss │ │ ├── _pagination.scss │ │ ├── _popover.scss │ │ ├── _progress.scss │ │ ├── _reboot.scss │ │ ├── _root.scss │ │ ├── _spinners.scss │ │ ├── _tables.scss │ │ ├── _toasts.scss │ │ ├── _tooltip.scss │ │ ├── _type.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── forms/ │ │ │ ├── _floating-labels.scss │ │ │ ├── _form-check.scss │ │ │ ├── _form-control.scss │ │ │ ├── _form-range.scss │ │ │ ├── _form-select.scss │ │ │ ├── _input-group.scss │ │ │ └── _labels.scss │ │ ├── helpers/ │ │ │ └── _color-bg.scss │ │ └── mixins/ │ │ ├── _border-radius.scss │ │ ├── _caret.scss │ │ └── _misc.scss │ ├── _bootstrap-extended.scss │ ├── _bootstrap.scss │ ├── _colors.scss │ ├── _components/ │ │ ├── _app-brand.scss │ │ ├── _avatar.scss │ │ ├── _base.scss │ │ ├── _common.scss │ │ ├── _footer.scss │ │ ├── _include.scss │ │ ├── _layout.scss │ │ ├── _menu.scss │ │ ├── _root.scss │ │ ├── _text-divider.scss │ │ └── _variables.scss │ ├── _components.scss │ ├── _custom-styles.scss │ ├── _custom-variables/ │ │ ├── _bootstrap-extended.scss │ │ └── _components.scss │ ├── core.scss │ └── pages/ │ ├── page-auth.scss │ ├── page-icons.scss │ └── page-misc.scss ├── tasks/ │ ├── build.js │ └── prod.js └── webpack.config.js
SYMBOL INDEX (100 symbols across 14 files)
FILE: assets/js/main.js
function isMacOS (line 127) | function isMacOS() {
FILE: assets/js/ui-toasts.js
function toastDispose (line 15) | function toastDispose(toast) {
FILE: assets/vendor/js/bootstrap.js
function __webpack_require__ (line 1) | function __webpack_require__(e){var n=__webpack_module_cache__[e];if(voi...
FILE: assets/vendor/libs/apex-charts/apexcharts.js
function __webpack_require__ (line 1) | function __webpack_require__(t){var e=__webpack_module_cache__[t];if(voi...
FILE: assets/vendor/libs/highlight/highlight.js
function __webpack_require__ (line 1) | function __webpack_require__(n){var e=__webpack_module_cache__[n];if(voi...
FILE: assets/vendor/libs/jquery/jquery.js
function __webpack_require__ (line 1) | function __webpack_require__(t){var e=__webpack_module_cache__[t];if(voi...
FILE: assets/vendor/libs/masonry/masonry.js
function __webpack_require__ (line 1) | function __webpack_require__(n){var e=__webpack_module_cache__[n];if(voi...
FILE: assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js
function __webpack_require__ (line 1) | function __webpack_require__(e){var n=__webpack_module_cache__[e];if(voi...
FILE: assets/vendor/libs/popper/popper.js
function __webpack_require__ (line 1) | function __webpack_require__(e){var t=__webpack_module_cache__[e];if(voi...
FILE: fonts/iconify/iconify.js
function organizeIconsList (line 134) | function organizeIconsList(icons) {
FILE: gulpfile.js
function srcGlob (line 32) | function srcGlob(...src) {
FILE: js/helpers.js
constant TRANS_EVENTS (line 2) | const TRANS_EVENTS = ['transitionend', 'webkitTransitionEnd', 'oTransiti...
constant TRANS_PROPERTIES (line 3) | const TRANS_PROPERTIES = ['transition', 'MozTransition', 'webkitTransiti...
constant INLINE_STYLES (line 6) | const INLINE_STYLES = `
function requiredParam (line 16) | function requiredParam(name) {
method _scrollToActive (line 53) | _scrollToActive(animate = false, duration = 500) {
method _addClass (line 109) | _addClass(cls, el = this.ROOT_EL) {
method _removeClass (line 125) | _removeClass(cls, el = this.ROOT_EL) {
method _toggleClass (line 140) | _toggleClass(el = this.ROOT_EL, cls1, cls2) {
method _hasClass (line 150) | _hasClass(cls, el = this.ROOT_EL) {
method _findParent (line 160) | _findParent(el, cls) {
method _triggerWindowEvent (line 172) | _triggerWindowEvent(name) {
method _triggerEvent (line 193) | _triggerEvent(name) {
method _updateInlineStyle (line 201) | _updateInlineStyle(navbarHeight = 0, footerHeight = 0) {
method _removeInlineStyle (line 221) | _removeInlineStyle() {
method _redrawLayoutMenu (line 229) | _redrawLayoutMenu() {
method _supportsTransitionEnd (line 251) | _supportsTransitionEnd() {
method _getNavbarHeight (line 268) | _getNavbarHeight() {
method _getFooterHeight (line 294) | _getFooterHeight() {
method _getAnimationDuration (line 304) | _getAnimationDuration(el) {
method _setMenuHoverState (line 312) | _setMenuHoverState(hovered) {
method _setCollapsed (line 318) | _setCollapsed(collapsed) {
method _bindLayoutAnimationEndEvent (line 335) | _bindLayoutAnimationEndEvent(modifier, cb) {
method _unbindLayoutAnimationEndEvent (line 364) | _unbindLayoutAnimationEndEvent() {
method _bindWindowResizeEvent (line 385) | _bindWindowResizeEvent() {
method _unbindWindowResizeEvent (line 406) | _unbindWindowResizeEvent() {
method _bindMenuMouseEvents (line 418) | _bindMenuMouseEvents() {
method _unbindMenuMouseEvents (line 453) | _unbindMenuMouseEvents() {
method scrollToActive (line 486) | scrollToActive(animate = false) {
method setCollapsed (line 492) | setCollapsed(collapsed = requiredParam('collapsed'), animate = true) {
method toggleCollapsed (line 533) | toggleCollapsed(animate = true) {
method setPosition (line 539) | setPosition(fixed = requiredParam('fixed'), offcanvas = requiredParam('o...
method getLayoutMenu (line 558) | getLayoutMenu() {
method getMenu (line 562) | getMenu() {
method getLayoutNavbar (line 570) | getLayoutNavbar() {
method getLayoutFooter (line 574) | getLayoutFooter() {
method update (line 581) | update() {
method setAutoUpdate (line 593) | setAutoUpdate(enable = requiredParam('enable')) {
method isMobileDevice (line 606) | isMobileDevice() {
method isSmallScreen (line 610) | isSmallScreen() {
method isLayoutNavbarFull (line 616) | isLayoutNavbarFull() {
method isCollapsed (line 620) | isCollapsed() {
method isFixed (line 627) | isFixed() {
method isNavbarFixed (line 631) | isNavbarFixed() {
method isFooterFixed (line 637) | isFooterFixed() {
method isLightStyle (line 641) | isLightStyle() {
method on (line 648) | on(event = requiredParam('event'), callback = requiredParam('callback')) {
method off (line 657) | off(event = requiredParam('event')) {
method init (line 670) | init() {
method destroy (line 706) | destroy() {
method initPasswordToggle (line 727) | initPasswordToggle() {
method initSpeechToText (line 751) | initSpeechToText() {
method ajaxCall (line 785) | ajaxCall(url) {
method initSidebarToggle (line 797) | initSidebarToggle() {
method getCssVar (line 831) | getCssVar(color, isChartJs = false) {
FILE: js/menu.js
constant TRANSITION_EVENTS (line 1) | const TRANSITION_EVENTS = ['transitionend', 'webkitTransitionEnd', 'oTra...
class Menu (line 4) | class Menu {
method constructor (line 5) | constructor(el, config = {}, _PS = null) {
method _bindEvents (line 54) | _bindEvents() {
method childOf (line 92) | static childOf(/* child node */ c, /* parent node */ p) {
method _unbindEvents (line 101) | _unbindEvents() {
method _isRoot (line 138) | static _isRoot(item) {
method _findParent (line 142) | static _findParent(el, cls, throwError = true) {
method _findChild (line 156) | static _findChild(el, cls) {
method _findMenu (line 175) | static _findMenu(item) {
method _hasClass (line 190) | static _hasClass(cls, el = window.Helpers.ROOT_EL) {
method open (line 200) | open(el, closeChildren = this._closeChildren) {
method close (line 230) | close(el, closeChildren = this._closeChildren, _autoClose = false) {
method _closeOther (line 260) | _closeOther(item, closeChildren) {
method toggle (line 268) | toggle(el, closeChildren = this._closeChildren) {
method _getItem (line 276) | static _getItem(el, toggle) {
method _getLink (line 293) | static _getLink(el, toggle) {
method _findUnopenedParent (line 305) | _findUnopenedParent(item, closeChildren) {
method _toggleAnimation (line 350) | _toggleAnimation(open, item, closeChildren) {
method _bindAnimationEndEvent (line 405) | static _bindAnimationEndEvent(el, handler) {
method _getItemOffset (line 423) | _getItemOffset(item) {
method _promisify (line 438) | static _promisify(fn, ...args) {
method _innerWidth (line 449) | get _innerWidth() {
method _innerPosition (line 462) | get _innerPosition() {
method _innerPosition (line 466) | set _innerPosition(value) {
method _unbindAnimationEndEvent (line 471) | static _unbindAnimationEndEvent(el) {
method closeAll (line 485) | closeAll(closeChildren = this._closeChildren) {
method setDisabled (line 491) | static setDisabled(el, disabled) {
method isActive (line 495) | static isActive(el) {
method isOpened (line 499) | static isOpened(el) {
method isDisabled (line 503) | static isDisabled(el) {
method update (line 507) | update() {
method manageScroll (line 513) | manageScroll() {
method destroy (line 536) | destroy() {
FILE: webpack.config.js
constant TRANSPILE_PACKAGES (line 17) | const TRANSPILE_PACKAGES = ['bootstrap', 'popper.js', 'shepherd.js'];
Condensed preview — 180 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (8,103K chars).
[
{
"path": ".browserslistrc",
"chars": 29,
"preview": ">= 0.5%\nlast 4 major versions"
},
{
"path": ".editorconfig",
"chars": 262,
"preview": "# Editor configuration, see http://editorconfig.org\nroot = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = "
},
{
"path": ".eslintignore",
"chars": 18,
"preview": "**/*.*\n!js/**/*.js"
},
{
"path": ".eslintrc.json",
"chars": 531,
"preview": "{\n \"env\": {\n \"browser\": true,\n \"commonjs\": true,\n \"es6\": true,\n \"jquery\": true\n },\n \"plugins\": [\"prettier"
},
{
"path": ".gitattributes",
"chars": 5015,
"preview": "* text eol=lf\n\n## GITATTRIBUTES FOR WEB PROJECTS\n#\n# These settings are for any web project.\n#\n# Details per file settin"
},
{
"path": ".github/ISSUE_TEMPLATE/bug.yml",
"chars": 819,
"preview": "name: Bug 🐞\ndescription: Report a bug\nlabels: [support, bug]\nbody:\n - type: markdown\n attributes:\n value: |\n "
},
{
"path": ".github/ISSUE_TEMPLATE/config.yml",
"chars": 28,
"preview": "blank_issues_enabled: false\n"
},
{
"path": ".github/ISSUE_TEMPLATE/feature-request.yml",
"chars": 512,
"preview": "name: Feature request ✨\ndescription: Suggest an idea or ask for a feature that you would like to have\nlabels: [support, "
},
{
"path": ".github/workflows/handle-new-issue-comment.yml",
"chars": 376,
"preview": "name: '💬 Handle new issue comment'\non:\n issue_comment:\n types: [created]\n\njobs:\n handle_new_issue_comment:\n runs"
},
{
"path": ".github/workflows/handle-new-issue.yml",
"chars": 467,
"preview": "name: 'Handle new issue'\non:\n issues:\n types: [opened]\n\njobs:\n handle_new_issue:\n runs-on: ubuntu-latest\n nam"
},
{
"path": ".github/workflows/issue-staler.yml",
"chars": 680,
"preview": "name: '😶🌫️ Close stale issues and PRs'\non:\n schedule:\n - cron: '30 1 * * *'\n\njobs:\n stale:\n runs-on: ubuntu-lat"
},
{
"path": ".gitignore",
"chars": 809,
"preview": "# System Files\n.DS_Store\n.AppleDouble\n.LSOverride\n\n# Thumbnails\n._*\nThumbs.db\nehthumbs.db\nehthumbs_vista.db\n\n# Dump file"
},
{
"path": ".npmrc",
"chars": 23,
"preview": "legacy-peer-deps = true"
},
{
"path": ".prettierignore",
"chars": 24,
"preview": "dist\nnode_modules\nbuild\n"
},
{
"path": ".prettierrc.json",
"chars": 567,
"preview": "{\n \"arrowParens\": \"avoid\",\n \"bracketSpacing\": true,\n \"bracketSameLine\": true,\n \"htmlWhitespaceSensitivity\": \"css\",\n "
},
{
"path": ".stylelintignore",
"chars": 31,
"preview": "dist\nnode_modules\nbuild\n_temp/\n"
},
{
"path": ".stylelintrc.json",
"chars": 4107,
"preview": "{\n \"extends\": [\n \"stylelint-config-standard-scss\",\n \"stylelint-config-idiomatic-order\",\n \"@stylistic/stylelint"
},
{
"path": ".vscode/extensions.json",
"chars": 378,
"preview": "{\n \"recommendations\": [\n \"esbenp.prettier-vscode\",\n \"editorconfig.editorconfig\",\n \"dbaeumer.vscode-eslint\",\n "
},
{
"path": ".vscode/settings.json",
"chars": 1611,
"preview": "{\n \"editor.wordWrap\": \"off\",\n \"editor.formatOnSave\": true,\n \"editor.codeActionsOnSave\": {\n \"source.fixAll\": \"expli"
},
{
"path": "CHANGELOG.md",
"chars": 1242,
"preview": "# Changelog\n\nAll notable changes to this template will be documented in this file.\n\n## v3.0.0 (2025-02-25)\n\n### Added\n\n-"
},
{
"path": "LICENSE",
"chars": 1071,
"preview": "MIT License\n\nCopyright (c) 2022 ThemeSelection\n\nPermission is hereby granted, free of charge, to any person obtaining a "
},
{
"path": "LICENSE.md",
"chars": 1102,
"preview": "MIT License\n\nCopyright (c) 2021 [ThemeSelection](https://themeselection.com/)\n\nPermission is hereby granted, free of cha"
},
{
"path": "README.md",
"chars": 22222,
"preview": "<p align=\"center\">\n <a href=\"https://themeselection.com/item/sneat-free-bootstrap-html-admin-template/\" target=\"_blank"
},
{
"path": "assets/css/demo.css",
"chars": 2867,
"preview": "/*\n* demo.css\n* File include item demo only specific css only\n**********************************************************"
},
{
"path": "assets/js/config.js",
"chars": 1756,
"preview": "/**\n * Config\n * -------------------------------------------------------------------------------------\n * ! IMPORTANT: M"
},
{
"path": "assets/js/dashboards-analytics.js",
"chars": 19548,
"preview": "/**\n * Dashboard Analytics\n */\n\n'use strict';\n\ndocument.addEventListener('DOMContentLoaded', function (e) {\n let cardCo"
},
{
"path": "assets/js/extended-ui-perfect-scrollbar.js",
"chars": 1081,
"preview": "/**\n * Perfect Scrollbar\n */\n'use strict';\n\ndocument.addEventListener('DOMContentLoaded', function () {\n (function () {"
},
{
"path": "assets/js/form-basic-inputs.js",
"chars": 188,
"preview": "/**\n * Form Basic Inputs\n */\n\n'use strict';\n\n(function () {\n // Indeterminate checkbox\n const checkbox = document.getE"
},
{
"path": "assets/js/main.js",
"chars": 4142,
"preview": "/**\n * Main\n */\n\n'use strict';\n\nlet menu,\n animate;\ndocument.addEventListener('DOMContentLoaded', function () {\n // cl"
},
{
"path": "assets/js/pages-account-settings-account.js",
"chars": 852,
"preview": "/**\n * Account Settings - Account\n */\n\n'use strict';\n\ndocument.addEventListener('DOMContentLoaded', function (e) {\n (fu"
},
{
"path": "assets/js/ui-modals.js",
"chars": 1068,
"preview": "/**\n * UI Modals\n */\n\n'use strict';\n\n(function () {\n // On hiding modal, remove iframe video/audio to stop playing\n co"
},
{
"path": "assets/js/ui-popover.js",
"chars": 443,
"preview": "// /**\n// * UI Tooltips & Popovers\n// */\n\n'use strict';\n\n(function () {\n const popoverTriggerList = [].slice.call(doc"
},
{
"path": "assets/js/ui-toasts.js",
"chars": 1349,
"preview": "/**\n * UI Toasts\n */\n\n'use strict';\n\ndocument.addEventListener('DOMContentLoaded', function (e) {\n // Bootstrap toasts "
},
{
"path": "assets/vendor/css/core.css",
"chars": 799984,
"preview": "@charset \"UTF-8\";\n/*!\n * Bootstrap v5.3.3 (https://getbootstrap.com/)\n * Copyright 2011-2024 The Bootstrap Authors\n * L"
},
{
"path": "assets/vendor/css/pages/page-auth.css",
"chars": 29337,
"preview": "@charset \"UTF-8\";\n/* Authentication\n******************************************************************************* */\n."
},
{
"path": "assets/vendor/css/pages/page-icons.css",
"chars": 715,
"preview": "/* Page Icons (Page specific only)\n******************************************************************************* */\n#i"
},
{
"path": "assets/vendor/css/pages/page-misc.css",
"chars": 636,
"preview": "/* Miscellaneous\n******************************************************************************* */\n.misc-wrapper {\n di"
},
{
"path": "assets/vendor/fonts/iconify-icons.css",
"chars": 1283601,
"preview": ".bx {\n display: inline-block;\n width: 1em;\n height: 1em;\n background-color: currentColor;\n -webkit-mask-image: var("
},
{
"path": "assets/vendor/js/bootstrap.js",
"chars": 336215,
"preview": "!function(e,n){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=n();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/js/helpers.js",
"chars": 32408,
"preview": "!function(e,n){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=n();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/js/menu.js",
"chars": 23975,
"preview": "!function(n,e){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=e();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/apex-charts/apex-charts.css",
"chars": 17676,
"preview": "/**\n* Apex Charts\n*/\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes resizeanim {"
},
{
"path": "assets/vendor/libs/apex-charts/apexcharts.js",
"chars": 572774,
"preview": "!function(t,e){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=e();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/highlight/highlight-github.css",
"chars": 42,
"preview": "@import \"highlight.js/styles/github.css\";\n"
},
{
"path": "assets/vendor/libs/highlight/highlight.css",
"chars": 2690,
"preview": "pre code.hljs {\n display: block;\n overflow-x: auto;\n padding: 1em;\n}\n\ncode.hljs {\n padding: 3px 5px;\n}\n\n/*\n\nAtom One"
},
{
"path": "assets/vendor/libs/highlight/highlight.js",
"chars": 1648159,
"preview": "!function(n,e){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=e();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/jquery/jquery.js",
"chars": 322748,
"preview": "!function(t,e){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=e();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/masonry/masonry.js",
"chars": 66540,
"preview": "!function(n,e){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=e();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css",
"chars": 4185,
"preview": "/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n to"
},
{
"path": "assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js",
"chars": 43200,
"preview": "!function(e,n){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=n();else if(\"function\"==typeof define"
},
{
"path": "assets/vendor/libs/popper/popper.js",
"chars": 22608,
"preview": "!function(e,t){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=t();else if(\"function\"==typeof define"
},
{
"path": "build-config.js",
"chars": 1927,
"preview": "module.exports = {\n base: {\n // Excludes folders relative to `root` directory.\n exclude: [\n 'html',\n 'h"
},
{
"path": "documentation.html",
"chars": 531,
"preview": "<!DOCTYPE html>\n<html>\n\n<head>\n <title> Sneat - Free Bootstrap 5 HTML Admin Template </title>\n <meta http-equiv=\"refre"
},
{
"path": "fonts/iconify/iconify.js",
"chars": 4329,
"preview": "const fs = require('fs').promises;\nconst path = require('path');\nconst deepmerge = require('deepmerge');\nconst env = req"
},
{
"path": "gulpfile.js",
"chars": 3066,
"preview": "const path = require('path');\n\n// Config\n// ----------------------------------------------------------------------------"
},
{
"path": "hire-us.html",
"chars": 339,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <title>Hire Us</title>\n <meta http-equiv=\"refresh\" content=\"0; URL='https://theme"
},
{
"path": "html/auth-forgot-password-basic.html",
"chars": 9168,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-wide customizer-hide\"\n data-assets-path=\"../assets/\"\n data-template"
},
{
"path": "html/auth-login-basic.html",
"chars": 10425,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-wide customizer-hide\"\n data-assets-path=\"../assets/\"\n data-template"
},
{
"path": "html/auth-register-basic.html",
"chars": 10485,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-wide customizer-hide\"\n data-assets-path=\"../assets/\"\n data-template"
},
{
"path": "html/cards-basic.html",
"chars": 69695,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/extended-ui-perfect-scrollbar.html",
"chars": 45470,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/extended-ui-text-divider.html",
"chars": 43588,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/form-layouts-horizontal.html",
"chars": 48415,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/form-layouts-vertical.html",
"chars": 46385,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/forms-basic-inputs.html",
"chars": 68749,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/forms-input-groups.html",
"chars": 65992,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/icons-boxicons.html",
"chars": 47157,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/index.html",
"chars": 69858,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/layouts-blank.html",
"chars": 2766,
"preview": "<!doctype html>\n\n<html lang=\"en\" class=\"layout-wide\" data-assets-path=\"../assets/\" data-template=\"vertical-menu-template"
},
{
"path": "html/layouts-container.html",
"chars": 39062,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/layouts-fluid.html",
"chars": 38986,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-wide\"\n data-assets-path=\"../assets/\"\n data-templa"
},
{
"path": "html/layouts-without-menu.html",
"chars": 10491,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/layouts-without-navbar.html",
"chars": 34292,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/pages-account-settings-account.html",
"chars": 51988,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/pages-account-settings-connections.html",
"chars": 51272,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/pages-account-settings-notifications.html",
"chars": 46312,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/pages-misc-error.html",
"chars": 3470,
"preview": "<!doctype html>\n\n<html lang=\"en\" class=\"layout-wide\" data-assets-path=\"../assets/\" data-template=\"vertical-menu-template"
},
{
"path": "html/pages-misc-under-maintenance.html",
"chars": 3459,
"preview": "<!doctype html>\n\n<html lang=\"en\" class=\"layout-wide\" data-assets-path=\"../assets/\" data-template=\"vertical-menu-template"
},
{
"path": "html/tables-basic.html",
"chars": 229517,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-accordion.html",
"chars": 46451,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-alerts.html",
"chars": 42156,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-badges.html",
"chars": 47465,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-buttons.html",
"chars": 60664,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-carousel.html",
"chars": 44812,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-collapse.html",
"chars": 47188,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-dropdowns.html",
"chars": 91406,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-footer.html",
"chars": 42590,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-list-groups.html",
"chars": 63752,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-modals.html",
"chars": 92610,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-navbar.html",
"chars": 45582,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-offcanvas.html",
"chars": 62172,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-pagination-breadcrumbs.html",
"chars": 55623,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-progress.html",
"chars": 56384,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-spinners.html",
"chars": 45039,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-tabs-pills.html",
"chars": 57030,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-toasts.html",
"chars": 55593,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-tooltips-popovers.html",
"chars": 46111,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "html/ui-typography.html",
"chars": 56915,
"preview": "<!doctype html>\n\n<html\n lang=\"en\"\n class=\"layout-menu-fixed layout-compact\"\n data-assets-path=\"../assets/\"\n data-tem"
},
{
"path": "index.html",
"chars": 5273,
"preview": "<!DOCTYPE html>\n\n<html\n lang=\"en\"\n class=\"customizer-hide\"\n dir=\"ltr\"\n data-assets-path=\"assets/\"\n data-template=\"v"
},
{
"path": "js/bootstrap.js",
"chars": 114,
"preview": "import * as bootstrap from 'bootstrap'\n\ntry {\n window.bootstrap = bootstrap\n} catch (e) {}\n\nexport { bootstrap }\n"
},
{
"path": "js/helpers.js",
"chars": 24397,
"preview": "// Constants\nconst TRANS_EVENTS = ['transitionend', 'webkitTransitionEnd', 'oTransitionEnd']\nconst TRANS_PROPERTIES = ['"
},
{
"path": "js/menu.js",
"chars": 17242,
"preview": "const TRANSITION_EVENTS = ['transitionend', 'webkitTransitionEnd', 'oTransitionEnd']\n// const TRANSITION_PROPERTIES = ['"
},
{
"path": "libs/apex-charts/apex-charts.scss",
"chars": 2441,
"preview": "/**\n* Apex Charts\n*/\n@import \"../../scss/_bootstrap-extended/include\";\n@import \"apexcharts/dist/apexcharts\";\n\n.apexchart"
},
{
"path": "libs/apex-charts/apexcharts.js",
"chars": 117,
"preview": "import ApexCharts from 'apexcharts';\n\ntry {\n window.ApexCharts = ApexCharts;\n} catch (e) {}\n\nexport { ApexCharts };\n"
},
{
"path": "libs/highlight/highlight-github.scss",
"chars": 42,
"preview": "@import \"highlight.js/styles/github.css\";\n"
},
{
"path": "libs/highlight/highlight.js",
"chars": 95,
"preview": "import hljs from 'highlight.js';\n\ntry {\n window.hljs = hljs;\n} catch (e) {}\n\nexport { hljs };\n"
},
{
"path": "libs/highlight/highlight.scss",
"chars": 91,
"preview": "@import \"highlight.js/styles/atom-one-light\";\n@import \"highlight.js/styles/atom-one-dark\";\n"
},
{
"path": "libs/jquery/jquery.js",
"chars": 141,
"preview": "import jQuery from 'jquery/dist/jquery';\n\nconst $ = jQuery;\ntry {\n window.jQuery = window.$ = jQuery;\n} catch (e) {}\n\ne"
},
{
"path": "libs/masonry/masonry.js",
"chars": 109,
"preview": "import Masonry from 'masonry-layout';\n\ntry {\n window.Masonry = Masonry;\n} catch (e) {}\n\nexport { Masonry };\n"
},
{
"path": "libs/perfect-scrollbar/perfect-scrollbar.js",
"chars": 171,
"preview": "import PerfectScrollbar from 'perfect-scrollbar/dist/perfect-scrollbar';\n\ntry {\n window.PerfectScrollbar = PerfectScrol"
},
{
"path": "libs/perfect-scrollbar/perfect-scrollbar.scss",
"chars": 1791,
"preview": "@import \"../../scss/_bootstrap-extended/include\";\n@import \"perfect-scrollbar/css/perfect-scrollbar\";\n\n$ps-width: .25rem "
},
{
"path": "libs/popper/popper.js",
"chars": 256,
"preview": "import Popper from '@popperjs/core/dist/umd/popper.min';\n\n// Required to enable animations on dropdowns/tooltips/popover"
},
{
"path": "package.json",
"chars": 3869,
"preview": "{\n \"name\": \"sneat-bootstrap-html-admin-template-free\",\n \"description\": \"Most Powerful & Comprehensive Free Bootstrap 5"
},
{
"path": "scss/_bootstrap-extended/_accordion.scss",
"chars": 2237,
"preview": "// Accordions\n// *******************************************************************************\n.accordion {\n --#{$pre"
},
{
"path": "scss/_bootstrap-extended/_alert.scss",
"chars": 2246,
"preview": "// Alerts\n// *******************************************************************************\n\n/* Alert icon styles */\n.a"
},
{
"path": "scss/_bootstrap-extended/_badge.scss",
"chars": 865,
"preview": "// Badges\n// ? Bootstrap use bg-label-variant and bg color for solid and label style, hence we have not created mixin fo"
},
{
"path": "scss/_bootstrap-extended/_breadcrumb.scss",
"chars": 703,
"preview": "// Breadcrumbs\n// *******************************************************************************\n\n\n.breadcrumb {\n --#{"
},
{
"path": "scss/_bootstrap-extended/_button-group.scss",
"chars": 4444,
"preview": "// Button groups\n// *******************************************************************************\n\n.btn-group {\n --#{"
},
{
"path": "scss/_bootstrap-extended/_buttons.scss",
"chars": 8466,
"preview": "// Buttons\n// *******************************************************************************\n\n.btn {\n --#{$prefix}btn-"
},
{
"path": "scss/_bootstrap-extended/_card.scss",
"chars": 3618,
"preview": "// Cards\n// *******************************************************************************\n\n.card {\n --#{$prefix}card-"
},
{
"path": "scss/_bootstrap-extended/_carousel.scss",
"chars": 754,
"preview": "// Carousel\n// *******************************************************************************\n\n.carousel {\n .carousel-"
},
{
"path": "scss/_bootstrap-extended/_dropdown.scss",
"chars": 1572,
"preview": "// Dropdowns\n// *****************************************************************\n\n.dropdown-menu {\n box-shadow: var(--"
},
{
"path": "scss/_bootstrap-extended/_forms.scss",
"chars": 280,
"preview": "// Forms\n// *****************************************************************\n\n@import \"forms/labels\";\n@import \"forms/fo"
},
{
"path": "scss/_bootstrap-extended/_functions.scss",
"chars": 1977,
"preview": "// Functions\n\n// Remove the unit of a length\n@function strip-unit($number) {\n @if type-of($number) == \"number\" and not "
},
{
"path": "scss/_bootstrap-extended/_helpers.scss",
"chars": 28,
"preview": "@import \"helpers/color-bg\";\n"
},
{
"path": "scss/_bootstrap-extended/_include.scss",
"chars": 546,
"preview": "// Functions\n@import \"bootstrap/scss/functions\"; // Bootstrap core functions\n@import \"functions\"; // Bootstrap extended "
},
{
"path": "scss/_bootstrap-extended/_list-group.scss",
"chars": 2035,
"preview": "/* List groups\n******************************************************************************* */\n\n/* List Group Mixin *"
},
{
"path": "scss/_bootstrap-extended/_mixins.scss",
"chars": 130,
"preview": "// Mixins - Template mixins (custom and overrides)\n@import \"mixins/caret\";\n@import \"mixins/misc\";\n@import \"mixins/border"
},
{
"path": "scss/_bootstrap-extended/_modal.scss",
"chars": 2895,
"preview": "/* Modals\n******************************************************************************* */\n\n/* Modal Shadow */\n.modal-"
},
{
"path": "scss/_bootstrap-extended/_nav.scss",
"chars": 8598,
"preview": "/* Nav\n******************************************************************************* */\n\n.nav {\n --#{$prefix}nav-pill"
},
{
"path": "scss/_bootstrap-extended/_navbar.scss",
"chars": 1242,
"preview": "/* Navbar\n******************************************************************************* */\n.layout-navbar {\n backgrou"
},
{
"path": "scss/_bootstrap-extended/_offcanvas.scss",
"chars": 403,
"preview": "/* Offcanvas\n******************************************************************************* */\n\n.offcanvas {\n box-shad"
},
{
"path": "scss/_bootstrap-extended/_pagination.scss",
"chars": 3164,
"preview": "/* Pagination\n******************************************************************************* */\n\n.pagination {\n --#{$p"
},
{
"path": "scss/_bootstrap-extended/_popover.scss",
"chars": 1947,
"preview": "/* Popovers\n******************************************************************************* */\n\n.modal-open .popover {\n "
},
{
"path": "scss/_bootstrap-extended/_progress.scss",
"chars": 729,
"preview": "/* Progress\n******************************************************************************* */\n\n.progress {\n --#{$prefi"
},
{
"path": "scss/_bootstrap-extended/_reboot.scss",
"chars": 1355,
"preview": "/* Reboot */\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\ncaption {\n text-align: start;\n}\n\ndd {\n margin-inline-st"
},
{
"path": "scss/_bootstrap-extended/_root.scss",
"chars": 2203,
"preview": "/* The color-scheme CSS property https://web.dev/color-scheme/ */\n:root{\n // variable prefix\n --prefix: #{$prefix};\n\n "
},
{
"path": "scss/_bootstrap-extended/_spinners.scss",
"chars": 572,
"preview": "/* Spinners */\n\n/* Large size */\n.spinner-border-lg,\n.spinner-grow-lg {\n --#{$prefix}spinner-border-width: #{$spinner-b"
},
{
"path": "scss/_bootstrap-extended/_tables.scss",
"chars": 3296,
"preview": "/* Tables\n******************************************************************************** */\n\n/* ios fix for drodown-me"
},
{
"path": "scss/_bootstrap-extended/_toasts.scss",
"chars": 1943,
"preview": "/* Toasts\n******************************************************************************* */\n\n.bs-toast[class^=\"bg-\"],\n."
},
{
"path": "scss/_bootstrap-extended/_tooltip.scss",
"chars": 293,
"preview": "/* Tooltips\n******************************************************************************* */\n\n\n/* Open modal tooltip z"
},
{
"path": "scss/_bootstrap-extended/_type.scss",
"chars": 153,
"preview": "/* Type */\n\n.list-inline,\n.list-unstyled {\n padding-inline-start: 0;\n}\n\n.list-inline-item:not(:last-child) {\n margin-i"
},
{
"path": "scss/_bootstrap-extended/_utilities.scss",
"chars": 27663,
"preview": "// Utilities\n// ******************************************************************************\n\n// stylelint-disable ind"
},
{
"path": "scss/_bootstrap-extended/_variables.scss",
"chars": 46332,
"preview": "// Variables\n\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav"
},
{
"path": "scss/_bootstrap-extended/forms/_floating-labels.scss",
"chars": 542,
"preview": "/* Floating Labels\n******************************************************************************* */\n\n// Display placeh"
},
{
"path": "scss/_bootstrap-extended/forms/_form-check.scss",
"chars": 2868,
"preview": "/* Checkboxes and Radios\n******************************************************************************* */\n.form-check "
},
{
"path": "scss/_bootstrap-extended/forms/_form-control.scss",
"chars": 2603,
"preview": "// Form control\n// *******************************************************************************\n\n.form-control {\n --"
},
{
"path": "scss/_bootstrap-extended/forms/_form-range.scss",
"chars": 1506,
"preview": "/* Range select\n******************************************************************************* */\n\n.form-range {\n // C"
},
{
"path": "scss/_bootstrap-extended/forms/_form-select.scss",
"chars": 2216,
"preview": "/* Select\n******************************************************************************* */\n\n.form-select {\n --#{$pref"
},
{
"path": "scss/_bootstrap-extended/forms/_input-group.scss",
"chars": 5808,
"preview": "/* Input groups\n******************************************************************************* */\n\n/* Using :focus-with"
},
{
"path": "scss/_bootstrap-extended/forms/_labels.scss",
"chars": 305,
"preview": "/* Labels\n******************************************************************************* */\n\n.col-form-label {\n white-"
},
{
"path": "scss/_bootstrap-extended/helpers/_color-bg.scss",
"chars": 568,
"preview": "$color-classes: $theme-colors !default;\n\n@each $color, $value in $color-classes {\n .bg-label-#{$color} {\n background"
},
{
"path": "scss/_bootstrap-extended/mixins/_border-radius.scss",
"chars": 1057,
"preview": "// stylelint-disable property-disallowed-list\n\n// Single side border-radius\n\n@mixin border-end-radius($radius: $border-r"
},
{
"path": "scss/_bootstrap-extended/mixins/_caret.scss",
"chars": 1229,
"preview": "// Carets - for dropdown arrows\n// *******************************************************************************\n\n@mix"
},
{
"path": "scss/_bootstrap-extended/mixins/_misc.scss",
"chars": 380,
"preview": "// Keyframes\n// *******************************************************************************\n\n@mixin keyframes($name)"
},
{
"path": "scss/_bootstrap-extended.scss",
"chars": 1198,
"preview": "// Configuration\n@import \"_bootstrap-extended/include\";\n@import \"_bootstrap-extended/utilities\";\n\n// Layout & components"
},
{
"path": "scss/_bootstrap.scss",
"chars": 1247,
"preview": "@import \"bootstrap/scss/mixins/banner\";\n@include bsBanner(\"\");\n\n// Configuration\n@import \"_bootstrap-extended/include\";\n"
},
{
"path": "scss/_colors.scss",
"chars": 750,
"preview": "/* Custom colors\n******************************************************************************* */\n:root {\n @each $col"
},
{
"path": "scss/_components/_app-brand.scss",
"chars": 1829,
"preview": "/* App Brand\n******************************************************************************* */\n.app-brand {\n display: "
},
{
"path": "scss/_components/_avatar.scss",
"chars": 3283,
"preview": "/* Avatar\n******************************************************************************* */\n\n/* Avatar Styles */\n.avata"
},
{
"path": "scss/_components/_base.scss",
"chars": 1366,
"preview": "/* App Overlay\n******************************************************************************* */\n\n.app-overlay {\n posi"
},
{
"path": "scss/_components/_common.scss",
"chars": 994,
"preview": "/* Common\n******************************************************************************* */\n\n@import \"../_bootstrap-ext"
},
{
"path": "scss/_components/_footer.scss",
"chars": 1898,
"preview": "/* Footer\n******************************************************************************* */\n\n.footer {\n --#{$prefix}fo"
},
{
"path": "scss/_components/_include.scss",
"chars": 301,
"preview": "// Include\n// *******************************************************************************\n\n@import \"../_bootstrap-ex"
},
{
"path": "scss/_components/_layout.scss",
"chars": 24779,
"preview": "/* Layouts\n******************************************************************************* */\n\n.layout-container {\n min"
},
{
"path": "scss/_components/_menu.scss",
"chars": 19803,
"preview": "/* Menu\n******************************************************************************* */\n\n.menu {\n display: flex;\n b"
},
{
"path": "scss/_components/_root.scss",
"chars": 1350,
"preview": ":root {\n /* Menu */\n --#{$prefix}menu-bg: #{$menu-bg};\n --#{$prefix}menu-bg-rgb: #{$menu-bg-rgb};\n --#{$prefix}menu-"
},
{
"path": "scss/_components/_text-divider.scss",
"chars": 1858,
"preview": "/* Divider\n******************************************************************************* */\n\n.divider {\n --#{$prefix}"
},
{
"path": "scss/_components/_variables.scss",
"chars": 4268,
"preview": "// Navbar (custom navbar)\n// *******************************************************************************\n$navbar-hei"
},
{
"path": "scss/_components.scss",
"chars": 331,
"preview": "@import \"_components/include\";\n\n// Import components scss\n@import \"_components/root\";\n@import \"_components/base\";\n@impor"
},
{
"path": "scss/_custom-styles.scss",
"chars": 103,
"preview": "// This file is used for writing your custom styles\n\n// .card {\n// background-color: #fd0000;\n// }\n"
},
{
"path": "scss/_custom-variables/_bootstrap-extended.scss",
"chars": 524,
"preview": "// ===================================================================================================================\n/"
},
{
"path": "scss/_custom-variables/_components.scss",
"chars": 434,
"preview": "// ================================================================================================\n// ? TIP: It is rec"
},
{
"path": "scss/core.scss",
"chars": 116,
"preview": "@import \"bootstrap\";\n@import \"colors\";\n@import \"bootstrap-extended\";\n@import \"components\";\n@import \"custom-styles\";\n"
},
{
"path": "scss/pages/page-auth.scss",
"chars": 15295,
"preview": "/* Authentication\n******************************************************************************* */\n\n@import \"../_boots"
},
{
"path": "scss/pages/page-icons.scss",
"chars": 728,
"preview": "/* Page Icons (Page specific only)\n******************************************************************************* */\n\n@"
},
{
"path": "scss/pages/page-misc.scss",
"chars": 433,
"preview": "/* Miscellaneous\n******************************************************************************* */\n\n@import \"../_bootst"
},
{
"path": "tasks/build.js",
"chars": 5525,
"preview": "const path = require('path');\nconst { src, dest, series, parallel } = require('gulp');\nconst sass = require('gulp-dart-s"
},
{
"path": "tasks/prod.js",
"chars": 2783,
"preview": "const path = require('path');\nconst { src, dest, series } = require('gulp');\nconst purgecss = require('gulp-purgecss');\n"
},
{
"path": "webpack.config.js",
"chars": 3993,
"preview": "const path = require('path');\nconst glob = require('glob');\nconst TerserPlugin = require('terser-webpack-plugin');\n// --"
}
]
About this extraction
This page contains the full source code of the themeselection/sneat-html-admin-template-free GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 180 files (7.3 MB), approximately 1.9M tokens, and a symbol index with 100 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.