diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..8ef7b68 --- /dev/null +++ b/ISSUE_TEMPLATE.md @@ -0,0 +1,40 @@ +# Prerequisites + +Please answer the following questions for yourself before submitting an issue. + +- [ ] I am running the latest version +- [ ] I checked the documentation and found no answer +- [ ] I checked to make sure that this issue has not already been filed +- [ ] I'm reporting the issue to the correct repository (for multi-repository projects) + +# Expected Behavior + +Please describe the behavior you are expecting + +# Current Behavior + +What is the current behavior? + +# Failure Information (for bugs) + +Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template. + +## Steps to Reproduce + +Please provide detailed steps for reproducing the issue. + +1. step 1 +2. step 2 +3. you get it... + +## Context + +Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions. + +* Device: +* Operating System: +* Browser and Version: + +## Failure Logs + +Please include any relevant log snippets or files here. diff --git a/changelog.md b/changelog.md new file mode 100644 index 0000000..cfffe3c --- /dev/null +++ b/changelog.md @@ -0,0 +1,11 @@ +# Changelog + +All notable changes to `Black Dashboard` frontend preset for Laravel will be documented in this file. + +## Version 1.0.0 + +### Added +- Black Dashboard v1.0.0 frontend theme +- Laravel Auth preset +- Change user profile +- User CRUD \ No newline at end of file diff --git a/composer.json b/composer.json new file mode 100644 index 0000000..38bc4f4 --- /dev/null +++ b/composer.json @@ -0,0 +1,22 @@ +{ + "name": "laravel-frontend-presets/black-dashboard", + "description": "Laravel 5.x Front-end preset for black dashboard", + "license": "MIT", + "homepage": "https://github.com/creativetimofficial/black-dashboard-laravel", + "keywords": ["Laravel", "Preset", "Black"], + "require": { + "laravel/framework": "^5.5" + }, + "autoload": { + "psr-4": { + "LaravelFrontendPresets\\BlackPreset\\": "src/" + } + }, + "extra": { + "laravel": { + "providers": [ + "LaravelFrontendPresets\\BlackPreset\\BlackPresetServiceProvider" + ] + } + } +} diff --git a/license.md b/license.md new file mode 100644 index 0000000..73164ce --- /dev/null +++ b/license.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Creative Tim (https://www.creative-tim.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. diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..673d468 --- /dev/null +++ b/readme.md @@ -0,0 +1,529 @@ +# [Black Dashboard Laravel - Free Frontend Preset for Laravel](https://black-dashboard-laravel.creative-tim.com/?ref=adnp-readme) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/home?status=Black%20Dashboard%20Laravel%20is%20a%20Free%20Frontend%20Preset%20for%20Laravel%20%E2%9D%A4%EF%B8%8F%0Ahttps%3A//black-dashboard-laravel.creative-tim.com/%20%23%black%20%23design%20%23dashboard%20%23laravel%20%23free%20via%20%40CreativeTim) + +Latest Stable Version ![license](https://img.shields.io/badge/license-MIT-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/laravel-frontend-presets/black-dashboard.svg?maxAge=2592000)](https://github.com/laravel-frontend-presets/black-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/laravel-frontend-presets/black-dashboard.svg?maxAge=2592000)](https://github.com/laravel-frontend-presets/black-dashboard/issues?q=is%3Aissue+is%3Aclosed) + +*Frontend version*: Black Dashboard v1.0.0. More info at https://www.creative-tim.com/product/black-dashboard + +![Product Image](/screens/intro-black.gif) + +Speed up your web development with the Bootstrap 4 Admin Dashboard built for Laravel Framework 5.5 and up. + +## Note + +We recommend installing this preset on a project that you are starting from scratch, otherwise your project's design might break. + +## Prerequisites + +If you don't already have an Apache local environment with PHP and MySQL, use one of the following links: + + - Windows: https://updivision.com/blog/post/beginner-s-guide-to-setting-up-your-local-development-environment-on-windows + - Linux: https://howtoubuntu.org/how-to-install-lamp-on-ubuntu + - Mac: https://wpshout.com/quick-guides/how-to-install-mamp-on-your-mac/ + +Also, you will need to install Composer: https://getcomposer.org/doc/00-intro.md +And Laravel: https://laravel.com/docs/5.8/installation + +## Installation + +After initializing a fresh instance of Laravel (and making all the necessary configurations), install the preset using one of the provided methods: + +### Via composer + +1. `Cd` to your Laravel app +2. Install this preset via `composer require laravel-frontend-presets/black-dashboard`. No need to register the service provider. Laravel 5.5 & up can auto detect the package. +3. Run `php artisan preset black` command to install the Argon preset. This will install all the necessary assets and also the custom auth views, it will also add the auth route in `routes/web.php` +(NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in routes/web.php) +4. In your terminal run `composer dump-autoload` +5. Run `php artisan migrate --seed` to create basic users table + +### By using the archive + +1. In your application's root create a **presets** folder +2. [Download an archive](https://github.com/laravel-frontend-presets/black-dashboard/archive/master.zip) of the repo and unzip it +3. Copy and paste **black-dashboard-master** folder in presets (created in step 2) and rename it to **black** +4. Open `composer.json` file +5. Add `"LaravelFrontendPresets\\BlackPreset\\": "presets/black/src"` to `autoload/psr-4` and to `autoload-dev/psr-4` +6. Add `LaravelFrontendPresets\BlackPreset\BlackPresetServiceProvider::class` to `config/app.php` file +7. In your terminal run `composer dump-autoload` +8. Run `php artisan preset black` command to install the Black Dashboard preset. This will install all the necessary assets and also the custom auth views, it will also add the auth route in `routes/web.php` +(NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in routes/web.php) +9. Run `php artisan migrate --seed` to create basic users table + + +## Usage + +Register a user or login using **admin@black.com** and **secret** and start testing the preset (make sure to run the migrations and seeders for these credentials to be available). + +Besides the dashboard and the auth pages this preset also has a user management example and an edit profile page. All the necessary files (controllers, requests, views) are installed out of the box and all the needed routes are added to `routes/web.php`. Keep in mind that all of the features can be viewed once you login using the credentials provided above or by registering your own user. + +### Dashboard + +You can access the dashboard either by using the "**Dashboard**" link in the left sidebar or by adding **/home** in the url. + +### Profile edit + +You have the option to edit the current logged in user's profile (change name, email and password). To access this page just click the "**User profile**" link in the left sidebar or by adding **/profile** in the url. + +The `App\Htttp\Controlers\ProfileController` handles the update of the user information. + +``` +public function update(ProfileRequest $request) +{ + auth()->user()->update($request->all()); + + return back()->withStatus(__('Profile successfully updated.')); +} +``` + +Also you shouldn't worry about entering wrong data in the inputs when editing the profile, validation rules were added to prevent this (see `App\Http\Requests\ProfileRequest`). If you try to change the password you will see that other validation rules were added in `App\Http\Requests\PasswordRequest`. Notice that in this file you have a custom validation rule that can be found in `App\Rules\CurrentPasswordCheckRule`. + +``` +public function rules() +{ + return [ + 'old_password' => ['required', 'min:6', new CurrentPasswordCheckRule], + 'password' => ['required', 'min:6', 'confirmed', 'different:old_password'], + 'password_confirmation' => ['required', 'min:6'], + ]; +} +``` + +### User management + +The preset comes with a user management option out of the box. To access this click the "**User Management**" link in the left sidebar or add **/user** to the url. +The first thing you will see is the listing of the existing users. You can add new ones by clicking the "**Add user**" button (above the table on the right). On the Add user page you will see the form that allows you to do this. All pages are generate using blade templates: + +``` +
+ + + + @if ($errors->has('name')) + + {{ $errors->first('name') }} + + @endif +
+``` + +Also validation rules were added so you will know exactely what to enter in the form fields (see `App\Http\Requests\UserRequest`). Note that these validation rules also apply for the user edit option. + +``` +public function rules() +{ + return [ + 'name' => [ + 'required', 'min:3' + ], + 'email' => [ + 'required', 'email', Rule::unique((new User)->getTable())->ignore($this->route()->user->id ?? null) + ], + 'password' => [ + $this->route()->user ? 'required_with:password_confirmation' : 'required', 'nullable', 'confirmed', 'min:6' + ], + ]; +} +``` + +Once you add more users, the list will get bigger and for every user you will have edit and delete options (access these options by clicking the three dotted menu that appears at the end of every line). + +All the sample code for the user management can be found in `App\Http\Controllers\UserController`. See store method example bellow: + +``` +public function store(UserRequest $request, User $model) +{ + $model->create($request->merge(['password' => Hash::make($request->get('password'))])->all()); + + return redirect()->route('user.index')->withStatus(__('User successfully created.')); +} +``` +## Table of Contents + +* [Versions](#versions) +* [Demo](#demo) +* [Documentation](#documentation) +* [File Structure](#file-structure) +* [Browser Support](#browser-support) +* [Resources](#resources) +* [Reporting Issues](#reporting-issues) +* [Licensing](#licensing) +* [Useful Links](#useful-links) + +## Versions + +[](https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html?ref=adnp-readme) +[](https://argon-dashboard-pro-laravel.creative-tim.com/?ref=adnp-readme) + +| HTML | LARAVEL | +| --- | --- | +| [![Black Dashboard HTML](https://s3.amazonaws.com/creativetim_bucket/products/93/original/opt_bd_thumbnail.jpg?1535098178)](https://demos.creative-tim.com/black-dashboard/examples/dashboard.html?ref=adnp-readme) | [![Black Dashboard Laravel](https://s3.amazonaws.com/creativetim_bucket/products/93/original/opt_bd_thumbnail.jpg?1535098178)](https://black-dashboard-laravel.creative-tim.com/?ref=adnp-readme) + +## Demo + +| Register | Login | Dashboard | +| --- | --- | --- | +| [![Register](/screens/Register.png)](https://black-dashboard-laravel.creative-tim.com/register?ref=adnp-readme) | [![Login](/screens/Login.png)](https://black-dashboard-laravel.creative-tim.com/login?ref=adnp-readme) | [![Dashboard](/screens/Dashboard.png)](https://black-dashboard-laravel.creative-tim.com/?ref=adnp-readme) + +| Profile Page | Users Page | Tables Page | +| --- | --- | --- | +| [![Profile Page](screens/Profile.png)](https://black-dashboard-laravel.creative-tim.com/profile?ref=adnp-readme) | [![Users Page](screens/Users.png)](https://black-dashboard-laravel.creative-tim.com/user?ref=adnp-readme) | [![Tables Page](screens/Tables.png)](https://black-dashboard-laravel.creative-tim.com/table-list?ref=adnp-readme) +[View More](https://black-dashboard-laravel.creative-tim.com/?ref=adnp-readme) + +## Documentation +The documentation for the Black Dashboard Laravel is hosted at our [website](https://black-dashboard-laravel.creative-tim.com/docs/getting-started/laravel-setup.html?ref=adn-readme). + +## File Structure +``` +├───app +│ ├───Http +│ │ ├───Controllers +│ │ │ HomeController.php +│ │ │ PageController.php +│ │ │ ProfileController.php +│ │ │ UserController.php +│ │ │ +│ │ └───Requests +│ │ PasswordRequest.php +│ │ ProfileRequest.php +│ │ UserRequest.php +│ │ +│ └───Rules +│ CurrentPasswordCheckRule.php +│ +├───database +│ └───seeds +│ DatabaseSeeder.php +│ UsersTableSeeder.php +│ +└───resources + ├───assets + │ ├───css + │ │ black-dashboard.css + │ │ black-dashboard.css.map + │ │ black-dashboard.min.css + │ │ nucleo-icons.css + │ │ theme.css + │ │ + │ ├───demo + │ │ demo.css + │ │ demo.js + │ │ + │ ├───fonts + │ │ nucleo.eot + │ │ nucleo.ttf + │ │ nucleo.woff + │ │ nucleo.woff2 + │ │ + │ ├───img + │ │ anime3.png + │ │ anime6.png + │ │ apple-icon.png + │ │ bg5.jpg + │ │ card-primary.png + │ │ default-avatar.png + │ │ emilyz.jpg + │ │ favicon.png + │ │ header.jpg + │ │ img_3115.jpg + │ │ james.jpg + │ │ mike.jpg + │ │ + │ ├───js + │ │ │ black-dashboard.js + │ │ │ black-dashboard.js.map + │ │ │ black-dashboard.min.js + │ │ │ theme.js + │ │ │ + │ │ ├───core + │ │ │ bootstrap.min.js + │ │ │ jquery.min.js + │ │ │ popper.min.js + │ │ │ + │ │ └───plugins + │ │ bootstrap-notify.js + │ │ chartjs.min.js + │ │ perfect-scrollbar.jquery.min.js + │ │ + │ └───scss + │ │ black-dashboard.scss + │ │ + │ └───black-dashboard + │ ├───bootstrap + │ │ │ _alert.scss + │ │ │ _badge.scss + │ │ │ _breadcrumb.scss + │ │ │ _button-group.scss + │ │ │ _buttons.scss + │ │ │ _card.scss + │ │ │ _carousel.scss + │ │ │ _close.scss + │ │ │ _code.scss + │ │ │ _custom-forms.scss + │ │ │ _dropdown.scss + │ │ │ _forms.scss + │ │ │ _functions.scss + │ │ │ _grid.scss + │ │ │ _images.scss + │ │ │ _input-group.scss + │ │ │ _jumbotron.scss + │ │ │ _list-group.scss + │ │ │ _media.scss + │ │ │ _mixins.scss + │ │ │ _modal.scss + │ │ │ _nav.scss + │ │ │ _navbar.scss + │ │ │ _pagination.scss + │ │ │ _popover.scss + │ │ │ _print.scss + │ │ │ _progress.scss + │ │ │ _reboot.scss + │ │ │ _root.scss + │ │ │ _tables.scss + │ │ │ _tooltip.scss + │ │ │ _transitions.scss + │ │ │ _type.scss + │ │ │ _utilities.scss + │ │ │ _variables.scss + │ │ │ + │ │ ├───mixins + │ │ │ _alert.scss + │ │ │ _background-variant.scss + │ │ │ _badge.scss + │ │ │ _border-radius.scss + │ │ │ _box-shadow.scss + │ │ │ _breakpoints.scss + │ │ │ _buttons.scss + │ │ │ _caret.scss + │ │ │ _clearfix.scss + │ │ │ _float.scss + │ │ │ _forms.scss + │ │ │ _gradients.scss + │ │ │ _grid-framework.scss + │ │ │ _grid.scss + │ │ │ _hover.scss + │ │ │ _image.scss + │ │ │ _list-group.scss + │ │ │ _lists.scss + │ │ │ _nav-divider.scss + │ │ │ _pagination.scss + │ │ │ _reset-text.scss + │ │ │ _resize.scss + │ │ │ _screen-reader.scss + │ │ │ _size.scss + │ │ │ _table-row.scss + │ │ │ _text-emphasis.scss + │ │ │ _text-hide.scss + │ │ │ _text-truncate.scss + │ │ │ _transition.scss + │ │ │ _visibility.scss + │ │ │ + │ │ └───utilities + │ │ _align.scss + │ │ _background.scss + │ │ _borders.scss + │ │ _clearfix.scss + │ │ _display.scss + │ │ _embed.scss + │ │ _flex.scss + │ │ _float.scss + │ │ _position.scss + │ │ _screenreaders.scss + │ │ _shadows.scss + │ │ _sizing.scss + │ │ _spacing.scss + │ │ _text.scss + │ │ _visibility.scss + │ │ + │ ├───custom + │ │ │ _alerts.scss + │ │ │ _buttons.scss + │ │ │ _card.scss + │ │ │ _checkboxes-radio.scss + │ │ │ _dropdown.scss + │ │ │ _fixed-plugin.scss + │ │ │ _footer.scss + │ │ │ _forms.scss + │ │ │ _functions.scss + │ │ │ _images.scss + │ │ │ _input-group.scss + │ │ │ _misc.scss + │ │ │ _mixins.scss + │ │ │ _modal.scss + │ │ │ _navbar.scss + │ │ │ _rtl.scss + │ │ │ _sidebar-and-main-panel.scss + │ │ │ _tables.scss + │ │ │ _type.scss + │ │ │ _utilities.scss + │ │ │ _variables.scss + │ │ │ _white-content.scss + │ │ │ + │ │ ├───cards + │ │ │ _card-chart.scss + │ │ │ _card-map.scss + │ │ │ _card-plain.scss + │ │ │ _card-task.scss + │ │ │ _card-user.scss + │ │ │ + │ │ ├───mixins + │ │ │ opacity.scss + │ │ │ _alert.scss + │ │ │ _background-variant.scss + │ │ │ _badges.scss + │ │ │ _buttons.scss + │ │ │ _dropdown.scss + │ │ │ _forms.scss + │ │ │ _icon.scss + │ │ │ _inputs.scss + │ │ │ _modals.scss + │ │ │ _page-header.scss + │ │ │ _popovers.scss + │ │ │ _vendor-prefixes.scss + │ │ │ _wizard.scss + │ │ │ + │ │ ├───utilities + │ │ │ _backgrounds.scss + │ │ │ _floating.scss + │ │ │ _helper.scss + │ │ │ _position.scss + │ │ │ _shadows.scss + │ │ │ _sizing.scss + │ │ │ _spacing.scss + │ │ │ _text.scss + │ │ │ _transform.scss + │ │ │ + │ │ └───vendor + │ │ _plugin-animate-bootstrap-notify.scss + │ │ _plugin-perfect-scrollbar.scss + │ │ + │ └───plugins + │ _plugin-perfect-scrollbar.scss + │ + └───views + │ dashboard.blade.php + │ welcome.blade.php + │ + ├───alerts + │ feedback.blade.php + │ success.blade.php + │ + ├───auth + │ │ login.blade.php + │ │ register.blade.php + │ │ verify.blade.php + │ │ + │ └───passwords + │ email.blade.php + │ reset.blade.php + │ + ├───layouts + │ │ app.blade.php + │ │ footer.blade.php + │ │ + │ ├───footers + │ │ auth.blade.php + │ │ guest.blade.php + │ │ + │ ├───navbars + │ │ │ navbar.blade.php + │ │ │ sidebar.blade.php + │ │ │ + │ │ └───navs + │ │ auth.blade.php + │ │ guest.blade.php + │ │ + │ └───page_templates + │ auth.blade.php + │ guest.blade.php + │ + ├───pages + │ icons.blade.php + │ language.blade.php + │ map.blade.php + │ maps.blade.php + │ notifications.blade.php + │ rtl.blade.php + │ tables.blade.php + │ table_list.blade.php + │ typography.blade.php + │ upgrade.blade.php + │ + ├───profile + │ edit.blade.php + │ + └───users + create.blade.php + edit.blade.php + index.blade.php +``` + +## Browser Support + +At present, we officially aim to support the last two versions of the following browsers: + + + + +## Resources +- Demo: +- Download Page: +- Documentation: +- License Agreement: +- Support: +- Issues: [Github Issues Page](https://github.com/laravel-frontend-presets/black-dashboard/issues) +- **Dashboards:** + +| HTML | LARAVEL | +| --- | --- | +| [![Black Dashboard HTML](https://s3.amazonaws.com/creativetim_bucket/products/93/original/opt_bd_thumbnail.jpg?1535098178)](https://demos.creative-tim.com/black-dashboard/examples/dashboard.html?ref=adnp-readme) | [![Black Dashboard Laravel](https://s3.amazonaws.com/creativetim_bucket/products/93/original/opt_bd_thumbnail.jpg?1535098178)](https://black-dashboard-laravel.creative-tim.com/?ref=adnp-readme) + +## Change log + +Please see the [changelog](CHANGELOG.md) for more information on what has changed recently. + +## Credits + +- [Creative Tim](https://creative-tim.com/?ref=adnp-readme) +- [UPDIVISION](https://updivision.com) + +## Reporting Issues + +We use GitHub Issues as the official bug tracker for the Black Dashboard Laravel. Here are some advices for our users that want to report an issue: + +1. Make sure that you are using the latest version of the Black Dashboard Laravel. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/?ref=adnp-readme). +2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. +3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. + +## Licensing + +- Copyright 2019 Creative Tim (https://www.creative-tim.com/?ref=adnp-readme) +- [Creative Tim License](https://www.creative-tim.com/license). + + +## Useful Links + +- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) +- [Affiliate Program](https://www.creative-tim.com/affiliates/new) (earn money) +- [Blog Creative Tim](http://blog.creative-tim.com/) +- [Free Products](https://www.creative-tim.com/bootstrap-themes/free) from Creative Tim +- [Premium Products](https://www.creative-tim.com/bootstrap-themes/premium?ref=adn-readme) from Creative Tim +- [React Products](https://www.creative-tim.com/bootstrap-themes/react-themes?ref=adn-readme) from Creative Tim +- [Angular Products](https://www.creative-tim.com/bootstrap-themes/angular-themes?ref=adn-readme) from Creative Tim +- [VueJS Products](https://www.creative-tim.com/bootstrap-themes/vuejs-themes?ref=adn-readme) from Creative Tim +- [More products](https://www.creative-tim.com/bootstrap-themes?ref=adn-readme) from Creative Tim +- Check our Bundles [here](https://www.creative-tim.com/bundles??ref=adn-readme) + +### Social Media + +Twitter: + +Facebook: + +Dribbble: + +Instagram: + +## Credits + +- [Creative Tim](https://creative-tim.com/?ref=adnp-readme) +- [UPDIVISION](https://updivision.com) diff --git a/screens/Dashboard.png b/screens/Dashboard.png new file mode 100644 index 0000000..7071f0d Binary files /dev/null and b/screens/Dashboard.png differ diff --git a/screens/Login.png b/screens/Login.png new file mode 100644 index 0000000..00ef3d4 Binary files /dev/null and b/screens/Login.png differ diff --git a/screens/Profile.png b/screens/Profile.png new file mode 100644 index 0000000..9ab5a5a Binary files /dev/null and b/screens/Profile.png differ diff --git a/screens/Register.png b/screens/Register.png new file mode 100644 index 0000000..b910b7a Binary files /dev/null and b/screens/Register.png differ diff --git a/screens/Tables.png b/screens/Tables.png new file mode 100644 index 0000000..97b2a70 Binary files /dev/null and b/screens/Tables.png differ diff --git a/screens/Users.png b/screens/Users.png new file mode 100644 index 0000000..7154999 Binary files /dev/null and b/screens/Users.png differ diff --git a/screens/intro-black.gif b/screens/intro-black.gif new file mode 100644 index 0000000..5691648 Binary files /dev/null and b/screens/intro-black.gif differ diff --git a/src/BlackPreset.php b/src/BlackPreset.php new file mode 100644 index 0000000..f46485f --- /dev/null +++ b/src/BlackPreset.php @@ -0,0 +1,198 @@ +name('home')->middleware('auth');\n\n", + FILE_APPEND + ); + + // Copy black auth views from the stubs folder + static::deleteResource('views/home.blade.php'); + static::copyDirectory('resources/views/auth', resource_path('views/auth')); + static::copyDirectory('resources/views/alerts', resource_path('views/alerts')); + } + + /** + * Copy user management and profile edit files + * + * @return void + */ + public static function addUserManagement() + { + // Add seeder, controllers, requests and rules + static::copyDirectory('database/seeds', app_path('../database/seeds')); + + static::copyFile('app/Http/Controllers/UserController.php', app_path('Http/Controllers/UserController.php')); + static::copyFile('app/Http/Controllers/ProfileController.php', app_path('Http/Controllers/ProfileController.php')); + static::copyDirectory('app/Http/Requests', app_path('Http/Requests')); + static::copyDirectory('app/Rules', app_path('Rules')); + + // Add routes + file_put_contents( + './routes/web.php', + "Route::group(['middleware' => 'auth'], function () {\n\tRoute::resource('user', 'UserController', ['except' => ['show']]);\n\tRoute::get('profile', ['as' => 'profile.edit', 'uses' => 'ProfileController@edit']);\n\tRoute::put('profile', ['as' => 'profile.update', 'uses' => 'ProfileController@update']);\n\tRoute::put('profile/password', ['as' => 'profile.password', 'uses' => 'ProfileController@password']);\n});\n\n", + FILE_APPEND + ); + + // Copy views + static::copyDirectory('resources/views/users', resource_path('views/users')); + static::copyDirectory('resources/views/profile', resource_path('views/profile')); + } + + /** + * Copy internal pages files + * + * @return void + */ + public static function addPagesViews() + { + // Add routes + file_put_contents( + './routes/web.php', + "Route::group(['middleware' => 'auth'], function () {\n\t\tRoute::get('icons', ['as' => 'pages.icons', 'uses' => 'PageController@icons']);\n\t\tRoute::get('maps', ['as' => 'pages.maps', 'uses' => 'PageController@maps']);\n\t\tRoute::get('notifications', ['as' => 'pages.notifications', 'uses' => 'PageController@notifications']);\n\t\tRoute::get('rtl', ['as' => 'pages.rtl', 'uses' => 'PageController@rtl']);\n\t\tRoute::get('tables', ['as' => 'pages.tables', 'uses' => 'PageController@tables']);\n\t\tRoute::get('typography', ['as' => 'pages.typography', 'uses' => 'PageController@typography']);\n\t\tRoute::get('upgrade', ['as' => 'pages.upgrade', 'uses' => 'PageController@upgrade']);\n});\n\n", + FILE_APPEND + ); + + static::copyFile('app/Http/Controllers/PageController.php', app_path('Http/Controllers/PageController.php')); + + // Copy views + static::copyDirectory('resources/views/pages', resource_path('views/pages')); + } + + /** + * Delete a resource + * + * @param string $resource + * @return void + */ + private static function deleteResource($resource) + { + (new Filesystem)->delete(resource_path($resource)); + } + + /** + * Copy a directory + * + * @param string $file + * @param string $destination + * @return void + */ + private static function copyFile($file, $destination) + { + (new Filesystem)->copy(static::STUBSPATH.$file, $destination); + } + + /** + * Copy a directory + * + * @param string $directory + * @param string $destination + * @return void + */ + private static function copyDirectory($directory, $destination) + { + (new Filesystem)->copyDirectory(static::STUBSPATH.$directory, $destination); + } +} \ No newline at end of file diff --git a/src/BlackPresetServiceProvider.php b/src/BlackPresetServiceProvider.php new file mode 100644 index 0000000..01f1fbe --- /dev/null +++ b/src/BlackPresetServiceProvider.php @@ -0,0 +1,33 @@ +info('Black Dashboard scaffolding installed successfully.'); + }); + } + + /** + * Register any package services. + * + * @return void + */ + public function register() + { + // + } +} diff --git a/src/black-stubs/app/Http/Controllers/HomeController.php b/src/black-stubs/app/Http/Controllers/HomeController.php new file mode 100644 index 0000000..f4f55d1 --- /dev/null +++ b/src/black-stubs/app/Http/Controllers/HomeController.php @@ -0,0 +1,26 @@ +middleware('auth'); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\View\View + */ + public function index() + { + return view('dashboard'); + } +} diff --git a/src/black-stubs/app/Http/Controllers/PageController.php b/src/black-stubs/app/Http/Controllers/PageController.php new file mode 100644 index 0000000..a580348 --- /dev/null +++ b/src/black-stubs/app/Http/Controllers/PageController.php @@ -0,0 +1,76 @@ +user()->update($request->all()); + + return back()->withStatus(__('Profile successfully updated.')); + } + + /** + * Change the password + * + * @param \App\Http\Requests\PasswordRequest $request + * @return \Illuminate\Http\RedirectResponse + */ + public function password(PasswordRequest $request) + { + auth()->user()->update(['password' => Hash::make($request->get('password'))]); + + return back()->withPasswordStatus(__('Password successfully updated.')); + } +} diff --git a/src/black-stubs/app/Http/Controllers/UserController.php b/src/black-stubs/app/Http/Controllers/UserController.php new file mode 100644 index 0000000..90f4b76 --- /dev/null +++ b/src/black-stubs/app/Http/Controllers/UserController.php @@ -0,0 +1,94 @@ + $model->paginate(15)]); + } + + /** + * Show the form for creating a new user + * + * @return \Illuminate\View\View + */ + public function create() + { + return view('users.create'); + } + + /** + * Store a newly created user in storage + * + * @param \App\Http\Requests\UserRequest $request + * @param \App\User $model + * @return \Illuminate\Http\RedirectResponse + */ + public function store(UserRequest $request, User $model) + { + $model->create($request->merge(['password' => Hash::make($request->get('password'))])->all()); + + return redirect()->route('user.index')->withStatus(__('User successfully created.')); + } + + /** + * Show the form for editing the specified user + * + * @param \App\User $user + * @return \Illuminate\View\View + */ + public function edit(User $user) + { + if ($user->id == 1) { + return redirect()->route('user.index'); + } + + return view('users.edit', compact('user')); + } + + /** + * Update the specified user in storage + * + * @param \App\Http\Requests\UserRequest $request + * @param \App\User $user + * @return \Illuminate\Http\RedirectResponse + */ + public function update(UserRequest $request, User $user) + { + $user->update( + $request->merge(['password' => Hash::make($request->get('password'))]) + ->except([$request->get('password') ? '' : 'password'] + )); + + return redirect()->route('user.index')->withStatus(__('User successfully updated.')); + } + + /** + * Remove the specified user from storage + * + * @param \App\User $user + * @return \Illuminate\Http\RedirectResponse + */ + public function destroy(User $user) + { + if ($user->id == 1) { + return abort(403); + } + + $user->delete(); + + return redirect()->route('user.index')->withStatus(__('User successfully deleted.')); + } +} diff --git a/src/black-stubs/app/Http/Requests/PasswordRequest.php b/src/black-stubs/app/Http/Requests/PasswordRequest.php new file mode 100644 index 0000000..3cf33e1 --- /dev/null +++ b/src/black-stubs/app/Http/Requests/PasswordRequest.php @@ -0,0 +1,45 @@ +check(); + } + + /** + * Get the validation rules that apply to the request. + * + * @return array + */ + public function rules() + { + return [ + 'old_password' => ['required', 'min:6', new CurrentPasswordCheckRule], + 'password' => ['required', 'min:6', 'confirmed', 'different:old_password'], + 'password_confirmation' => ['required', 'min:6'], + ]; + } + + /** + * Get the validation attributes that apply to the request. + * + * @return array + */ + public function attributes() + { + return [ + 'old_password' => __('current password'), + ]; + } +} diff --git a/src/black-stubs/app/Http/Requests/ProfileRequest.php b/src/black-stubs/app/Http/Requests/ProfileRequest.php new file mode 100644 index 0000000..2b2a15d --- /dev/null +++ b/src/black-stubs/app/Http/Requests/ProfileRequest.php @@ -0,0 +1,33 @@ +check(); + } + + /** + * Get the validation rules that apply to the request. + * + * @return array + */ + public function rules() + { + return [ + 'name' => ['required', 'min:3'], + 'email' => ['required', 'email', Rule::unique((new User)->getTable())->ignore(auth()->id())], + ]; + } +} diff --git a/src/black-stubs/app/Http/Requests/UserRequest.php b/src/black-stubs/app/Http/Requests/UserRequest.php new file mode 100644 index 0000000..2519ecb --- /dev/null +++ b/src/black-stubs/app/Http/Requests/UserRequest.php @@ -0,0 +1,40 @@ +check(); + } + + /** + * Get the validation rules that apply to the request. + * + * @return array + */ + public function rules() + { + return [ + 'name' => [ + 'required', 'min:3' + ], + 'email' => [ + 'required', 'email', Rule::unique((new User)->getTable())->ignore($this->route()->user->id ?? null) + ], + 'password' => [ + $this->route()->user ? 'required_with:password_confirmation' : 'required', 'nullable', 'confirmed', 'min:6' + ], + ]; + } +} diff --git a/src/black-stubs/app/Rules/CurrentPasswordCheckRule.php b/src/black-stubs/app/Rules/CurrentPasswordCheckRule.php new file mode 100644 index 0000000..3196020 --- /dev/null +++ b/src/black-stubs/app/Rules/CurrentPasswordCheckRule.php @@ -0,0 +1,31 @@ +user()->password); + } + + /** + * Get the validation error message. + * + * @return string + */ + public function message() + { + return __('The current password field does not match your password'); + } +} diff --git a/src/black-stubs/database/seeds/DatabaseSeeder.php b/src/black-stubs/database/seeds/DatabaseSeeder.php new file mode 100644 index 0000000..60429e1 --- /dev/null +++ b/src/black-stubs/database/seeds/DatabaseSeeder.php @@ -0,0 +1,16 @@ +call([UsersTableSeeder::class]); + } +} diff --git a/src/black-stubs/database/seeds/UsersTableSeeder.php b/src/black-stubs/database/seeds/UsersTableSeeder.php new file mode 100644 index 0000000..089e27a --- /dev/null +++ b/src/black-stubs/database/seeds/UsersTableSeeder.php @@ -0,0 +1,25 @@ +insert([ + 'id' => 1, + 'name' => 'Admin Admin', + 'email' => 'admin@black.com', + 'email_verified_at' => now(), + 'password' => Hash::make('secret'), + 'created_at' => now(), + 'updated_at' => now() + ]); + } +} diff --git a/src/black-stubs/resources/assets/css/black-dashboard.css b/src/black-stubs/resources/assets/css/black-dashboard.css new file mode 100644 index 0000000..85e4cec --- /dev/null +++ b/src/black-stubs/resources/assets/css/black-dashboard.css @@ -0,0 +1,17898 @@ +/* + ========================================================= + * Black Dashboard - v1.0.0 + ========================================================= + + * Product Page: https://www.creative-tim.com/product/black-dashboard + * Copyright 2018 Creative Tim (http://www.creative-tim.com) & UPDIVISION (https://updivision.com) + + + ========================================================= + + * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + + */ + +/* brand Colors */ + +/* navbar color */ + +:root { + --blue: #5e72e4; + --indigo: #5603ad; + --purple: #8965e0; + --pink: #f3a4b5; + --red: #f5365c; + --orange: #fb6340; + --yellow: #ffd600; + --green: #2dce89; + --teal: #11cdef; + --cyan: #2bffc6; + --white: #ffffff; + --gray: #6c757d; + --gray-dark: #32325d; + --light: #ced4da; + --lighter: #e9ecef; + --primary: #e14eca; + --secondary: #f4f5f7; + --success: #00f2c3; + --info: #1d8cf8; + --warning: #ff8d72; + --danger: #fd5d93; + --light: #adb5bd; + --dark: #212529; + --default: #344675; + --white: #ffffff; + --neutral: #ffffff; + --darker: black; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(34, 42, 66, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: "Poppins", sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #525f7f; + text-align: left; + background-color: #1e1e2f; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #e14eca; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #c221a9; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 1rem; + padding-bottom: 1rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 400; + line-height: 1.2; + color: #32325d; +} + +h1, +.h1 { + font-size: 2.0625rem; +} + +h2, +.h2 { + font-size: 1.6875rem; +} + +h3, +.h3 { + font-size: 1.4375rem; +} + +h4, +.h4 { + font-size: 1.0625rem; +} + +h5, +.h5 { + font-size: 0.8125rem; +} + +h6, +.h6 { + font-size: 0.75rem; +} + +.lead { + font-size: 0.78125rem; + font-weight: 300; +} + +.display-1 { + font-size: 3.3rem; + font-weight: 600; + line-height: 1.2; +} + +.display-2 { + font-size: 2.75rem; + font-weight: 600; + line-height: 1.2; +} + +.display-3 { + font-size: 2.1875rem; + font-weight: 600; + line-height: 1.2; +} + +.display-4 { + font-size: 1.6275rem; + font-weight: 600; + line-height: 1.2; +} + +hr { + margin-top: 2rem; + margin-bottom: 2rem; + border: 0; + border-top: 0.0625rem solid rgba(34, 42, 66, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 0.9625rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #1e1e2f; + border: 0.0625rem solid #e3e3e3; + border-radius: 0.25rem; + box-shadow: 0 1px 2px rgba(34, 42, 66, 0.075); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code { + font-size: 87.5%; + color: #f3a4b5; + word-break: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.2857rem; + box-shadow: inset 0 -0.1rem 0 rgba(34, 42, 66, 0.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; + box-shadow: none; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters>.col, +.no-gutters>[class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col, +.col-auto, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm, +.col-sm-auto, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md, +.col-md-auto, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.col-lg, +.col-lg-auto, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl, +.col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: none; +} + +.col-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-sm-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.333333%; + } + .offset-sm-2 { + margin-left: 16.666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.333333%; + } + .offset-sm-5 { + margin-left: 41.666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.333333%; + } + .offset-sm-8 { + margin-left: 66.666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.333333%; + } + .offset-sm-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-md-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.333333%; + } + .offset-md-2 { + margin-left: 16.666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.333333%; + } + .offset-md-5 { + margin-left: 41.666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.333333%; + } + .offset-md-8 { + margin-left: 66.666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.333333%; + } + .offset-md-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-lg-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.333333%; + } + .offset-lg-2 { + margin-left: 16.666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.333333%; + } + .offset-lg-5 { + margin-left: 41.666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.333333%; + } + .offset-lg-8 { + margin-left: 66.666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.333333%; + } + .offset-lg-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xl-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.333333%; + } + .offset-xl-2 { + margin-left: 16.666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.333333%; + } + .offset-xl-5 { + margin-left: 41.666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.333333%; + } + .offset-xl-8 { + margin-left: 66.666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.333333%; + } + .offset-xl-11 { + margin-left: 91.666667%; + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} + +.table th, +.table td { + padding: 1rem; + vertical-align: top; + border-top: 0.0625rem solid #e3e3e3; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 0.125rem solid #e3e3e3; +} + +.table tbody+tbody { + border-top: 0.125rem solid #e3e3e3; +} + +.table .table { + background-color: #1e1e2f; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 0.0625rem solid #e3e3e3; +} + +.table-bordered th, +.table-bordered td { + border: 0.0625rem solid #e3e3e3; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 0.125rem; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody+tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(34, 42, 66, 0.05); +} + +.table-hover tbody tr:hover { + background-color: rgba(34, 42, 66, 0.075); +} + +.table-primary, +.table-primary>th, +.table-primary>td { + background-color: #f7cdf0; +} + +.table-hover .table-primary:hover { + background-color: #f3b7e9; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #f3b7e9; +} + +.table-secondary, +.table-secondary>th, +.table-secondary>td { + background-color: #fcfcfd; +} + +.table-hover .table-secondary:hover { + background-color: #ededf3; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #ededf3; +} + +.table-success, +.table-success>th, +.table-success>td { + background-color: #b8fbee; +} + +.table-hover .table-success:hover { + background-color: #a0fae8; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #a0fae8; +} + +.table-info, +.table-info>th, +.table-info>td { + background-color: #c0dffd; +} + +.table-hover .table-info:hover { + background-color: #a7d2fc; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #a7d2fc; +} + +.table-warning, +.table-warning>th, +.table-warning>td { + background-color: #ffdfd8; +} + +.table-hover .table-warning:hover { + background-color: #ffcabf; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #ffcabf; +} + +.table-danger, +.table-danger>th, +.table-danger>td { + background-color: #fed2e1; +} + +.table-hover .table-danger:hover { + background-color: #fdb9d0; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #fdb9d0; +} + +.table-light, +.table-light>th, +.table-light>td { + background-color: #e8eaed; +} + +.table-hover .table-light:hover { + background-color: #dadde2; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #dadde2; +} + +.table-dark, +.table-dark>th, +.table-dark>td { + background-color: #c1c2c3; +} + +.table-hover .table-dark:hover { + background-color: #b4b5b6; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: #b4b5b6; +} + +.table-default, +.table-default>th, +.table-default>td { + background-color: #c6cbd8; +} + +.table-hover .table-default:hover { + background-color: #b7bdce; +} + +.table-hover .table-default:hover>td, +.table-hover .table-default:hover>th { + background-color: #b7bdce; +} + +.table-white, +.table-white>th, +.table-white>td { + background-color: white; +} + +.table-hover .table-white:hover { + background-color: #f2f2f2; +} + +.table-hover .table-white:hover>td, +.table-hover .table-white:hover>th { + background-color: #f2f2f2; +} + +.table-neutral, +.table-neutral>th, +.table-neutral>td { + background-color: white; +} + +.table-hover .table-neutral:hover { + background-color: #f2f2f2; +} + +.table-hover .table-neutral:hover>td, +.table-hover .table-neutral:hover>th { + background-color: #f2f2f2; +} + +.table-darker, +.table-darker>th, +.table-darker>td { + background-color: #b8b8b8; +} + +.table-hover .table-darker:hover { + background-color: #ababab; +} + +.table-hover .table-darker:hover>td, +.table-hover .table-darker:hover>th { + background-color: #ababab; +} + +.table-active, +.table-active>th, +.table-active>td { + background-color: rgba(34, 42, 66, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(25, 31, 49, 0.075); +} + +.table-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(25, 31, 49, 0.075); +} + +.table .thead-dark th { + color: #1e1e2f; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #525f7f; + background-color: #e9ecef; + border-color: #e3e3e3; +} + +.table-dark { + color: #1e1e2f; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #32383e; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-sm>.table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-md>.table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-lg>.table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xl>.table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive>.table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.5rem 0.7rem; + font-size: 0.875rem; + line-height: 1.428571; + color: rgba(255, 255, 255, 0.8); + background-color: transparent; + background-clip: padding-box; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; + transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); +} + +@media screen and (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: rgba(255, 255, 255, 0.8); + background-color: #ffffff; + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: none, none; +} + +.form-control::placeholder { + color: #adb5bd; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.875rem + 1px); + padding-bottom: calc(0.875rem + 1px); + font-size: 0.99925rem; + line-height: 1.35; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.75rem; + line-height: 1.35; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; + line-height: 1.428571; + color: #525f7f; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.2857rem; +} + +.form-control-lg { + height: calc(3.098987rem + 2px); + padding: 0.875rem 1rem; + font-size: 0.99925rem; + line-height: 1.35; + border-radius: 0.4285rem; +} + +select.form-control[size], +select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row>.col, +.form-row>[class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled~.form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #00f2c3; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #ffffff; + background-color: rgba(0, 242, 195, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:valid, +.form-control.is-valid, +.was-validated .custom-select:valid, +.custom-select.is-valid { + border-color: #00f2c3; +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus, +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #00f2c3; + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} + +.was-validated .form-control:valid~.valid-feedback, +.was-validated .form-control:valid~.valid-tooltip, +.form-control.is-valid~.valid-feedback, +.form-control.is-valid~.valid-tooltip, +.was-validated .custom-select:valid~.valid-feedback, +.was-validated .custom-select:valid~.valid-tooltip, +.custom-select.is-valid~.valid-feedback, +.custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid~.valid-feedback, +.was-validated .form-control-file:valid~.valid-tooltip, +.form-control-file.is-valid~.valid-feedback, +.form-control-file.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #00f2c3; +} + +.was-validated .form-check-input:valid~.valid-feedback, +.was-validated .form-check-input:valid~.valid-tooltip, +.form-check-input.is-valid~.valid-feedback, +.form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid~.custom-control-label, +.custom-control-input.is-valid~.custom-control-label { + color: #00f2c3; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + background-color: #73ffe4; +} + +.was-validated .custom-control-input:valid~.valid-feedback, +.was-validated .custom-control-input:valid~.valid-tooltip, +.custom-control-input.is-valid~.valid-feedback, +.custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #26ffd5; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #1e1e2f, 0 0 0 0 rgba(0, 242, 195, 0.25); +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #00f2c3; +} + +.was-validated .custom-file-input:valid~.custom-file-label::after, +.custom-file-input.is-valid~.custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:valid~.valid-feedback, +.was-validated .custom-file-input:valid~.valid-tooltip, +.custom-file-input.is-valid~.valid-feedback, +.custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff8d72; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.75rem; + line-height: 1.5; + color: #ffffff; + background-color: rgba(255, 141, 114, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid, +.was-validated .custom-select:invalid, +.custom-select.is-invalid { + border-color: #ff8d72; +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus, +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #ff8d72; + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} + +.was-validated .form-control:invalid~.invalid-feedback, +.was-validated .form-control:invalid~.invalid-tooltip, +.form-control.is-invalid~.invalid-feedback, +.form-control.is-invalid~.invalid-tooltip, +.was-validated .custom-select:invalid~.invalid-feedback, +.was-validated .custom-select:invalid~.invalid-tooltip, +.custom-select.is-invalid~.invalid-feedback, +.custom-select.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid~.invalid-feedback, +.was-validated .form-control-file:invalid~.invalid-tooltip, +.form-control-file.is-invalid~.invalid-feedback, +.form-control-file.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #ff8d72; +} + +.was-validated .form-check-input:invalid~.invalid-feedback, +.was-validated .form-check-input:invalid~.invalid-tooltip, +.form-check-input.is-invalid~.invalid-feedback, +.form-check-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid~.custom-control-label, +.custom-control-input.is-invalid~.custom-control-label { + color: #ff8d72; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + background-color: #fff4f2; +} + +.was-validated .custom-control-input:invalid~.invalid-feedback, +.was-validated .custom-control-input:invalid~.invalid-tooltip, +.custom-control-input.is-invalid~.invalid-feedback, +.custom-control-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { + background-color: #ffb6a5; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #1e1e2f, 0 0 0 0 rgba(255, 141, 114, 0.25); +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #ff8d72; +} + +.was-validated .custom-file-input:invalid~.custom-file-label::after, +.custom-file-input.is-invalid~.custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:invalid~.invalid-feedback, +.was-validated .custom-file-input:invalid~.invalid-tooltip, +.custom-file-input.is-invalid~.invalid-feedback, +.custom-file-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 600; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 11px 40px; + font-size: 0.875rem; + line-height: 1.35em; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover, +.btn:focus { + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.btn:not(:disabled):not(.disabled):active, +.btn:not(:disabled):not(.disabled).active { + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active:focus, +.btn:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08), none; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-primary:hover { + color: #ffffff; + background-color: #db2dc0; + border-color: #d725bb; +} + +.btn-primary:focus, +.btn-primary.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(225, 78, 202, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #d725bb; + border-color: #cd23b2; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(225, 78, 202, 0.5); +} + +.btn-secondary { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-secondary:hover { + color: #212529; + background-color: #dee1e7; + border-color: #d6dae2; +} + +.btn-secondary:focus, +.btn-secondary.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { + color: #212529; + background-color: #d6dae2; + border-color: #cfd3dc; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #00f2c3; + border-color: #00f2c3; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-success:hover { + color: #ffffff; + background-color: #00cca4; + border-color: #00bf9a; +} + +.btn-success:focus, +.btn-success.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(0, 242, 195, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #ffffff; + background-color: #00f2c3; + border-color: #00f2c3; +} + +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #00bf9a; + border-color: #00b290; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(0, 242, 195, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #1d8cf8; + border-color: #1d8cf8; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-info:hover { + color: #ffffff; + background-color: #0779e8; + border-color: #0772db; +} + +.btn-info:focus, +.btn-info.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(29, 140, 248, 0.5); +} + +.btn-info.disabled, +.btn-info:disabled { + color: #ffffff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} + +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #0772db; + border-color: #066ccf; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(29, 140, 248, 0.5); +} + +.btn-warning { + color: #ffffff; + background-color: #ff8d72; + border-color: #ff8d72; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-warning:hover { + color: #ffffff; + background-color: #ff6e4c; + border-color: #ff643f; +} + +.btn-warning:focus, +.btn-warning.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 141, 114, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #ffffff; + background-color: #ff8d72; + border-color: #ff8d72; +} + +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #ff643f; + border-color: #ff5932; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(255, 141, 114, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #fd5d93; + border-color: #fd5d93; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-danger:hover { + color: #ffffff; + background-color: #fd377a; + border-color: #fc2b71; +} + +.btn-danger:focus, +.btn-danger.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(253, 93, 147, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #ffffff; + background-color: #fd5d93; + border-color: #fd5d93; +} + +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #fc2b71; + border-color: #fc1e69; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(253, 93, 147, 0.5); +} + +.btn-light { + color: #ffffff; + background-color: #adb5bd; + border-color: #adb5bd; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-light:hover { + color: #ffffff; + background-color: #98a2ac; + border-color: #919ca6; +} + +.btn-light:focus, +.btn-light.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #ffffff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #ffffff; + background-color: #919ca6; + border-color: #8a95a1; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #212529; + border-color: #212529; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-dark:hover { + color: #ffffff; + background-color: #101214; + border-color: #0a0c0d; +} + +.btn-dark:focus, +.btn-dark.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #ffffff; + background-color: #212529; + border-color: #212529; +} + +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #ffffff; + background-color: #0a0c0d; + border-color: #050506; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.btn-default { + color: #ffffff; + background-color: #344675; + border-color: #344675; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-default:hover { + color: #ffffff; + background-color: #28365b; + border-color: #243152; +} + +.btn-default:focus, +.btn-default.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(52, 70, 117, 0.5); +} + +.btn-default.disabled, +.btn-default:disabled { + color: #ffffff; + background-color: #344675; + border-color: #344675; +} + +.btn-default:not(:disabled):not(.disabled):active, +.btn-default:not(:disabled):not(.disabled).active, +.show>.btn-default.dropdown-toggle { + color: #ffffff; + background-color: #243152; + border-color: #202c49; +} + +.btn-default:not(:disabled):not(.disabled):active:focus, +.btn-default:not(:disabled):not(.disabled).active:focus, +.show>.btn-default.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(52, 70, 117, 0.5); +} + +.btn-white { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-white:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} + +.btn-white:focus, +.btn-white.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-white.disabled, +.btn-white:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-white:not(:disabled):not(.disabled):active, +.btn-white:not(:disabled):not(.disabled).active, +.show>.btn-white.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} + +.btn-white:not(:disabled):not(.disabled):active:focus, +.btn-white:not(:disabled):not(.disabled).active:focus, +.show>.btn-white.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-neutral { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-neutral:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; +} + +.btn-neutral:focus, +.btn-neutral.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-neutral.disabled, +.btn-neutral:disabled { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-neutral:not(:disabled):not(.disabled):active, +.btn-neutral:not(:disabled):not(.disabled).active, +.show>.btn-neutral.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; +} + +.btn-neutral:not(:disabled):not(.disabled):active:focus, +.btn-neutral:not(:disabled):not(.disabled).active:focus, +.show>.btn-neutral.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-darker { + color: #ffffff; + background-color: black; + border-color: black; + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.btn-darker:hover { + color: #ffffff; + background-color: black; + border-color: black; +} + +.btn-darker:focus, +.btn-darker.focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-darker.disabled, +.btn-darker:disabled { + color: #ffffff; + background-color: black; + border-color: black; +} + +.btn-darker:not(:disabled):not(.disabled):active, +.btn-darker:not(:disabled):not(.disabled).active, +.show>.btn-darker.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} + +.btn-darker:not(:disabled):not(.disabled):active:focus, +.btn-darker:not(:disabled):not(.disabled).active:focus, +.show>.btn-darker.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-outline-primary { + color: #e14eca; + background-color: transparent; + background-image: none; + border-color: #e14eca; +} + +.btn-outline-primary:hover { + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; +} + +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0 rgba(225, 78, 202, 0.5); +} + +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #e14eca; + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show>.btn-outline-primary.dropdown-toggle { + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(225, 78, 202, 0.5); +} + +.btn-outline-secondary { + color: #f4f5f7; + background-color: transparent; + background-image: none; + border-color: #f4f5f7; +} + +.btn-outline-secondary:hover { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #f4f5f7; + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show>.btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #f4f5f7; + border-color: #f4f5f7; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); +} + +.btn-outline-success { + color: #00f2c3; + background-color: transparent; + background-image: none; + border-color: #00f2c3; +} + +.btn-outline-success:hover { + color: #ffffff; + background-color: #00f2c3; + border-color: #00f2c3; +} + +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #00f2c3; + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show>.btn-outline-success.dropdown-toggle { + color: #ffffff; + background-color: #00f2c3; + border-color: #00f2c3; +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 242, 195, 0.5); +} + +.btn-outline-info { + color: #1d8cf8; + background-color: transparent; + background-image: none; + border-color: #1d8cf8; +} + +.btn-outline-info:hover { + color: #ffffff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} + +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0 rgba(29, 140, 248, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #1d8cf8; + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, +.btn-outline-info:not(:disabled):not(.disabled).active, +.show>.btn-outline-info.dropdown-toggle { + color: #ffffff; + background-color: #1d8cf8; + border-color: #1d8cf8; +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(29, 140, 248, 0.5); +} + +.btn-outline-warning { + color: #ff8d72; + background-color: transparent; + background-image: none; + border-color: #ff8d72; +} + +.btn-outline-warning:hover { + color: #ffffff; + background-color: #ff8d72; + border-color: #ff8d72; +} + +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ff8d72; + background-color: transparent; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show>.btn-outline-warning.dropdown-toggle { + color: #ffffff; + background-color: #ff8d72; + border-color: #ff8d72; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 141, 114, 0.5); +} + +.btn-outline-danger { + color: #fd5d93; + background-color: transparent; + background-image: none; + border-color: #fd5d93; +} + +.btn-outline-danger:hover { + color: #ffffff; + background-color: #fd5d93; + border-color: #fd5d93; +} + +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0 rgba(253, 93, 147, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #fd5d93; + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, +.btn-outline-danger:not(:disabled):not(.disabled).active, +.show>.btn-outline-danger.dropdown-toggle { + color: #ffffff; + background-color: #fd5d93; + border-color: #fd5d93; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(253, 93, 147, 0.5); +} + +.btn-outline-light { + color: #adb5bd; + background-color: transparent; + background-image: none; + border-color: #adb5bd; +} + +.btn-outline-light:hover { + color: #ffffff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #adb5bd; + background-color: transparent; +} + +.btn-outline-light:not(:disabled):not(.disabled):active, +.btn-outline-light:not(:disabled):not(.disabled).active, +.show>.btn-outline-light.dropdown-toggle { + color: #ffffff; + background-color: #adb5bd; + border-color: #adb5bd; +} + +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); +} + +.btn-outline-dark { + color: #212529; + background-color: transparent; + background-image: none; + border-color: #212529; +} + +.btn-outline-dark:hover { + color: #ffffff; + background-color: #212529; + border-color: #212529; +} + +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #212529; + background-color: transparent; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show>.btn-outline-dark.dropdown-toggle { + color: #ffffff; + background-color: #212529; + border-color: #212529; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); +} + +.btn-outline-default { + color: #344675; + background-color: transparent; + background-image: none; + border-color: #344675; +} + +.btn-outline-default:hover { + color: #ffffff; + background-color: #344675; + border-color: #344675; +} + +.btn-outline-default:focus, +.btn-outline-default.focus { + box-shadow: 0 0 0 0 rgba(52, 70, 117, 0.5); +} + +.btn-outline-default.disabled, +.btn-outline-default:disabled { + color: #344675; + background-color: transparent; +} + +.btn-outline-default:not(:disabled):not(.disabled):active, +.btn-outline-default:not(:disabled):not(.disabled).active, +.show>.btn-outline-default.dropdown-toggle { + color: #ffffff; + background-color: #344675; + border-color: #344675; +} + +.btn-outline-default:not(:disabled):not(.disabled):active:focus, +.btn-outline-default:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-default.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(52, 70, 117, 0.5); +} + +.btn-outline-white { + color: #ffffff; + background-color: transparent; + background-image: none; + border-color: #ffffff; +} + +.btn-outline-white:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-outline-white:focus, +.btn-outline-white.focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-white.disabled, +.btn-outline-white:disabled { + color: #ffffff; + background-color: transparent; +} + +.btn-outline-white:not(:disabled):not(.disabled):active, +.btn-outline-white:not(:disabled):not(.disabled).active, +.show>.btn-outline-white.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-outline-white:not(:disabled):not(.disabled):active:focus, +.btn-outline-white:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-neutral { + color: #ffffff; + background-color: transparent; + background-image: none; + border-color: #ffffff; +} + +.btn-outline-neutral:hover { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-outline-neutral:focus, +.btn-outline-neutral.focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-neutral.disabled, +.btn-outline-neutral:disabled { + color: #ffffff; + background-color: transparent; +} + +.btn-outline-neutral:not(:disabled):not(.disabled):active, +.btn-outline-neutral:not(:disabled):not(.disabled).active, +.show>.btn-outline-neutral.dropdown-toggle { + color: #212529; + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, +.btn-outline-neutral:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-neutral.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); +} + +.btn-outline-darker { + color: black; + background-color: transparent; + background-image: none; + border-color: black; +} + +.btn-outline-darker:hover { + color: #ffffff; + background-color: black; + border-color: black; +} + +.btn-outline-darker:focus, +.btn-outline-darker.focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-outline-darker.disabled, +.btn-outline-darker:disabled { + color: black; + background-color: transparent; +} + +.btn-outline-darker:not(:disabled):not(.disabled):active, +.btn-outline-darker:not(:disabled):not(.disabled).active, +.show>.btn-outline-darker.dropdown-toggle { + color: #ffffff; + background-color: black; + border-color: black; +} + +.btn-outline-darker:not(:disabled):not(.disabled):active:focus, +.btn-outline-darker:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-darker.dropdown-toggle:focus { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); +} + +.btn-link { + font-weight: 400; + color: #e14eca; + background-color: transparent; +} + +.btn-link:hover { + color: #c221a9; + text-decoration: none; + background-color: transparent; + border-color: transparent; +} + +.btn-link:focus, +.btn-link.focus { + text-decoration: none; + border-color: transparent; + box-shadow: none; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #6c757d; + pointer-events: none; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 15px 48px; + font-size: 0.99925rem; + line-height: 1.35; + border-radius: 0.4285rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 5px 15px; + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.25rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media screen and (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 0.875rem; + color: #525f7f; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 0 solid rgba(34, 42, 66, 0.15); + border-radius: 0.1428rem; + box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f6f9fc; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #e14eca; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.75rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 0 1 auto; +} + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover { + z-index: 1; +} + +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group, +.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn+.btn-group, +.btn-group-vertical .btn-group+.btn, +.btn-group-vertical .btn-group+.btn-group { + margin-left: -1px; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:first-child { + margin-left: 0; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 30px; + padding-left: 30px; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 11.25px; + padding-left: 11.25px; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 36px; + padding-left: 36px; +} + +.btn-group.show .dropdown-toggle { + box-shadow: none; +} + +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { + width: 100%; +} + +.btn-group-vertical>.btn+.btn, +.btn-group-vertical>.btn+.btn-group, +.btn-group-vertical>.btn-group+.btn, +.btn-group-vertical>.btn-group+.btn-group { + margin-top: -1px; + margin-left: 0; +} + +.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:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.btn-group-toggle>.btn-group>.btn { + margin-bottom: 0; +} + +.btn-group-toggle>.btn input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.custom-select+.form-control, +.input-group>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.input-group>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file { + margin-left: -1px; +} + +.input-group>.form-control:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file .custom-file-input:focus~.custom-file-label { + z-index: 3; +} + +.input-group>.custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group>.form-control:not(:last-child), +.input-group>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.form-control:not(:first-child), +.input-group>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.custom-file { + display: flex; + align-items: center; +} + +.input-group>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn+.btn, +.input-group-prepend .btn+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.input-group-append .btn+.btn, +.input-group-append .btn+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.5rem 0.7rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.428571; + color: #adb5bd; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid #cad1d7; + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg>.form-control, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.input-group-append>.btn { + height: calc(3.098987rem + 2px); + padding: 0.875rem 1rem; + font-size: 0.99925rem; + line-height: 1.35; + border-radius: 0.4285rem; +} + +.input-group-sm>.form-control, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.input-group-append>.btn { + height: calc(1.5125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.35; + border-radius: 0.2857rem; +} + +.input-group>.input-group-prepend>.btn, +.input-group>.input-group-prepend>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.input-group-append>.btn, +.input-group>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.3125rem; + padding-left: 1.75rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #ffffff; + background-color: #e14eca; + box-shadow: none; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: none; +} + +.custom-control-input:active~.custom-control-label::before { + color: #ffffff; + background-color: #e14eca; + box-shadow: none; +} + +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; +} + +.custom-control-label::before { + position: absolute; + top: 0.03125rem; + left: -1.75rem; + display: block; + width: 1.25rem; + height: 1.25rem; + pointer-events: none; + content: ""; + user-select: none; + background-color: transparent; + box-shadow: none; +} + +.custom-control-label::after { + position: absolute; + top: 0.03125rem; + left: -1.75rem; + display: block; + width: 1.25rem; + height: 1.25rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.2857rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: #e14eca; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { + background-color: #e14eca; + box-shadow: none; +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(225, 78, 202, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(225, 78, 202, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::before { + background-color: #e14eca; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(225, 78, 202, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.428571; + color: rgba(255, 255, 255, 0.8); + vertical-align: middle; + background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075); + appearance: none; +} + +.custom-select:focus { + border-color: rgba(50, 151, 211, 0.25); + outline: 0; + box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075), 0 0 0 0 rgba(50, 151, 211, 0.5); +} + +.custom-select:focus::-ms-value { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + opacity: 0; +} + +.custom-select-sm { + height: calc(1.5125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; +} + +.custom-select-lg { + height: calc(3.098987rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 125%; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.25rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus~.custom-file-label { + border-color: rgba(50, 151, 211, 0.25); + box-shadow: none; +} + +.custom-file-input:focus~.custom-file-label::after { + border-color: rgba(50, 151, 211, 0.25); +} + +.custom-file-input:disabled~.custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + padding: 0.5rem 0.7rem; + line-height: 1.428571; + color: rgba(255, 255, 255, 0.8); + background-color: transparent; + border: 1px solid #cad1d7; + border-radius: 0.25rem; + box-shadow: none; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + padding: 0.5rem 0.7rem; + line-height: 1.428571; + color: rgba(255, 255, 255, 0.8); + content: "Browse"; + background-color: transparent; + border-left: 1px solid #cad1d7; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + padding-left: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #1e1e2f, none; +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #1e1e2f, none; +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #1e1e2f, none; +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #fbe7f8; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e3e3e3; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #fbe7f8; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #e3e3e3; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0; + margin-left: 0; + background-color: #e14eca; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #fbe7f8; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1); +} + +.custom-range::-ms-fill-lower { + background-color: #e3e3e3; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #e3e3e3; + border-radius: 1rem; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; +} + +.nav-tabs { + border-bottom: 0.0625rem solid #e3e3e3; +} + +.nav-tabs .nav-item { + margin-bottom: -0.0625rem; +} + +.nav-tabs .nav-link { + border: 0.0625rem solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #e3e3e3; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #525f7f; + background-color: #1e1e2f; + border-color: #e3e3e3 #e3e3e3 #1e1e2f; +} + +.nav-tabs .dropdown-menu { + margin-top: -0.0625rem; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #ffffff; + background-color: #e14eca; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.625rem 0.9375rem; +} + +.navbar>.container, +.navbar>.container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.406813rem; + padding-bottom: 0.406813rem; + margin-right: 0.9375rem; + font-size: 0.99925rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 0.99925rem; + line-height: 1; + background-color: transparent; + border: 0.0625rem solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(34, 42, 66, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(34, 42, 66, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(34, 42, 66, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(34, 42, 66, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(34, 42, 66, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .active>.nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(34, 42, 66, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(34, 42, 66, 0.5); + border-color: transparent; +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml !default;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34, 42, 66, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-light .navbar-text { + color: rgba(34, 42, 66, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(34, 42, 66, 0.9); +} + +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(34, 42, 66, 0.9); +} + +.navbar-dark .navbar-brand { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.95); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .active>.nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.95); + border-color: transparent; +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.95); +} + +.navbar-dark .navbar-text a { + color: rgba(255, 255, 255, 0.65); +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: rgba(255, 255, 255, 0.65); +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 0.0625rem solid rgba(34, 42, 66, 0.05); + border-radius: 0.2857rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.2857rem; + border-top-right-radius: 0.2857rem; +} + +.card>.list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; +} + +.card-body { + flex: 1 1 auto; + padding: 1.5rem; +} + +.card-title { + margin-bottom: 1.25rem; +} + +.card-subtitle { + margin-top: -0.625rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link+.card-link { + margin-left: 1.5rem; +} + +.card-header { + padding: 1.25rem 1.5rem; + margin-bottom: 0; + background-color: #f6f9fc; + border-bottom: 0.0625rem solid rgba(34, 42, 66, 0.05); +} + +.card-header:first-child { + border-radius: calc(0.2857rem - 0.0625rem) calc(0.2857rem - 0.0625rem) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 1.25rem 1.5rem; + background-color: #f6f9fc; + border-top: 0.0625rem solid rgba(34, 42, 66, 0.05); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.2857rem - 0.0625rem) calc(0.2857rem - 0.0625rem); +} + +.card-header-tabs { + margin-right: -0.75rem; + margin-bottom: -1.25rem; + margin-left: -0.75rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.75rem; + margin-left: -0.75rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img { + width: 100%; + border-radius: calc(0.2857rem - 0.0625rem); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.2857rem - 0.0625rem); + border-top-right-radius: calc(0.2857rem - 0.0625rem); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.2857rem - 0.0625rem); + border-bottom-left-radius: calc(0.2857rem - 0.0625rem); +} + +.card-deck { + display: flex; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: flex; + flex-direction: column; +} + +.card-group>.card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + .card-group>.card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group>.card:first-child .card-img-top, + .card-group>.card:first-child .card-header { + border-top-right-radius: 0; + } + .card-group>.card:first-child .card-img-bottom, + .card-group>.card:first-child .card-footer { + border-bottom-right-radius: 0; + } + .card-group>.card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group>.card:last-child .card-img-top, + .card-group>.card:last-child .card-header { + border-top-left-radius: 0; + } + .card-group>.card:last-child .card-img-bottom, + .card-group>.card:last-child .card-footer { + border-bottom-left-radius: 0; + } + .card-group>.card:only-child { + border-radius: 0.2857rem; + } + .card-group>.card:only-child .card-img-top, + .card-group>.card:only-child .card-header { + border-top-left-radius: 0.2857rem; + border-top-right-radius: 0.2857rem; + } + .card-group>.card:only-child .card-img-bottom, + .card-group>.card:only-child .card-footer { + border-bottom-right-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 1.25rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #1d253b; + border-radius: 0.25rem; +} + +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #ffffff; + content: "/"; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #ffffff; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0 0.6875rem; + margin-left: -0.0625rem; + line-height: 1.25; + color: #ffffff; + background-color: transparent; + border: 0.0625rem solid #e3e3e3; +} + +.page-link:hover { + z-index: 2; + color: #6c757d; + text-decoration: none; + background-color: #e3e3e3; + border-color: #e3e3e3; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: none; +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.page-item.active .page-link { + z-index: 1; + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: #e3e3e3; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 0.99925rem; + line-height: 1.625rem; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.4285rem; + border-bottom-left-radius: 0.4285rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.4285rem; + border-bottom-right-radius: 0.4285rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.75rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2857rem; + border-bottom-left-radius: 0.2857rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2857rem; + border-bottom-right-radius: 0.2857rem; +} + +.badge { + display: inline-block; + padding: 0.25rem 0.5rem; + font-size: 0.62475rem; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.875em; + padding-left: 0.875em; + border-radius: 0.875rem; +} + +.badge-primary { + color: #ffffff; + background-color: #e14eca; +} + +.badge-primary[href]:hover, +.badge-primary[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #d725bb; +} + +.badge-secondary { + color: #212529; + background-color: #f4f5f7; +} + +.badge-secondary[href]:hover, +.badge-secondary[href]:focus { + color: #212529; + text-decoration: none; + background-color: #d6dae2; +} + +.badge-success { + color: #ffffff; + background-color: #00f2c3; +} + +.badge-success[href]:hover, +.badge-success[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #00bf9a; +} + +.badge-info { + color: #ffffff; + background-color: #1d8cf8; +} + +.badge-info[href]:hover, +.badge-info[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #0772db; +} + +.badge-warning { + color: #ffffff; + background-color: #ff8d72; +} + +.badge-warning[href]:hover, +.badge-warning[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #ff643f; +} + +.badge-danger { + color: #ffffff; + background-color: #fd5d93; +} + +.badge-danger[href]:hover, +.badge-danger[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #fc2b71; +} + +.badge-light { + color: #ffffff; + background-color: #adb5bd; +} + +.badge-light[href]:hover, +.badge-light[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #919ca6; +} + +.badge-dark { + color: #ffffff; + background-color: #212529; +} + +.badge-dark[href]:hover, +.badge-dark[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #0a0c0d; +} + +.badge-default { + color: #ffffff; + background-color: #344675; +} + +.badge-default[href]:hover, +.badge-default[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: #243152; +} + +.badge-white { + color: #212529; + background-color: #ffffff; +} + +.badge-white[href]:hover, +.badge-white[href]:focus { + color: #212529; + text-decoration: none; + background-color: #e6e6e6; +} + +.badge-neutral { + color: #212529; + background-color: #ffffff; +} + +.badge-neutral[href]:hover, +.badge-neutral[href]:focus { + color: #212529; + text-decoration: none; + background-color: #e6e6e6; +} + +.badge-darker { + color: #ffffff; + background-color: black; +} + +.badge-darker[href]:hover, +.badge-darker[href]:focus { + color: #ffffff; + text-decoration: none; + background-color: black; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.4285rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.9rem 1.25rem; + margin-bottom: 1rem; + border: 0.0625rem solid transparent; + border-radius: 0.2857rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 3.8125rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.9rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #e14eca; + background-color: #e66ad2; + border-color: #e66ad2; +} + +.alert-primary hr { + border-top-color: #e254cb; +} + +.alert-primary .alert-link { + color: #d725bb; +} + +.alert-secondary { + color: #f4f5f7; + background-color: #f6f7f8; + border-color: #f6f7f8; +} + +.alert-secondary hr { + border-top-color: #e8eaed; +} + +.alert-secondary .alert-link { + color: #d6dae2; +} + +.alert-success { + color: #00f2c3; + background-color: #29f4cd; + border-color: #29f4cd; +} + +.alert-success hr { + border-top-color: #11f3c7; +} + +.alert-success .alert-link { + color: #00bf9a; +} + +.alert-info { + color: #1d8cf8; + background-color: #419ef9; + border-color: #419ef9; +} + +.alert-info hr { + border-top-color: #2891f8; +} + +.alert-info .alert-link { + color: #0772db; +} + +.alert-warning { + color: #ff8d72; + background-color: #ff9f89; + border-color: #ff9f89; +} + +.alert-warning hr { + border-top-color: #ff8a70; +} + +.alert-warning .alert-link { + color: #ff643f; +} + +.alert-danger { + color: #fd5d93; + background-color: #fd77a4; + border-color: #fd77a4; +} + +.alert-danger hr { + border-top-color: #fd5e93; +} + +.alert-danger .alert-link { + color: #fc2b71; +} + +.alert-light { + color: #adb5bd; + background-color: #bac1c8; + border-color: #bac1c8; +} + +.alert-light hr { + border-top-color: #acb4bd; +} + +.alert-light .alert-link { + color: #919ca6; +} + +.alert-dark { + color: #212529; + background-color: #45484b; + border-color: #45484b; +} + +.alert-dark hr { + border-top-color: #393b3e; +} + +.alert-dark .alert-link { + color: #0a0c0d; +} + +.alert-default { + color: #344675; + background-color: #54648b; + border-color: #54648b; +} + +.alert-default hr { + border-top-color: #4a597b; +} + +.alert-default .alert-link { + color: #243152; +} + +.alert-white { + color: white; + background-color: white; + border-color: white; +} + +.alert-white hr { + border-top-color: #f2f2f2; +} + +.alert-white .alert-link { + color: #e6e6e6; +} + +.alert-neutral { + color: white; + background-color: white; + border-color: white; +} + +.alert-neutral hr { + border-top-color: #f2f2f2; +} + +.alert-neutral .alert-link { + color: #e6e6e6; +} + +.alert-darker { + color: black; + background-color: #292929; + border-color: #292929; +} + +.alert-darker hr { + border-top-color: #1c1c1c; +} + +.alert-darker .alert-link { + color: black; +} + +@keyframes progress-bar-stripes { + from { + background-position: 0.5rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 0.5rem; + overflow: hidden; + font-size: 0.65625rem; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 0.875rem; + box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #e14eca; + transition: width 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 0.5rem 0.5rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #525f7f; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + color: #525f7f; + text-decoration: none; + background-color: #f6f9fc; +} + +.list-group-item-action:active { + color: #525f7f; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 1rem 1rem; + margin-bottom: -0.0625rem; + background-color: #ffffff; + border: 0.0625rem solid #e9ecef; +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item:hover, +.list-group-item:focus { + z-index: 1; + text-decoration: none; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + background-color: #ffffff; +} + +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #e14eca; + border-color: #e14eca; +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.list-group-item-primary { + color: #853d89; + background-color: #f7cdf0; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #853d89; + background-color: #f3b7e9; +} + +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #853d89; + border-color: #853d89; +} + +.list-group-item-secondary { + color: #8f94a0; + background-color: #fcfcfd; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #8f94a0; + background-color: #ededf3; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #8f94a0; + border-color: #8f94a0; +} + +.list-group-item-success { + color: #109285; + background-color: #b8fbee; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #109285; + background-color: #a0fae8; +} + +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #109285; + border-color: #109285; +} + +.list-group-item-info { + color: #1f5da1; + background-color: #c0dffd; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #1f5da1; + background-color: #a7d2fc; +} + +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #1f5da1; + border-color: #1f5da1; +} + +.list-group-item-warning { + color: #955d5b; + background-color: #ffdfd8; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #955d5b; + background-color: #ffcabf; +} + +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #955d5b; + border-color: #955d5b; +} + +.list-group-item-danger { + color: #94456c; + background-color: #fed2e1; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #94456c; + background-color: #fdb9d0; +} + +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #94456c; + border-color: #94456c; +} + +.list-group-item-light { + color: #6a7282; + background-color: #e8eaed; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #6a7282; + background-color: #dadde2; +} + +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #6a7282; + border-color: #6a7282; +} + +.list-group-item-dark { + color: #212735; + background-color: #c1c2c3; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #212735; + background-color: #b4b5b6; +} + +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #212735; + border-color: #212735; +} + +.list-group-item-default { + color: #2b395d; + background-color: #c6cbd8; +} + +.list-group-item-default.list-group-item-action:hover, +.list-group-item-default.list-group-item-action:focus { + color: #2b395d; + background-color: #b7bdce; +} + +.list-group-item-default.list-group-item-action.active { + color: #ffffff; + background-color: #2b395d; + border-color: #2b395d; +} + +.list-group-item-white { + color: #9599a4; + background-color: white; +} + +.list-group-item-white.list-group-item-action:hover, +.list-group-item-white.list-group-item-action:focus { + color: #9599a4; + background-color: #f2f2f2; +} + +.list-group-item-white.list-group-item-action.active { + color: #ffffff; + background-color: #9599a4; + border-color: #9599a4; +} + +.list-group-item-neutral { + color: #9599a4; + background-color: white; +} + +.list-group-item-neutral.list-group-item-action:hover, +.list-group-item-neutral.list-group-item-action:focus { + color: #9599a4; + background-color: #f2f2f2; +} + +.list-group-item-neutral.list-group-item-action.active { + color: #ffffff; + background-color: #9599a4; + border-color: #9599a4; +} + +.list-group-item-darker { + color: #101420; + background-color: #b8b8b8; +} + +.list-group-item-darker.list-group-item-action:hover, +.list-group-item-darker.list-group-item-action:focus { + color: #101420; + background-color: #ababab; +} + +.list-group-item-darker.list-group-item-action.active { + color: #ffffff; + background-color: #101420; + border-color: #101420; +} + +.close { + float: right; + font-size: 1.3125rem; + font-weight: 600; + line-height: 1; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + opacity: .5; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + color: rgba(0, 0, 0, 0.6); + text-decoration: none; + opacity: .75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); +} + +@media screen and (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: translate(0, 0); +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - (0.5rem * 2)); + content: ""; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(34, 42, 66, 0.2); + border-radius: 0.2857rem; + box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5); + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #222a42; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.16; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 24px 24px 0 24px; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.2857rem; + border-top-right-radius: 0.2857rem; +} + +.modal-header .close { + padding: 24px 24px 0 24px; + margin: -24px 24px 0 24px -24px 24px 0 24px -24px 24px 0 24px auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.1; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 24px 24px 16px 24px; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 24px 24px 16px 24px; + border-top: 1px solid #e9ecef; +} + +.modal-footer> :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer> :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + .modal-dialog-centered::before { + height: calc(100vh - (1.75rem * 2)); + } + .modal-content { + box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17); + } + .modal-sm { + max-width: 380px; + } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Poppins", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #ffffff; +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #ffffff; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #ffffff; +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #ffffff; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #222a42; + text-align: center; + background-color: #ffffff; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Poppins", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.75rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(34, 42, 66, 0.05); + border-radius: 0.4285rem; + box-shadow: 0px 0.5rem 2rem 0px rgba(34, 42, 66, 0.2); +} + +.popover .arrow { + position: absolute; + display: block; + width: 1.5rem; + height: 0.75rem; + margin: 0 0.4285rem; +} + +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.75rem; +} + +.bs-popover-top .arrow, +.bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.75rem + 1px) * -1); +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before, +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.75rem 0.75rem 0; +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 0; + border-top-color: transparent; +} + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 1px; + border-top-color: #ffffff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.75rem; +} + +.bs-popover-right .arrow, +.bs-popover-auto[x-placement^="right"] .arrow { + left: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.4285rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before, +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.75rem 0.75rem 0.75rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before { + left: 0; + border-right-color: transparent; +} + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 1px; + border-right-color: #ffffff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.75rem; +} + +.bs-popover-bottom .arrow, +.bs-popover-auto[x-placement^="bottom"] .arrow { + top: calc((0.75rem + 1px) * -1); +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.75rem 0.75rem 0.75rem; +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + border-bottom-color: transparent; +} + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 1px; + border-bottom-color: #ffffff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1.5rem; + margin-left: -0.75rem; + content: ""; + border-bottom: 1px solid #ffffff; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.75rem; +} + +.bs-popover-left .arrow, +.bs-popover-auto[x-placement^="left"] .arrow { + right: calc((0.75rem + 1px) * -1); + width: 0.75rem; + height: 1.5rem; + margin: 0.4285rem 0; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before, +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.75rem 0 0.75rem 0.75rem; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + border-left-color: transparent; +} + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 1px; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.75rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #32325d; + background-color: #ffffff; + border-bottom: 1px solid #f2f2f2; + border-top-left-radius: calc(0.4285rem - 1px); + border-top-right-radius: calc(0.4285rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.75rem 0.75rem; + color: #525f7f; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-item { + position: relative; + display: none; + align-items: center; + width: 100%; + backface-visibility: hidden; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; + transition: transform 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + transition: none; + } +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-duration: .6s; + transition-property: opacity; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + opacity: 0; +} + +.carousel-fade .carousel-item-next, +.carousel-fade .carousel-item-prev, +.carousel-fade .carousel-item.active, +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-prev { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-fade .carousel-item-next, + .carousel-fade .carousel-item-prev, + .carousel-fade .carousel-item.active, + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-prev { + transform: translate3d(0, 0, 0); + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: rgba(255, 255, 255, 0.5); +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators .active { + background-color: #ffffff; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #e14eca !important; +} + +a.bg-primary:hover, +a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #d725bb !important; +} + +.bg-secondary { + background-color: #f4f5f7 !important; +} + +a.bg-secondary:hover, +a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #d6dae2 !important; +} + +.bg-success { + background-color: #00f2c3 !important; +} + +a.bg-success:hover, +a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #00bf9a !important; +} + +.bg-info { + background-color: #1d8cf8 !important; +} + +a.bg-info:hover, +a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #0772db !important; +} + +.bg-warning { + background-color: #ff8d72 !important; +} + +a.bg-warning:hover, +a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #ff643f !important; +} + +.bg-danger { + background-color: #fd5d93 !important; +} + +a.bg-danger:hover, +a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #fc2b71 !important; +} + +.bg-light { + background-color: #adb5bd !important; +} + +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #919ca6 !important; +} + +.bg-dark { + background-color: #212529 !important; +} + +a.bg-dark:hover, +a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #0a0c0d !important; +} + +.bg-default { + background-color: #344675 !important; +} + +a.bg-default:hover, +a.bg-default:focus, +button.bg-default:hover, +button.bg-default:focus { + background-color: #243152 !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-white:hover, +a.bg-white:focus, +button.bg-white:hover, +button.bg-white:focus { + background-color: #e6e6e6 !important; +} + +.bg-neutral { + background-color: #ffffff !important; +} + +a.bg-neutral:hover, +a.bg-neutral:focus, +button.bg-neutral:hover, +button.bg-neutral:focus { + background-color: #e6e6e6 !important; +} + +.bg-darker { + background-color: black !important; +} + +a.bg-darker:hover, +a.bg-darker:focus, +button.bg-darker:hover, +button.bg-darker:focus { + background-color: black !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 0.0625rem solid #e9ecef !important; +} + +.border-top { + border-top: 0.0625rem solid #e9ecef !important; +} + +.border-right { + border-right: 0.0625rem solid #e9ecef !important; +} + +.border-bottom { + border-bottom: 0.0625rem solid #e9ecef !important; +} + +.border-left { + border-left: 0.0625rem solid #e9ecef !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e14eca !important; +} + +.border-secondary { + border-color: #f4f5f7 !important; +} + +.border-success { + border-color: #00f2c3 !important; +} + +.border-info { + border-color: #1d8cf8 !important; +} + +.border-warning { + border-color: #ff8d72 !important; +} + +.border-danger { + border-color: #fd5d93 !important; +} + +.border-light { + border-color: #adb5bd !important; +} + +.border-dark { + border-color: #212529 !important; +} + +.border-default { + border-color: #344675 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-neutral { + border-color: #ffffff !important; +} + +.border-darker { + border-color: black !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.857143%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(34, 42, 66, 0.075) !important; +} + +.shadow { + box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(34, 42, 66, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.m-sm { + margin: 2rem !important; +} + +.mt-sm, +.my-sm { + margin-top: 2rem !important; +} + +.mr-sm, +.mx-sm { + margin-right: 2rem !important; +} + +.mb-sm, +.my-sm { + margin-bottom: 2rem !important; +} + +.ml-sm, +.mx-sm { + margin-left: 2rem !important; +} + +.m-md { + margin: 4rem !important; +} + +.mt-md, +.my-md { + margin-top: 4rem !important; +} + +.mr-md, +.mx-md { + margin-right: 4rem !important; +} + +.mb-md, +.my-md { + margin-bottom: 4rem !important; +} + +.ml-md, +.mx-md { + margin-left: 4rem !important; +} + +.m-lg { + margin: 6rem !important; +} + +.mt-lg, +.my-lg { + margin-top: 6rem !important; +} + +.mr-lg, +.mx-lg { + margin-right: 6rem !important; +} + +.mb-lg, +.my-lg { + margin-bottom: 6rem !important; +} + +.ml-lg, +.mx-lg { + margin-left: 6rem !important; +} + +.m-xl { + margin: 8rem !important; +} + +.mt-xl, +.my-xl { + margin-top: 8rem !important; +} + +.mr-xl, +.mx-xl { + margin-right: 8rem !important; +} + +.mb-xl, +.my-xl { + margin-bottom: 8rem !important; +} + +.ml-xl, +.mx-xl { + margin-left: 8rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.p-sm { + padding: 2rem !important; +} + +.pt-sm, +.py-sm { + padding-top: 2rem !important; +} + +.pr-sm, +.px-sm { + padding-right: 2rem !important; +} + +.pb-sm, +.py-sm { + padding-bottom: 2rem !important; +} + +.pl-sm, +.px-sm { + padding-left: 2rem !important; +} + +.p-md { + padding: 4rem !important; +} + +.pt-md, +.py-md { + padding-top: 4rem !important; +} + +.pr-md, +.px-md { + padding-right: 4rem !important; +} + +.pb-md, +.py-md { + padding-bottom: 4rem !important; +} + +.pl-md, +.px-md { + padding-left: 4rem !important; +} + +.p-lg { + padding: 6rem !important; +} + +.pt-lg, +.py-lg { + padding-top: 6rem !important; +} + +.pr-lg, +.px-lg { + padding-right: 6rem !important; +} + +.pb-lg, +.py-lg { + padding-bottom: 6rem !important; +} + +.pl-lg, +.px-lg { + padding-left: 6rem !important; +} + +.p-xl { + padding: 8rem !important; +} + +.pt-xl, +.py-xl { + padding-top: 8rem !important; +} + +.pr-xl, +.px-xl { + padding-right: 8rem !important; +} + +.pb-xl, +.py-xl { + padding-bottom: 8rem !important; +} + +.pl-xl, +.px-xl { + padding-left: 8rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .m-sm-sm { + margin: 2rem !important; + } + .mt-sm-sm, + .my-sm-sm { + margin-top: 2rem !important; + } + .mr-sm-sm, + .mx-sm-sm { + margin-right: 2rem !important; + } + .mb-sm-sm, + .my-sm-sm { + margin-bottom: 2rem !important; + } + .ml-sm-sm, + .mx-sm-sm { + margin-left: 2rem !important; + } + .m-sm-md { + margin: 4rem !important; + } + .mt-sm-md, + .my-sm-md { + margin-top: 4rem !important; + } + .mr-sm-md, + .mx-sm-md { + margin-right: 4rem !important; + } + .mb-sm-md, + .my-sm-md { + margin-bottom: 4rem !important; + } + .ml-sm-md, + .mx-sm-md { + margin-left: 4rem !important; + } + .m-sm-lg { + margin: 6rem !important; + } + .mt-sm-lg, + .my-sm-lg { + margin-top: 6rem !important; + } + .mr-sm-lg, + .mx-sm-lg { + margin-right: 6rem !important; + } + .mb-sm-lg, + .my-sm-lg { + margin-bottom: 6rem !important; + } + .ml-sm-lg, + .mx-sm-lg { + margin-left: 6rem !important; + } + .m-sm-xl { + margin: 8rem !important; + } + .mt-sm-xl, + .my-sm-xl { + margin-top: 8rem !important; + } + .mr-sm-xl, + .mx-sm-xl { + margin-right: 8rem !important; + } + .mb-sm-xl, + .my-sm-xl { + margin-bottom: 8rem !important; + } + .ml-sm-xl, + .mx-sm-xl { + margin-left: 8rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .p-sm-sm { + padding: 2rem !important; + } + .pt-sm-sm, + .py-sm-sm { + padding-top: 2rem !important; + } + .pr-sm-sm, + .px-sm-sm { + padding-right: 2rem !important; + } + .pb-sm-sm, + .py-sm-sm { + padding-bottom: 2rem !important; + } + .pl-sm-sm, + .px-sm-sm { + padding-left: 2rem !important; + } + .p-sm-md { + padding: 4rem !important; + } + .pt-sm-md, + .py-sm-md { + padding-top: 4rem !important; + } + .pr-sm-md, + .px-sm-md { + padding-right: 4rem !important; + } + .pb-sm-md, + .py-sm-md { + padding-bottom: 4rem !important; + } + .pl-sm-md, + .px-sm-md { + padding-left: 4rem !important; + } + .p-sm-lg { + padding: 6rem !important; + } + .pt-sm-lg, + .py-sm-lg { + padding-top: 6rem !important; + } + .pr-sm-lg, + .px-sm-lg { + padding-right: 6rem !important; + } + .pb-sm-lg, + .py-sm-lg { + padding-bottom: 6rem !important; + } + .pl-sm-lg, + .px-sm-lg { + padding-left: 6rem !important; + } + .p-sm-xl { + padding: 8rem !important; + } + .pt-sm-xl, + .py-sm-xl { + padding-top: 8rem !important; + } + .pr-sm-xl, + .px-sm-xl { + padding-right: 8rem !important; + } + .pb-sm-xl, + .py-sm-xl { + padding-bottom: 8rem !important; + } + .pl-sm-xl, + .px-sm-xl { + padding-left: 8rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .m-md-sm { + margin: 2rem !important; + } + .mt-md-sm, + .my-md-sm { + margin-top: 2rem !important; + } + .mr-md-sm, + .mx-md-sm { + margin-right: 2rem !important; + } + .mb-md-sm, + .my-md-sm { + margin-bottom: 2rem !important; + } + .ml-md-sm, + .mx-md-sm { + margin-left: 2rem !important; + } + .m-md-md { + margin: 4rem !important; + } + .mt-md-md, + .my-md-md { + margin-top: 4rem !important; + } + .mr-md-md, + .mx-md-md { + margin-right: 4rem !important; + } + .mb-md-md, + .my-md-md { + margin-bottom: 4rem !important; + } + .ml-md-md, + .mx-md-md { + margin-left: 4rem !important; + } + .m-md-lg { + margin: 6rem !important; + } + .mt-md-lg, + .my-md-lg { + margin-top: 6rem !important; + } + .mr-md-lg, + .mx-md-lg { + margin-right: 6rem !important; + } + .mb-md-lg, + .my-md-lg { + margin-bottom: 6rem !important; + } + .ml-md-lg, + .mx-md-lg { + margin-left: 6rem !important; + } + .m-md-xl { + margin: 8rem !important; + } + .mt-md-xl, + .my-md-xl { + margin-top: 8rem !important; + } + .mr-md-xl, + .mx-md-xl { + margin-right: 8rem !important; + } + .mb-md-xl, + .my-md-xl { + margin-bottom: 8rem !important; + } + .ml-md-xl, + .mx-md-xl { + margin-left: 8rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .p-md-sm { + padding: 2rem !important; + } + .pt-md-sm, + .py-md-sm { + padding-top: 2rem !important; + } + .pr-md-sm, + .px-md-sm { + padding-right: 2rem !important; + } + .pb-md-sm, + .py-md-sm { + padding-bottom: 2rem !important; + } + .pl-md-sm, + .px-md-sm { + padding-left: 2rem !important; + } + .p-md-md { + padding: 4rem !important; + } + .pt-md-md, + .py-md-md { + padding-top: 4rem !important; + } + .pr-md-md, + .px-md-md { + padding-right: 4rem !important; + } + .pb-md-md, + .py-md-md { + padding-bottom: 4rem !important; + } + .pl-md-md, + .px-md-md { + padding-left: 4rem !important; + } + .p-md-lg { + padding: 6rem !important; + } + .pt-md-lg, + .py-md-lg { + padding-top: 6rem !important; + } + .pr-md-lg, + .px-md-lg { + padding-right: 6rem !important; + } + .pb-md-lg, + .py-md-lg { + padding-bottom: 6rem !important; + } + .pl-md-lg, + .px-md-lg { + padding-left: 6rem !important; + } + .p-md-xl { + padding: 8rem !important; + } + .pt-md-xl, + .py-md-xl { + padding-top: 8rem !important; + } + .pr-md-xl, + .px-md-xl { + padding-right: 8rem !important; + } + .pb-md-xl, + .py-md-xl { + padding-bottom: 8rem !important; + } + .pl-md-xl, + .px-md-xl { + padding-left: 8rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .m-lg-sm { + margin: 2rem !important; + } + .mt-lg-sm, + .my-lg-sm { + margin-top: 2rem !important; + } + .mr-lg-sm, + .mx-lg-sm { + margin-right: 2rem !important; + } + .mb-lg-sm, + .my-lg-sm { + margin-bottom: 2rem !important; + } + .ml-lg-sm, + .mx-lg-sm { + margin-left: 2rem !important; + } + .m-lg-md { + margin: 4rem !important; + } + .mt-lg-md, + .my-lg-md { + margin-top: 4rem !important; + } + .mr-lg-md, + .mx-lg-md { + margin-right: 4rem !important; + } + .mb-lg-md, + .my-lg-md { + margin-bottom: 4rem !important; + } + .ml-lg-md, + .mx-lg-md { + margin-left: 4rem !important; + } + .m-lg-lg { + margin: 6rem !important; + } + .mt-lg-lg, + .my-lg-lg { + margin-top: 6rem !important; + } + .mr-lg-lg, + .mx-lg-lg { + margin-right: 6rem !important; + } + .mb-lg-lg, + .my-lg-lg { + margin-bottom: 6rem !important; + } + .ml-lg-lg, + .mx-lg-lg { + margin-left: 6rem !important; + } + .m-lg-xl { + margin: 8rem !important; + } + .mt-lg-xl, + .my-lg-xl { + margin-top: 8rem !important; + } + .mr-lg-xl, + .mx-lg-xl { + margin-right: 8rem !important; + } + .mb-lg-xl, + .my-lg-xl { + margin-bottom: 8rem !important; + } + .ml-lg-xl, + .mx-lg-xl { + margin-left: 8rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .p-lg-sm { + padding: 2rem !important; + } + .pt-lg-sm, + .py-lg-sm { + padding-top: 2rem !important; + } + .pr-lg-sm, + .px-lg-sm { + padding-right: 2rem !important; + } + .pb-lg-sm, + .py-lg-sm { + padding-bottom: 2rem !important; + } + .pl-lg-sm, + .px-lg-sm { + padding-left: 2rem !important; + } + .p-lg-md { + padding: 4rem !important; + } + .pt-lg-md, + .py-lg-md { + padding-top: 4rem !important; + } + .pr-lg-md, + .px-lg-md { + padding-right: 4rem !important; + } + .pb-lg-md, + .py-lg-md { + padding-bottom: 4rem !important; + } + .pl-lg-md, + .px-lg-md { + padding-left: 4rem !important; + } + .p-lg-lg { + padding: 6rem !important; + } + .pt-lg-lg, + .py-lg-lg { + padding-top: 6rem !important; + } + .pr-lg-lg, + .px-lg-lg { + padding-right: 6rem !important; + } + .pb-lg-lg, + .py-lg-lg { + padding-bottom: 6rem !important; + } + .pl-lg-lg, + .px-lg-lg { + padding-left: 6rem !important; + } + .p-lg-xl { + padding: 8rem !important; + } + .pt-lg-xl, + .py-lg-xl { + padding-top: 8rem !important; + } + .pr-lg-xl, + .px-lg-xl { + padding-right: 8rem !important; + } + .pb-lg-xl, + .py-lg-xl { + padding-bottom: 8rem !important; + } + .pl-lg-xl, + .px-lg-xl { + padding-left: 8rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .m-xl-sm { + margin: 2rem !important; + } + .mt-xl-sm, + .my-xl-sm { + margin-top: 2rem !important; + } + .mr-xl-sm, + .mx-xl-sm { + margin-right: 2rem !important; + } + .mb-xl-sm, + .my-xl-sm { + margin-bottom: 2rem !important; + } + .ml-xl-sm, + .mx-xl-sm { + margin-left: 2rem !important; + } + .m-xl-md { + margin: 4rem !important; + } + .mt-xl-md, + .my-xl-md { + margin-top: 4rem !important; + } + .mr-xl-md, + .mx-xl-md { + margin-right: 4rem !important; + } + .mb-xl-md, + .my-xl-md { + margin-bottom: 4rem !important; + } + .ml-xl-md, + .mx-xl-md { + margin-left: 4rem !important; + } + .m-xl-lg { + margin: 6rem !important; + } + .mt-xl-lg, + .my-xl-lg { + margin-top: 6rem !important; + } + .mr-xl-lg, + .mx-xl-lg { + margin-right: 6rem !important; + } + .mb-xl-lg, + .my-xl-lg { + margin-bottom: 6rem !important; + } + .ml-xl-lg, + .mx-xl-lg { + margin-left: 6rem !important; + } + .m-xl-xl { + margin: 8rem !important; + } + .mt-xl-xl, + .my-xl-xl { + margin-top: 8rem !important; + } + .mr-xl-xl, + .mx-xl-xl { + margin-right: 8rem !important; + } + .mb-xl-xl, + .my-xl-xl { + margin-bottom: 8rem !important; + } + .ml-xl-xl, + .mx-xl-xl { + margin-left: 8rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .p-xl-sm { + padding: 2rem !important; + } + .pt-xl-sm, + .py-xl-sm { + padding-top: 2rem !important; + } + .pr-xl-sm, + .px-xl-sm { + padding-right: 2rem !important; + } + .pb-xl-sm, + .py-xl-sm { + padding-bottom: 2rem !important; + } + .pl-xl-sm, + .px-xl-sm { + padding-left: 2rem !important; + } + .p-xl-md { + padding: 4rem !important; + } + .pt-xl-md, + .py-xl-md { + padding-top: 4rem !important; + } + .pr-xl-md, + .px-xl-md { + padding-right: 4rem !important; + } + .pb-xl-md, + .py-xl-md { + padding-bottom: 4rem !important; + } + .pl-xl-md, + .px-xl-md { + padding-left: 4rem !important; + } + .p-xl-lg { + padding: 6rem !important; + } + .pt-xl-lg, + .py-xl-lg { + padding-top: 6rem !important; + } + .pr-xl-lg, + .px-xl-lg { + padding-right: 6rem !important; + } + .pb-xl-lg, + .py-xl-lg { + padding-bottom: 6rem !important; + } + .pl-xl-lg, + .px-xl-lg { + padding-left: 6rem !important; + } + .p-xl-xl { + padding: 8rem !important; + } + .pt-xl-xl, + .py-xl-xl { + padding-top: 8rem !important; + } + .pr-xl-xl, + .px-xl-xl { + padding-right: 8rem !important; + } + .pb-xl-xl, + .py-xl-xl { + padding-bottom: 8rem !important; + } + .pl-xl-xl, + .px-xl-xl { + padding-left: 8rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #e14eca !important; +} + +a.text-primary:hover, +a.text-primary:focus { + color: #d725bb !important; +} + +.text-secondary { + color: #f4f5f7 !important; +} + +a.text-secondary:hover, +a.text-secondary:focus { + color: #d6dae2 !important; +} + +.text-success { + color: #00f2c3 !important; +} + +a.text-success:hover, +a.text-success:focus { + color: #00bf9a !important; +} + +.text-info { + color: #1d8cf8 !important; +} + +a.text-info:hover, +a.text-info:focus { + color: #0772db !important; +} + +.text-warning { + color: #ff8d72 !important; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #ff643f !important; +} + +.text-danger { + color: #fd5d93 !important; +} + +a.text-danger:hover, +a.text-danger:focus { + color: #fc2b71 !important; +} + +.text-light { + color: #adb5bd !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #919ca6 !important; +} + +.text-dark { + color: #212529 !important; +} + +a.text-dark:hover, +a.text-dark:focus { + color: #0a0c0d !important; +} + +.text-default { + color: #344675 !important; +} + +a.text-default:hover, +a.text-default:focus { + color: #243152 !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, +a.text-white:focus { + color: #e6e6e6 !important; +} + +.text-neutral { + color: #ffffff !important; +} + +a.text-neutral:hover, +a.text-neutral:focus { + color: #e6e6e6 !important; +} + +.text-darker { + color: black !important; +} + +a.text-darker:hover, +a.text-darker:focus { + color: black !important; +} + +.text-body { + color: #525f7f !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(34, 42, 66, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 0.0625rem solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 0.0625rem solid #222a42; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #ffffff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #e3e3e3 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody+tbody { + border-color: #e3e3e3; + } + .table .thead-dark th { + color: inherit; + border-color: #e3e3e3; + } +} + +.alert { + border: 0; + color: #ffffff; +} + +.alert .alert-link { + color: #ffffff; +} + +.alert.alert-success { + background-color: #00bf9a; +} + +.alert i.fa, +.alert i.tim-icons { + font-size: 1rem; +} + +.alert .close { + color: #ffffff; + opacity: .9; + text-shadow: none; + line-height: 0; + outline: 0; +} + +.alert span[data-notify="icon"] { + font-size: 22px; + display: block; + left: 19px; + position: absolute; + top: 50%; + margin-top: -11px; +} + +.alert button.close { + position: absolute; + right: 15px; + top: 50%; + margin-top: -13px; + width: 25px; + height: 25px; + padding: 3px; +} + +.alert .close~span { + display: block; + max-width: 89%; +} + +.alert.alert-with-icon { + padding-left: 65px; +} + +.alert-dismissible .close { + top: 50%; + right: 1.25rem; + padding: 0; + transform: translateY(-50%); + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} + +.alert-dismissible .close:hover, +.alert-dismissible .close:focus { + color: rgba(255, 255, 255, 0.9); + opacity: 1 !important; +} + +@media (max-width: 575.98px) { + .alert-dismissible .close { + top: 1rem; + right: .5rem; + } +} + +.alert-dismissible .close>span:not(.sr-only) { + font-size: 1.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.alert-dismissible .close:hover>span:not(.sr-only), +.alert-dismissible .close:focus>span:not(.sr-only) { + background-color: transparent; + color: rgba(255, 255, 255, 0.9); +} + +.btn, +.navbar .navbar-nav>a.btn { + border-width: 2px; + border: none; + position: relative; + overflow: hidden; + margin: 4px 1px; + border-radius: 0.4285rem; + cursor: pointer; + background: #344675; + background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675); + background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675); + background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675); + background-image: linear-gradient(to bottom left, #344675, #263148, #344675); + background-size: 210% 210%; + background-position: top right; + background-color: #344675; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn.animation-on-hover:hover, +.navbar .navbar-nav>a.btn.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn:active:focus, +.btn:active:hover, +.btn.active:focus, +.btn.active:hover, +.navbar .navbar-nav>a.btn:hover, +.navbar .navbar-nav>a.btn:focus, +.navbar .navbar-nav>a.btn:active, +.navbar .navbar-nav>a.btn.active, +.navbar .navbar-nav>a.btn:active:focus, +.navbar .navbar-nav>a.btn:active:hover, +.navbar .navbar-nav>a.btn.active:focus, +.navbar .navbar-nav>a.btn.active:hover { + background-color: #263148 !important; + background-image: linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + color: #ffffff; + box-shadow: none; +} + +.btn:active, +.navbar .navbar-nav>a.btn:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn:not([data-action]):hover, +.navbar .navbar-nav>a.btn:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn.disabled, +.btn.disabled:hover, +.btn.disabled:focus, +.btn.disabled.focus, +.btn.disabled:active, +.btn.disabled.active, +.btn:disabled, +.btn:disabled:hover, +.btn:disabled:focus, +.btn:disabled.focus, +.btn:disabled:active, +.btn:disabled.active, +.btn[disabled], +.btn[disabled]:hover, +.btn[disabled]:focus, +.btn[disabled].focus, +.btn[disabled]:active, +.btn[disabled].active, +fieldset[disabled] .btn, +fieldset[disabled] .btn:hover, +fieldset[disabled] .btn:focus, +fieldset[disabled] .btn.focus, +fieldset[disabled] .btn:active, +fieldset[disabled] .btn.active, +.navbar .navbar-nav>a.btn.disabled, +.navbar .navbar-nav>a.btn.disabled:hover, +.navbar .navbar-nav>a.btn.disabled:focus, +.navbar .navbar-nav>a.btn.disabled.focus, +.navbar .navbar-nav>a.btn.disabled:active, +.navbar .navbar-nav>a.btn.disabled.active, +.navbar .navbar-nav>a.btn:disabled, +.navbar .navbar-nav>a.btn:disabled:hover, +.navbar .navbar-nav>a.btn:disabled:focus, +.navbar .navbar-nav>a.btn:disabled.focus, +.navbar .navbar-nav>a.btn:disabled:active, +.navbar .navbar-nav>a.btn:disabled.active, +.navbar .navbar-nav>a.btn[disabled], +.navbar .navbar-nav>a.btn[disabled]:hover, +.navbar .navbar-nav>a.btn[disabled]:focus, +.navbar .navbar-nav>a.btn[disabled].focus, +.navbar .navbar-nav>a.btn[disabled]:active, +.navbar .navbar-nav>a.btn[disabled].active, +fieldset[disabled] .navbar .navbar-nav>a.btn, +fieldset[disabled] .navbar .navbar-nav>a.btn:hover, +fieldset[disabled] .navbar .navbar-nav>a.btn:focus, +fieldset[disabled] .navbar .navbar-nav>a.btn.focus, +fieldset[disabled] .navbar .navbar-nav>a.btn:active, +fieldset[disabled] .navbar .navbar-nav>a.btn.active { + background-color: #344675; + border-color: #344675; +} + +.btn.btn-simple, +.navbar .navbar-nav>a.btn.btn-simple { + color: #344675; + border-color: #344675; + background: transparent; +} + +.btn.btn-simple:hover, +.btn.btn-simple:focus, +.btn.btn-simple:active, +.btn.btn-simple:not(:disabled):not(.disabled):active, +.navbar .navbar-nav>a.btn.btn-simple:hover, +.navbar .navbar-nav>a.btn.btn-simple:focus, +.navbar .navbar-nav>a.btn.btn-simple:active, +.navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled):active { + color: #344675; + border-color: #344675; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn.btn-simple.active, +.navbar .navbar-nav>a.btn.btn-simple.active { + border-color: #344675 !important; +} + +.btn.btn-simple.active:hover, +.btn.btn-simple.active:focus, +.btn.btn-simple.active:active, +.btn.btn-simple.active:not(:disabled):not(.disabled):active, +.navbar .navbar-nav>a.btn.btn-simple.active:hover, +.navbar .navbar-nav>a.btn.btn-simple.active:focus, +.navbar .navbar-nav>a.btn.btn-simple.active:active, +.navbar .navbar-nav>a.btn.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #344675; + background-image: linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675) !important; + background-color: #263148 !important; + box-shadow: none; +} + +.btn.btn-link, +.navbar .navbar-nav>a.btn.btn-link { + color: #344675; +} + +.btn.btn-link:hover, +.btn.btn-link:focus, +.btn.btn-link:active, +.navbar .navbar-nav>a.btn.btn-link:hover, +.navbar .navbar-nav>a.btn.btn-link:focus, +.navbar .navbar-nav>a.btn.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn:hover, +.btn:focus, +.navbar .navbar-nav>a.btn:hover, +.navbar .navbar-nav>a.btn:focus { + opacity: 1; + filter: alpha(opacity=100); + outline: 0 !important; +} + +.btn:active, +.btn.active, +.open>.btn.dropdown-toggle, +.navbar .navbar-nav>a.btn:active, +.navbar .navbar-nav>a.btn.active, +.open>.navbar .navbar-nav>a.btn.dropdown-toggle { + box-shadow: none; + outline: 0 !important; +} + +.btn .badge, +.navbar .navbar-nav>a.btn .badge { + margin: 0; +} + +.btn.btn-icon, +.navbar .navbar-nav>a.btn.btn-icon { + height: 2.375rem; + min-width: 2.375rem; + width: 2.375rem; + padding: 0; + font-size: 0.9375rem; + overflow: hidden; + position: relative; + line-height: normal; +} + +.btn.btn-icon.btn-simple, +.navbar .navbar-nav>a.btn.btn-icon.btn-simple { + padding: 0; +} + +.btn.btn-icon.btn-sm, +.btn-group-sm>.btn.btn-icon, +.navbar .navbar-nav>a.btn.btn-icon.btn-sm, +.navbar .btn-group-sm.navbar-nav>a.btn.btn-icon { + height: 1.875rem; + min-width: 1.875rem; + width: 1.875rem; +} + +.btn.btn-icon.btn-sm .fa, +.btn-group-sm>.btn.btn-icon .fa, +.btn.btn-icon.btn-sm .far, +.btn-group-sm>.btn.btn-icon .far, +.btn.btn-icon.btn-sm .fas, +.btn-group-sm>.btn.btn-icon .fas, +.btn.btn-icon.btn-sm .tim-icons, +.btn-group-sm>.btn.btn-icon .tim-icons, +.navbar .navbar-nav>a.btn.btn-icon.btn-sm .fa, +.navbar .btn-group-sm.navbar-nav>a.btn.btn-icon .fa, +.navbar .navbar-nav>a.btn.btn-icon.btn-sm .far, +.navbar .btn-group-sm.navbar-nav>a.btn.btn-icon .far, +.navbar .navbar-nav>a.btn.btn-icon.btn-sm .fas, +.navbar .btn-group-sm.navbar-nav>a.btn.btn-icon .fas, +.navbar .navbar-nav>a.btn.btn-icon.btn-sm .tim-icons, +.navbar .btn-group-sm.navbar-nav>a.btn.btn-icon .tim-icons { + font-size: 0.6875rem; +} + +.btn.btn-icon.btn-lg, +.btn-group-lg>.btn.btn-icon, +.navbar .navbar-nav>a.btn.btn-icon.btn-lg, +.navbar .btn-group-lg.navbar-nav>a.btn.btn-icon { + height: 3.6rem; + min-width: 3.6rem; + width: 3.6rem; +} + +.btn.btn-icon.btn-lg .fa, +.btn-group-lg>.btn.btn-icon .fa, +.btn.btn-icon.btn-lg .far, +.btn-group-lg>.btn.btn-icon .far, +.btn.btn-icon.btn-lg .fas, +.btn-group-lg>.btn.btn-icon .fas, +.btn.btn-icon.btn-lg .tim-icons, +.btn-group-lg>.btn.btn-icon .tim-icons, +.navbar .navbar-nav>a.btn.btn-icon.btn-lg .fa, +.navbar .btn-group-lg.navbar-nav>a.btn.btn-icon .fa, +.navbar .navbar-nav>a.btn.btn-icon.btn-lg .far, +.navbar .btn-group-lg.navbar-nav>a.btn.btn-icon .far, +.navbar .navbar-nav>a.btn.btn-icon.btn-lg .fas, +.navbar .btn-group-lg.navbar-nav>a.btn.btn-icon .fas, +.navbar .navbar-nav>a.btn.btn-icon.btn-lg .tim-icons, +.navbar .btn-group-lg.navbar-nav>a.btn.btn-icon .tim-icons { + font-size: 1.325rem; +} + +.btn.btn-icon:not(.btn-footer) .tim-icons, +.btn.btn-icon:not(.btn-footer) .fa, +.btn.btn-icon:not(.btn-footer) .far, +.btn.btn-icon:not(.btn-footer) .fas, +.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .tim-icons, +.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fa, +.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .far, +.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fas { + position: absolute; + font-size: 1em; + top: 50%; + left: 50%; + transform: translate(-12px, -12px); + line-height: 1.5626rem; + width: 24px; +} + +.btn:not(.btn-icon) .tim-icons, +.navbar .navbar-nav>a.btn:not(.btn-icon) .tim-icons { + position: relative; + top: 1px; +} + +.btn span, +.navbar .navbar-nav>a.btn span { + position: relative; + display: block; +} + +.btn.btn-link.dropdown-toggle, +.navbar .navbar-nav>a.btn.btn-link.dropdown-toggle { + color: #9A9A9A; +} + +.btn.dropdown-toggle:after, +.navbar .navbar-nav>a.btn.dropdown-toggle:after { + margin-left: 30px !important; +} + +.btn-primary { + background: #e14eca; + background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); + background-size: 210% 210%; + background-position: top right; + background-color: #e14eca; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn-primary.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.btn-primary:active:focus, +.btn-primary:active:hover, +.btn-primary.active:focus, +.btn-primary.active:hover { + background-color: #ba54f5 !important; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-primary:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-primary:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-primary.disabled, +.btn-primary.disabled:hover, +.btn-primary.disabled:focus, +.btn-primary.disabled.focus, +.btn-primary.disabled:active, +.btn-primary.disabled.active, +.btn-primary:disabled, +.btn-primary:disabled:hover, +.btn-primary:disabled:focus, +.btn-primary:disabled.focus, +.btn-primary:disabled:active, +.btn-primary:disabled.active, +.btn-primary[disabled], +.btn-primary[disabled]:hover, +.btn-primary[disabled]:focus, +.btn-primary[disabled].focus, +.btn-primary[disabled]:active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary:hover, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary.focus, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary.active { + background-color: #e14eca; + border-color: #e14eca; +} + +.btn-primary.btn-simple { + color: #e14eca; + border-color: #e14eca; + background: transparent; +} + +.btn-primary.btn-simple:hover, +.btn-primary.btn-simple:focus, +.btn-primary.btn-simple:active, +.btn-primary.btn-simple:not(:disabled):not(.disabled):active { + color: #e14eca; + border-color: #e14eca; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-primary.btn-simple.active { + border-color: #e14eca !important; +} + +.btn-primary.btn-simple.active:hover, +.btn-primary.btn-simple.active:focus, +.btn-primary.btn-simple.active:active, +.btn-primary.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #e14eca; + background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; + background-color: #ba54f5 !important; + box-shadow: none; +} + +.btn-primary.btn-link { + color: #e14eca; +} + +.btn-primary.btn-link:hover, +.btn-primary.btn-link:focus, +.btn-primary.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn-success { + background: #00f2c3; + background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); + background-size: 210% 210%; + background-position: top right; + background-color: #00f2c3; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn-success.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.btn-success:active:focus, +.btn-success:active:hover, +.btn-success.active:focus, +.btn-success.active:hover { + background-color: #0098f0 !important; + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-success:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-success:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-success.disabled, +.btn-success.disabled:hover, +.btn-success.disabled:focus, +.btn-success.disabled.focus, +.btn-success.disabled:active, +.btn-success.disabled.active, +.btn-success:disabled, +.btn-success:disabled:hover, +.btn-success:disabled:focus, +.btn-success:disabled.focus, +.btn-success:disabled:active, +.btn-success:disabled.active, +.btn-success[disabled], +.btn-success[disabled]:hover, +.btn-success[disabled]:focus, +.btn-success[disabled].focus, +.btn-success[disabled]:active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-success:hover, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success.focus, +fieldset[disabled] .btn-success:active, +fieldset[disabled] .btn-success.active { + background-color: #00f2c3; + border-color: #00f2c3; +} + +.btn-success.btn-simple { + color: #00f2c3; + border-color: #00f2c3; + background: transparent; +} + +.btn-success.btn-simple:hover, +.btn-success.btn-simple:focus, +.btn-success.btn-simple:active, +.btn-success.btn-simple:not(:disabled):not(.disabled):active { + color: #00f2c3; + border-color: #00f2c3; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-success.btn-simple.active { + border-color: #00f2c3 !important; +} + +.btn-success.btn-simple.active:hover, +.btn-success.btn-simple.active:focus, +.btn-success.btn-simple.active:active, +.btn-success.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #00f2c3; + background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; + background-color: #0098f0 !important; + box-shadow: none; +} + +.btn-success.btn-link { + color: #00f2c3; +} + +.btn-success.btn-link:hover, +.btn-success.btn-link:focus, +.btn-success.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn-info { + background: #1d8cf8; + background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); + background-size: 210% 210%; + background-position: top right; + background-color: #1d8cf8; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn-info.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.btn-info:active:focus, +.btn-info:active:hover, +.btn-info.active:focus, +.btn-info.active:hover { + background-color: #3358f4 !important; + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-info:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-info:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-info.disabled, +.btn-info.disabled:hover, +.btn-info.disabled:focus, +.btn-info.disabled.focus, +.btn-info.disabled:active, +.btn-info.disabled.active, +.btn-info:disabled, +.btn-info:disabled:hover, +.btn-info:disabled:focus, +.btn-info:disabled.focus, +.btn-info:disabled:active, +.btn-info:disabled.active, +.btn-info[disabled], +.btn-info[disabled]:hover, +.btn-info[disabled]:focus, +.btn-info[disabled].focus, +.btn-info[disabled]:active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-info:hover, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info.focus, +fieldset[disabled] .btn-info:active, +fieldset[disabled] .btn-info.active { + background-color: #1d8cf8; + border-color: #1d8cf8; +} + +.btn-info.btn-simple { + color: #1d8cf8; + border-color: #1d8cf8; + background: transparent; +} + +.btn-info.btn-simple:hover, +.btn-info.btn-simple:focus, +.btn-info.btn-simple:active, +.btn-info.btn-simple:not(:disabled):not(.disabled):active { + color: #1d8cf8; + border-color: #1d8cf8; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-info.btn-simple.active { + border-color: #1d8cf8 !important; +} + +.btn-info.btn-simple.active:hover, +.btn-info.btn-simple.active:focus, +.btn-info.btn-simple.active:active, +.btn-info.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #1d8cf8; + background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; + background-color: #3358f4 !important; + box-shadow: none; +} + +.btn-info.btn-link { + color: #1d8cf8; +} + +.btn-info.btn-link:hover, +.btn-info.btn-link:focus, +.btn-info.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn-warning { + background: #ff8d72; + background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); + background-size: 210% 210%; + background-position: top right; + background-color: #ff8d72; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn-warning.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.btn-warning:active:focus, +.btn-warning:active:hover, +.btn-warning.active:focus, +.btn-warning.active:hover { + background-color: #ff6491 !important; + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-warning:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-warning:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-warning.disabled, +.btn-warning.disabled:hover, +.btn-warning.disabled:focus, +.btn-warning.disabled.focus, +.btn-warning.disabled:active, +.btn-warning.disabled.active, +.btn-warning:disabled, +.btn-warning:disabled:hover, +.btn-warning:disabled:focus, +.btn-warning:disabled.focus, +.btn-warning:disabled:active, +.btn-warning:disabled.active, +.btn-warning[disabled], +.btn-warning[disabled]:hover, +.btn-warning[disabled]:focus, +.btn-warning[disabled].focus, +.btn-warning[disabled]:active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-warning:hover, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning.focus, +fieldset[disabled] .btn-warning:active, +fieldset[disabled] .btn-warning.active { + background-color: #ff8d72; + border-color: #ff8d72; +} + +.btn-warning.btn-simple { + color: #ff8d72; + border-color: #ff8d72; + background: transparent; +} + +.btn-warning.btn-simple:hover, +.btn-warning.btn-simple:focus, +.btn-warning.btn-simple:active, +.btn-warning.btn-simple:not(:disabled):not(.disabled):active { + color: #ff8d72; + border-color: #ff8d72; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-warning.btn-simple.active { + border-color: #ff8d72 !important; +} + +.btn-warning.btn-simple.active:hover, +.btn-warning.btn-simple.active:focus, +.btn-warning.btn-simple.active:active, +.btn-warning.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #ff8d72; + background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; + background-color: #ff6491 !important; + box-shadow: none; +} + +.btn-warning.btn-link { + color: #ff8d72; +} + +.btn-warning.btn-link:hover, +.btn-warning.btn-link:focus, +.btn-warning.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn-warning:not(:disabled):not(.disabled):active { + color: #ffffff; +} + +.btn-danger { + background: #fd5d93; + background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); + background-size: 210% 210%; + background-position: top right; + background-color: #fd5d93; + transition: all 0.15s ease; + box-shadow: none; + color: #ffffff; +} + +.btn-danger.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.btn-danger:active:focus, +.btn-danger:active:hover, +.btn-danger.active:focus, +.btn-danger.active:hover { + background-color: #ec250d !important; + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-danger:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-danger:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-danger.disabled, +.btn-danger.disabled:hover, +.btn-danger.disabled:focus, +.btn-danger.disabled.focus, +.btn-danger.disabled:active, +.btn-danger.disabled.active, +.btn-danger:disabled, +.btn-danger:disabled:hover, +.btn-danger:disabled:focus, +.btn-danger:disabled.focus, +.btn-danger:disabled:active, +.btn-danger:disabled.active, +.btn-danger[disabled], +.btn-danger[disabled]:hover, +.btn-danger[disabled]:focus, +.btn-danger[disabled].focus, +.btn-danger[disabled]:active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger, +fieldset[disabled] .btn-danger:hover, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger.focus, +fieldset[disabled] .btn-danger:active, +fieldset[disabled] .btn-danger.active { + background-color: #fd5d93; + border-color: #fd5d93; +} + +.btn-danger.btn-simple { + color: #fd5d93; + border-color: #fd5d93; + background: transparent; +} + +.btn-danger.btn-simple:hover, +.btn-danger.btn-simple:focus, +.btn-danger.btn-simple:active, +.btn-danger.btn-simple:not(:disabled):not(.disabled):active { + color: #fd5d93; + border-color: #fd5d93; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-danger.btn-simple.active { + border-color: #fd5d93 !important; +} + +.btn-danger.btn-simple.active:hover, +.btn-danger.btn-simple.active:focus, +.btn-danger.btn-simple.active:active, +.btn-danger.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #fd5d93; + background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; + background-color: #ec250d !important; + box-shadow: none; +} + +.btn-danger.btn-link { + color: #fd5d93; +} + +.btn-danger.btn-link:hover, +.btn-danger.btn-link:focus, +.btn-danger.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn-neutral { + background: #ffffff; + background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff); + background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff); + background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff); + background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff); + background-size: 210% 210%; + background-position: top right; + background-color: #ffffff; + transition: all 0.15s ease; + box-shadow: none; + color: #e14eca; +} + +.btn-neutral.animation-on-hover:hover { + background-position: bottom left; + transition: 0.3s ease-in-out; +} + +.btn-neutral:hover, +.btn-neutral:focus, +.btn-neutral:active, +.btn-neutral.active, +.btn-neutral:active:focus, +.btn-neutral:active:hover, +.btn-neutral.active:focus, +.btn-neutral.active:hover { + background-color: #ffffff !important; + background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + color: #ffffff; + box-shadow: none; +} + +.btn-neutral:active { + box-shadow: none !important; + transform: translateY(1px) !important; + transition: all .15s ease; +} + +.btn-neutral:not([data-action]):hover { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-neutral.disabled, +.btn-neutral.disabled:hover, +.btn-neutral.disabled:focus, +.btn-neutral.disabled.focus, +.btn-neutral.disabled:active, +.btn-neutral.disabled.active, +.btn-neutral:disabled, +.btn-neutral:disabled:hover, +.btn-neutral:disabled:focus, +.btn-neutral:disabled.focus, +.btn-neutral:disabled:active, +.btn-neutral:disabled.active, +.btn-neutral[disabled], +.btn-neutral[disabled]:hover, +.btn-neutral[disabled]:focus, +.btn-neutral[disabled].focus, +.btn-neutral[disabled]:active, +.btn-neutral[disabled].active, +fieldset[disabled] .btn-neutral, +fieldset[disabled] .btn-neutral:hover, +fieldset[disabled] .btn-neutral:focus, +fieldset[disabled] .btn-neutral.focus, +fieldset[disabled] .btn-neutral:active, +fieldset[disabled] .btn-neutral.active { + background-color: #ffffff; + border-color: #ffffff; +} + +.btn-neutral.btn-danger { + color: #fd5d93; +} + +.btn-neutral.btn-danger:hover, +.btn-neutral.btn-danger:focus, +.btn-neutral.btn-danger:active, +.btn-neutral.btn-danger:active:focus { + color: #ec250d; +} + +.btn-neutral.btn-info { + color: #1d8cf8; +} + +.btn-neutral.btn-info:hover, +.btn-neutral.btn-info:focus, +.btn-neutral.btn-info:active, +.btn-neutral.btn-info:active:focus { + color: #3358f4; +} + +.btn-neutral.btn-warning { + color: #ff8d72; +} + +.btn-neutral.btn-warning:hover, +.btn-neutral.btn-warning:focus, +.btn-neutral.btn-warning:active, +.btn-neutral.btn-warning:active:focus { + color: #ff6491; +} + +.btn-neutral.btn-success { + color: #00f2c3; +} + +.btn-neutral.btn-success:hover, +.btn-neutral.btn-success:focus, +.btn-neutral.btn-success:active, +.btn-neutral.btn-success:active:focus { + color: #0098f0; +} + +.btn-neutral.btn-default { + color: #344675; +} + +.btn-neutral.btn-default:hover, +.btn-neutral.btn-default:focus, +.btn-neutral.btn-default:active, +.btn-neutral.btn-default:active:focus { + color: #263148; +} + +.btn-neutral.active, +.btn-neutral:active, +.btn-neutral:active:focus, +.btn-neutral:active:hover, +.btn-neutral.active:focus, +.btn-neutral.active:hover, +.show>.btn-neutral.dropdown-toggle, +.show>.btn-neutral.dropdown-toggle:focus, +.show>.btn-neutral.dropdown-toggle:hover { + background-color: #ffffff; + color: #ba54f5; + box-shadow: none; +} + +.btn-neutral:hover, +.btn-neutral:focus { + color: #ba54f5; +} + +.btn-neutral:hover:not(.nav-link), +.btn-neutral:focus:not(.nav-link) { + box-shadow: none; +} + +.btn-neutral.btn-simple { + color: #ffffff; + border-color: #ffffff; + background: transparent; +} + +.btn-neutral.btn-simple:hover, +.btn-neutral.btn-simple:focus, +.btn-neutral.btn-simple:active, +.btn-neutral.btn-simple:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #ffffff; + background-color: transparent !important; + background-image: none !important; + box-shadow: none; +} + +.btn-neutral.btn-simple.active { + border-color: #ffffff !important; +} + +.btn-neutral.btn-simple.active:hover, +.btn-neutral.btn-simple.active:focus, +.btn-neutral.btn-simple.active:active, +.btn-neutral.btn-simple.active:not(:disabled):not(.disabled):active { + color: #ffffff; + border-color: #ffffff; + background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important; + background-color: #ffffff !important; + box-shadow: none; +} + +.btn-neutral.btn-link { + color: #ffffff; +} + +.btn-neutral.btn-link:hover, +.btn-neutral.btn-link:focus, +.btn-neutral.btn-link:active { + background-color: transparent !important; + background-image: none !important; + color: #ffffff !important; + text-decoration: none; + box-shadow: none; +} + +.btn:disabled, +.btn[disabled], +.btn.disabled { + opacity: 0.5; + filter: alpha(opacity=50); + pointer-events: none; +} + +.btn-simple { + border: 1px solid; + border-color: #344675; + box-shadow: none; + padding: 10px 22px; + background-color: transparent; +} + +.btn-simple.disabled, +.btn-simple.disabled:hover, +.btn-simple.disabled:focus, +.btn-simple.disabled.focus, +.btn-simple.disabled:active, +.btn-simple.disabled.active, +.btn-simple:disabled, +.btn-simple:disabled:hover, +.btn-simple:disabled:focus, +.btn-simple:disabled.focus, +.btn-simple:disabled:active, +.btn-simple:disabled.active, +.btn-simple[disabled], +.btn-simple[disabled]:hover, +.btn-simple[disabled]:focus, +.btn-simple[disabled].focus, +.btn-simple[disabled]:active, +.btn-simple[disabled].active, +fieldset[disabled] .btn-simple, +fieldset[disabled] .btn-simple:hover, +fieldset[disabled] .btn-simple:focus, +fieldset[disabled] .btn-simple.focus, +fieldset[disabled] .btn-simple:active, +fieldset[disabled] .btn-simple.active, +.btn-link.disabled, +.btn-link.disabled:hover, +.btn-link.disabled:focus, +.btn-link.disabled.focus, +.btn-link.disabled:active, +.btn-link.disabled.active, +.btn-link:disabled, +.btn-link:disabled:hover, +.btn-link:disabled:focus, +.btn-link:disabled.focus, +.btn-link:disabled:active, +.btn-link:disabled.active, +.btn-link[disabled], +.btn-link[disabled]:hover, +.btn-link[disabled]:focus, +.btn-link[disabled].focus, +.btn-link[disabled]:active, +.btn-link[disabled].active, +fieldset[disabled] .btn-link, +fieldset[disabled] .btn-link:hover, +fieldset[disabled] .btn-link:focus, +fieldset[disabled] .btn-link.focus, +fieldset[disabled] .btn-link:active, +fieldset[disabled] .btn-link.active { + background: transparent; +} + +.btn:not(:disabled):not(.disabled):active, +.btn:not(:disabled):not(.disabled).active { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); +} + +.btn-link { + border: 0; + box-shadow: none; + padding: 0.5rem 0.7rem; + background: transparent; + color: #e3e3e3; + font-weight: 600; +} + +.btn-link:hover { + box-shadow: none !important; + transform: none !important; +} + +.btn-lg, +.btn-group-lg>.btn { + font-size: 0.875rem; + border-radius: 0.4285rem; + padding: 15px 48px; +} + +.btn-lg.btn-simple, +.btn-group-lg>.btn-simple.btn { + padding: 14px 47px; +} + +.btn-sm, +.btn-group-sm>.btn { + font-size: 0.875rem; + border-radius: 0.2857rem; + padding: 5px 15px; +} + +.btn-sm.btn-simple, +.btn-group-sm>.btn-simple.btn { + padding: 4px 14px; +} + +.btn-wd { + min-width: 140px; +} + +.btn-group.select { + width: 100%; +} + +.btn-group .btn.active { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-group.select .btn { + text-align: left; +} + +.btn-group.select .caret { + position: absolute; + top: 50%; + margin-top: -1px; + right: 8px; +} + +.btn-group .btn.active { + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + transform: translateY(-1px); + -webkit-transform: translateY(-1px); +} + +.btn-round { + border-width: 1px; + border-radius: 30px; +} + +.btn-round.btn-simple { + padding: 10px 22px; +} + +.no-caret.dropdown-toggle::after { + display: none; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { + color: #ffffff; +} + +.btn-group label.btn.active { + transform: translateY(0); + -webkit-transform: translateY(0); +} + +.dropdown-menu { + border: 0; + box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2); + border-radius: 0.1428rem; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; +} + +.dropdown-menu.dropdown-menu-right:before, +.dropdown-menu.dropdown-menu-right:after { + left: auto; + right: 10px; +} + +.dropdown-menu.dropdown-black { + background: linear-gradient(to bottom, #222a42 0%, #1d253b 100%); + border: 1px solid #344675; +} + +.dropdown-menu.dropdown-black .dropdown-item { + color: rgba(255, 255, 255, 0.7); +} + +.dropdown-menu.dropdown-black .dropdown-divider { + border-color: #344675; +} + +.dropdown-menu.dropdown-black:before { + color: #222a42; + z-index: 2; +} + +.dropdown-menu.dropdown-black:after { + display: inline-block; + position: absolute; + width: 0; + height: 0; + z-index: 1; + vertical-align: middle; + content: ""; + top: -6px; + left: 10px; + right: auto; + color: #344675; + border-bottom: .4em solid; + border-right: .4em solid transparent; + border-left: .4em solid transparent; +} + +.dropdown-menu.dropdown-black.dropdown-menu-right:after { + left: auto; + right: 10px; +} + +.dropup .dropdown-menu.dropdown-black:after { + color: #1d253b; + z-index: 2; +} + +.dropup .dropdown-menu.dropdown-black:before { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: auto; + bottom: -6px; + right: auto; + left: 10px; + color: #555555; + border-top: .4em solid; + border-right: .4em solid transparent; + border-left: .4em solid transparent; + border-bottom: none; + z-index: 1; +} + +.dropdown-menu i { + margin-right: 5px; + position: relative; + top: 1px; +} + +.dropdown-menu .tim-icons { + margin-right: 10px; + position: relative; + top: 4px; + font-size: 18px; + margin-top: -5px; + opacity: .5; +} + +.dropdown-menu .dropdown-item.active, +.dropdown-menu .dropdown-item:active { + color: inherit; +} + +.dropup .dropdown-menu:before { + display: none; +} + +.dropup .dropdown-menu:after { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: auto; + bottom: -5px; + right: auto; + left: 10px; + color: #ffffff; + border-top: .4em solid; + border-right: .4em solid transparent; + border-left: .4em solid transparent; + border-bottom: none; +} + +.dropup .dropdown-menu.dropdown-menu-right:after, +.dropup .dropdown-menu.dropdown-menu-right:before { + right: 10px; + left: auto; +} + +.dropdown-menu:before { + display: inline-block; + position: absolute; + width: 0; + height: 0; + vertical-align: middle; + content: ""; + top: -5px; + left: 10px; + right: auto; + color: #ffffff; + border-bottom: .4em solid; + border-right: .4em solid transparent; + border-left: .4em solid transparent; +} + +.dropdown-menu.dropdown-menu-right { + right: 0 !important; + left: auto !important; +} + +.dropdown-menu .dropdown-item, +.bootstrap-select .dropdown-menu.inner li a { + font-size: 0.75rem; + padding-top: .6rem; + padding-bottom: .6rem; + margin-top: 5px; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; +} + +.dropdown-menu .dropdown-item:hover, +.dropdown-menu .dropdown-item:focus, +.bootstrap-select .dropdown-menu.inner li a:hover, +.bootstrap-select .dropdown-menu.inner li a:focus { + background-color: rgba(222, 222, 222, 0.3); +} + +.dropdown-menu .dropdown-item.disabled, +.dropdown-menu .dropdown-item:disabled, +.bootstrap-select .dropdown-menu.inner li a.disabled, +.bootstrap-select .dropdown-menu.inner li a:disabled { + color: rgba(182, 182, 182, 0.6); +} + +.dropdown-menu .dropdown-item.disabled:hover, +.dropdown-menu .dropdown-item.disabled:focus, +.dropdown-menu .dropdown-item:disabled:hover, +.dropdown-menu .dropdown-item:disabled:focus, +.bootstrap-select .dropdown-menu.inner li a.disabled:hover, +.bootstrap-select .dropdown-menu.inner li a.disabled:focus, +.bootstrap-select .dropdown-menu.inner li a:disabled:hover, +.bootstrap-select .dropdown-menu.inner li a:disabled:focus { + background-color: transparent; + box-shadow: none; +} + +.dropdown-menu .dropdown-divider { + background-color: rgba(222, 222, 222, 0.5); +} + +.dropdown-menu .dropdown-header:not([href]):not([tabindex]) { + color: rgba(182, 182, 182, 0.6); + font-size: 0.62475rem; + text-transform: uppercase; + font-weight: 600; +} + +.dropdown-menu.dropdown-primary { + background-color: #df41c6; +} + +.dropdown-menu.dropdown-primary:before { + color: #df41c6; +} + +.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) { + color: rgba(255, 255, 255, 0.8); +} + +.dropdown-menu.dropdown-primary .dropdown-item { + color: #ffffff; +} + +.dropdown-menu.dropdown-primary .dropdown-item:hover, +.dropdown-menu.dropdown-primary .dropdown-item:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-primary .dropdown-divider { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-info { + background-color: #0e84f8; +} + +.dropdown-menu.dropdown-info:before { + color: #0e84f8; +} + +.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) { + color: rgba(255, 255, 255, 0.8); +} + +.dropdown-menu.dropdown-info .dropdown-item { + color: #ffffff; +} + +.dropdown-menu.dropdown-info .dropdown-item:hover, +.dropdown-menu.dropdown-info .dropdown-item:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-info .dropdown-divider { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-danger { + background-color: #fd4e89; +} + +.dropdown-menu.dropdown-danger:before { + color: #fd4e89; +} + +.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) { + color: rgba(255, 255, 255, 0.8); +} + +.dropdown-menu.dropdown-danger .dropdown-item { + color: #ffffff; +} + +.dropdown-menu.dropdown-danger .dropdown-item:hover, +.dropdown-menu.dropdown-danger .dropdown-item:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-danger .dropdown-divider { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-success { + background-color: #00e3b7; +} + +.dropdown-menu.dropdown-success:before { + color: #00e3b7; +} + +.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) { + color: rgba(255, 255, 255, 0.8); +} + +.dropdown-menu.dropdown-success .dropdown-item { + color: #ffffff; +} + +.dropdown-menu.dropdown-success .dropdown-item:hover, +.dropdown-menu.dropdown-success .dropdown-item:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-success .dropdown-divider { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-warning { + background-color: #ff8163; +} + +.dropdown-menu.dropdown-warning:before { + color: #ff8163; +} + +.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) { + color: rgba(255, 255, 255, 0.8); +} + +.dropdown-menu.dropdown-warning .dropdown-item { + color: #ffffff; +} + +.dropdown-menu.dropdown-warning .dropdown-item:hover, +.dropdown-menu.dropdown-warning .dropdown-item:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown-menu.dropdown-warning .dropdown-divider { + background-color: rgba(255, 255, 255, 0.2); +} + +.dropdown .dropdown-menu, +.dropup:not(.bootstrap-select) .dropdown-menu, +.bootstrap-select .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget.bottom { + -webkit-transform: translate3d(0, -20px, 0) !important; + -moz-transform: translate3d(0, -20px, 0) !important; + -o-transform: translate3d(0, -20px, 0) !important; + -ms-transform: translate3d(0, -20px, 0) !important; + transform: translate3d(0, -20px, 0) !important; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); + top: 100% !important; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top { + -webkit-transform: translate3d(0, -20px, 0) !important; + -moz-transform: translate3d(0, -20px, 0) !important; + -o-transform: translate3d(0, -20px, 0) !important; + -ms-transform: translate3d(0, -20px, 0) !important; + transform: translate3d(0, -20px, 0) !important; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top, +.dropdown-menu.bootstrap-datetimepicker-widget.bottom { + -webkit-transform: translate3d(0, -20px, 0) !important; + -moz-transform: translate3d(0, -20px, 0) !important; + -o-transform: translate3d(0, -20px, 0) !important; + -ms-transform: translate3d(0, -20px, 0) !important; + transform: translate3d(0, -20px, 0) !important; +} + +.bootstrap-select.dropup .dropdown-menu:not(.inner) { + -webkit-transform: translate3d(0, 25px, 0) !important; + -moz-transform: translate3d(0, 25px, 0) !important; + -o-transform: translate3d(0, 25px, 0) !important; + -ms-transform: translate3d(0, 25px, 0) !important; + transform: translate3d(0, 25px, 0) !important; +} + +.dropup:not(.bootstrap-select) .dropdown-menu { + -webkit-transform: translate3d(0, 20px, 0) !important; + -moz-transform: translate3d(0, 20px, 0) !important; + -o-transform: translate3d(0, 20px, 0) !important; + -ms-transform: translate3d(0, 20px, 0) !important; + transform: translate3d(0, 20px, 0) !important; + top: auto !important; + bottom: 100%; +} + +.dropdown.show .dropdown-menu, +.bootstrap-select.show .dropdown-menu:not(.inner), +.dropdown-menu.bootstrap-datetimepicker-widget.top.open, +.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, +.dropup.show:not(.bootstrap-select) .dropdown-menu, +.navbar .dropdown.show .dropdown-menu { + opacity: 1; + filter: alpha(opacity=100); + visibility: visible; + -webkit-transform: translate3d(0, 1px, 0) !important; + -moz-transform: translate3d(0, 1px, 0) !important; + -o-transform: translate3d(0, 1px, 0) !important; + -ms-transform: translate3d(0, 1px, 0) !important; + transform: translate3d(0, 1px, 0) !important; +} + +.dropdown-menu.bootstrap-datetimepicker-widget.top.open, +.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open { + -webkit-transform: translate3d(0, 0px, 0) !important; + -moz-transform: translate3d(0, 0px, 0) !important; + -o-transform: translate3d(0, 0px, 0) !important; + -ms-transform: translate3d(0, 0px, 0) !important; + transform: translate3d(0, 0px, 0) !important; +} + +.dropup.show:not(.bootstrap-select) .dropdown-menu { + -webkit-transform: translate3d(0, -2px, 0) !important; + -moz-transform: translate3d(0, -2px, 0) !important; + -o-transform: translate3d(0, -2px, 0) !important; + -ms-transform: translate3d(0, -2px, 0) !important; + transform: translate3d(0, -2px, 0) !important; +} + +.dropdown-menu.dropdown-navbar { + left: -80px; +} + +.dropdown-menu.dropdown-navbar:before, +.dropdown-menu.dropdown-navbar:after { + left: auto; + right: 17px; +} + +.btn { + cursor: pointer; +} + +.btn.dropdown-toggle[data-toggle="dropdown"] { + padding: 10px; + margin: 0; + margin-bottom: 5px; +} + +.btn.dropdown-toggle[data-toggle="dropdown"]:after { + content: ""; + margin-left: 5px; +} + +.btn span.bs-caret { + display: none; +} + +.btn.btn-link.dropdown-toggle { + height: 22px; + padding: 0; + margin-right: 5px; +} + +.dropdown-toggle:after { + content: unset; +} + +.btn:not(:disabled):not(.disabled).active:focus, +.btn:not(:disabled):not(.disabled):active:focus, +.show>.btn.dropdown-toggle:focus { + box-shadow: none; +} + +.dropdown-menu-sm { + min-width: 100px; + border: 0.4285rem; +} + +.dropdown-menu-lg { + min-width: 260px; + border-radius: 0.4285rem; +} + +.dropdown-menu-xl { + min-width: 450px; + border-radius: 0.4285rem; +} + +@media screen and (max-width: 991px) { + .dropdown-toggle:after { + display: inline-block; + width: 0; + height: 0; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-right: .3em solid transparent; + border-bottom: 0; + border-left: .3em solid transparent; + } +} + +@media screen and (min-width: 992px) { + .dropdown-menu .dropdown-item { + color: #9A9A9A; + } +} + +.footer { + padding: 24px 0 24px 250px; +} + +.footer [class*="container-"] { + padding: 0; +} + +.footer .nav { + display: inline-block; + float: left; + margin-bottom: 0; + padding-left: 30px; + list-style: none; +} + +.footer .nav-item { + display: inline-block; +} + +.footer .nav-item:first-child a { + padding-left: 0; +} + +.footer .nav-link { + color: #ffffff; + padding: 0 0.5rem; + font-size: 0.75rem; + text-transform: uppercase; + text-decoration: none; +} + +.footer .nav-link:hover { + text-decoration: none; +} + +.footer .copyright { + font-size: 0.75rem; + line-height: 1.8; + color: #ffffff; +} + +.footer:after { + display: table; + clear: both; + content: " "; +} + +@media screen and (max-width: 991px) { + .footer { + padding-left: 0px; + } + .footer .copyright { + text-align: right; + margin-right: 15px; + } +} + +@media screen and (min-width: 992px) { + .footer .copyright { + float: right; + padding-right: 30px; + } +} + +@media screen and (max-width: 768px) { + .footer nav { + display: block; + margin-bottom: 5px; + float: none; + } +} + +@media screen and (max-width: 576px) { + .footer { + text-align: center; + } + .footer .copyright { + text-align: center; + } + .footer .nav { + float: none; + padding-left: 0; + } +} + +/* Form controls */ + +.form-control::-moz-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} + +.form-control:-moz-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} + +.form-control::-webkit-input-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} + +.form-control:-ms-input-placeholder { + color: #6c757c; + opacity: 1; + filter: alpha(opacity=100); +} + +.form-control { + border-color: #2b3553; + border-radius: 0.4285rem; + font-size: 0.75rem; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; +} + +.form-control:focus { + border-color: #e14eca; + background-color: transparent; + box-shadow: none; +} + +.form-control:focus+.input-group-append .input-group-text, +.form-control:focus~.input-group-append .input-group-text, +.form-control:focus+.input-group-prepend .input-group-text, +.form-control:focus~.input-group-prepend .input-group-text { + border: 1px solid #e14eca; + border-left: none; + background-color: transparent; +} + +.has-success .form-control, +.has-error .form-control, +.has-success .form-control:focus, +.has-error .form-control:focus { + box-shadow: none; +} + +.has-danger .form-control.form-control-success, +.has-danger .form-control.form-control-danger, +.has-success .form-control.form-control-success, +.has-success .form-control.form-control-danger { + background-image: none; +} + +.form-control+.form-control-feedback { + border-radius: 0.4285rem; + margin-top: -7px; + position: absolute; + right: 10px; + top: 50%; + vertical-align: middle; +} + +.open .form-control { + border-radius: 0.4285rem 0.4285rem 0 0; + border-bottom-color: transparent; +} + +.form-control+.input-group-append .input-group-text, +.form-control+.input-group-prepend .input-group-text { + background-color: #ffffff; +} + +.has-success .input-group-append .input-group-text, +.has-success .input-group-prepend .input-group-text, +.has-success .form-control { + border-color: #2b3553; +} + +.has-success .form-control:focus, +.has-success.input-group-focus .input-group-append .input-group-text, +.has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #00bf9a; +} + +.has-danger .form-control, +.has-danger .input-group-append .input-group-text, +.has-danger .input-group-prepend .input-group-text, +.has-danger.input-group-focus .input-group-prepend .input-group-text, +.has-danger.input-group-focus .input-group-append .input-group-text { + border-color: #f33620; + color: #ec250d; + background-color: rgba(222, 222, 222, 0.1); +} + +.has-danger .form-control:focus, +.has-danger .input-group-append .input-group-text:focus, +.has-danger .input-group-prepend .input-group-text:focus, +.has-danger.input-group-focus .input-group-prepend .input-group-text:focus, +.has-danger.input-group-focus .input-group-append .input-group-text:focus { + background-color: transparent; +} + +.has-success:after, +.has-danger:after { + font-family: 'nucleo'; + content: "\ea1b"; + display: inline-block; + position: absolute; + right: 20px; + top: 13px; + color: #00f2c3; + font-size: 11px; +} + +.has-success.form-control-lg:after, +.has-danger.form-control-lg:after { + font-size: 13px; + top: 24px; +} + +.has-success.has-label:after, +.has-danger.has-label:after { + top: 37px; +} + +.has-success.form-check:after, +.has-danger.form-check:after { + display: none !important; +} + +.has-success.form-check .form-check-label, +.has-danger.form-check .form-check-label { + color: #00f2c3; +} + +.has-danger:after { + content: "\ea48"; + color: #ec250d; +} + +.has-danger.form-check .form-check-label { + color: #ec250d; +} + +img { + max-width: 100%; + border-radius: 0.2857rem; +} + +.img-raised { + box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); +} + +.modal-content { + border: 0; +} + +.modal-content .modal-header { + border-bottom: none; +} + +.modal-content .modal-header button { + position: absolute; + right: 27px; + top: 24px; + outline: 0; + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-content .modal-header .title { + color: #222a42; + margin-top: 5px; + margin-bottom: 0; +} + +.modal-content .modal-header .modal-title { + color: #222a42; +} + +.modal-content .modal-header i.tim-icons { + font-size: 16px; +} + +.modal-content .modal-body { + line-height: 1.9; +} + +.modal-content .modal-body p { + color: #222a42; +} + +.modal-content .modal-footer { + border-top: 0; + -webkit-justify-content: space-between; + /* Safari 6.1+ */ + justify-content: space-between; +} + +.modal-content .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; +} + +.modal-content .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; +} + +.modal-content .modal-body+.modal-footer { + padding-top: 0; +} + +.modal-backdrop { + background: rgba(0, 0, 0, 0.3); +} + +.modal.modal-default .modal-content { + background-color: #ffffff; + color: #222a42; +} + +.modal.modal-default .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-default .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-default .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-default .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-default .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-default .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-default .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-default .has-success:after, +.modal.modal-default .has-danger:after { + color: #ffffff; +} + +.modal.modal-default .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-default .input-group-prepend { + margin-right: 0; +} + +.modal.modal-default .input-group-prepend .input-group-text, +.modal.modal-default .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-default .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-default .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-default .form-group.no-border .form-control, +.modal.modal-default .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-default .form-group.no-border .form-control:focus, +.modal.modal-default .form-group.no-border .form-control:active, +.modal.modal-default .form-group.no-border .form-control:active, +.modal.modal-default .input-group.no-border .form-control:focus, +.modal.modal-default .input-group.no-border .form-control:active, +.modal.modal-default .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-default .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-default .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-default .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-default .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-default .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-default .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-default .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-default .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-default .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-default .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-default .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-default .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-default .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-default .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-default .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-default .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-default .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-default .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-default .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-default .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-default .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-default .form-group.no-border .input-group-append .input-group-text, +.modal.modal-default .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-default .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-default .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-default .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-default .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-default .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-primary .modal-content { + background-color: #e14eca; + color: #ffffff; +} + +.modal.modal-primary .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-primary .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-primary .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-primary .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-primary .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-primary .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-primary .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-primary .has-success:after, +.modal.modal-primary .has-danger:after { + color: #ffffff; +} + +.modal.modal-primary .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-primary .input-group-prepend { + margin-right: 0; +} + +.modal.modal-primary .input-group-prepend .input-group-text, +.modal.modal-primary .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-primary .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-primary .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border .form-control, +.modal.modal-primary .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border .form-control:focus, +.modal.modal-primary .form-group.no-border .form-control:active, +.modal.modal-primary .form-group.no-border .form-control:active, +.modal.modal-primary .input-group.no-border .form-control:focus, +.modal.modal-primary .input-group.no-border .form-control:active, +.modal.modal-primary .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-primary .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-primary .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-primary .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-primary .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-primary .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-primary .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-primary .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-primary .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-primary .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-primary .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-primary .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-primary .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-primary .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-primary .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-primary .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-primary .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-primary .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-primary .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-primary .form-group.no-border .input-group-append .input-group-text, +.modal.modal-primary .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-primary .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-primary .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-primary .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-primary .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-primary .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-danger .modal-content { + background-color: #fd5d93; + color: #ffffff; +} + +.modal.modal-danger .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-danger .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-danger .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-danger .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-danger .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-danger .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-danger .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-danger .has-success:after, +.modal.modal-danger .has-danger:after { + color: #ffffff; +} + +.modal.modal-danger .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-danger .input-group-prepend { + margin-right: 0; +} + +.modal.modal-danger .input-group-prepend .input-group-text, +.modal.modal-danger .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-danger .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-danger .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border .form-control, +.modal.modal-danger .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border .form-control:focus, +.modal.modal-danger .form-group.no-border .form-control:active, +.modal.modal-danger .form-group.no-border .form-control:active, +.modal.modal-danger .input-group.no-border .form-control:focus, +.modal.modal-danger .input-group.no-border .form-control:active, +.modal.modal-danger .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-danger .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-danger .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-danger .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-danger .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-danger .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-danger .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-danger .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-danger .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-danger .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-danger .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-danger .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-danger .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-danger .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-danger .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-danger .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-danger .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-danger .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-danger .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-danger .form-group.no-border .input-group-append .input-group-text, +.modal.modal-danger .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-danger .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-danger .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-danger .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-danger .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-danger .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-warning .modal-content { + background-color: #ff8d72; + color: #ffffff; +} + +.modal.modal-warning .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-warning .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-warning .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-warning .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-warning .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-warning .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-warning .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-warning .has-success:after, +.modal.modal-warning .has-danger:after { + color: #ffffff; +} + +.modal.modal-warning .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-warning .input-group-prepend { + margin-right: 0; +} + +.modal.modal-warning .input-group-prepend .input-group-text, +.modal.modal-warning .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-warning .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-warning .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border .form-control, +.modal.modal-warning .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border .form-control:focus, +.modal.modal-warning .form-group.no-border .form-control:active, +.modal.modal-warning .form-group.no-border .form-control:active, +.modal.modal-warning .input-group.no-border .form-control:focus, +.modal.modal-warning .input-group.no-border .form-control:active, +.modal.modal-warning .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-warning .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-warning .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-warning .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-warning .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-warning .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-warning .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-warning .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-warning .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-warning .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-warning .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-warning .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-warning .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-warning .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-warning .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-warning .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-warning .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-warning .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-warning .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-warning .form-group.no-border .input-group-append .input-group-text, +.modal.modal-warning .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-warning .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-warning .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-warning .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-warning .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-warning .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-success .modal-content { + background-color: #00f2c3; + color: #ffffff; +} + +.modal.modal-success .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-success .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-success .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-success .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-success .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-success .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-success .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-success .has-success:after, +.modal.modal-success .has-danger:after { + color: #ffffff; +} + +.modal.modal-success .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-success .input-group-prepend { + margin-right: 0; +} + +.modal.modal-success .input-group-prepend .input-group-text, +.modal.modal-success .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-success .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-success .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-success .form-group.no-border .form-control, +.modal.modal-success .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-success .form-group.no-border .form-control:focus, +.modal.modal-success .form-group.no-border .form-control:active, +.modal.modal-success .form-group.no-border .form-control:active, +.modal.modal-success .input-group.no-border .form-control:focus, +.modal.modal-success .input-group.no-border .form-control:active, +.modal.modal-success .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-success .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-success .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-success .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-success .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-success .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-success .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-success .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-success .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-success .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-success .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-success .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-success .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-success .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-success .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-success .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-success .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-success .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-success .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-success .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-success .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-success .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-success .form-group.no-border .input-group-append .input-group-text, +.modal.modal-success .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-success .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-success .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-success .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-success .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-success .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-info .modal-content { + background-color: #1d8cf8; + color: #ffffff; +} + +.modal.modal-info .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-info .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-info .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-info .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-info .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.modal.modal-info .form-control { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-info .form-control:focus { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; +} + +.modal.modal-info .has-success:after, +.modal.modal-info .has-danger:after { + color: #ffffff; +} + +.modal.modal-info .has-danger .form-control { + background-color: transparent; +} + +.modal.modal-info .input-group-prepend { + margin-right: 0; +} + +.modal.modal-info .input-group-prepend .input-group-text, +.modal.modal-info .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; +} + +.modal.modal-info .input-group-focus .input-group-prepend .input-group-text, +.modal.modal-info .input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + border-color: #ffffff; + color: #ffffff; +} + +.modal.modal-info .form-group.no-border .form-control, +.modal.modal-info .input-group.no-border .form-control { + background-color: rgba(30, 30, 47, 0.2); + color: #ffffff; +} + +.modal.modal-info .form-group.no-border .form-control:focus, +.modal.modal-info .form-group.no-border .form-control:active, +.modal.modal-info .form-group.no-border .form-control:active, +.modal.modal-info .input-group.no-border .form-control:focus, +.modal.modal-info .input-group.no-border .form-control:active, +.modal.modal-info .input-group.no-border .form-control:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-info .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-info .form-group.no-border .form-control+.input-group-append .input-group-text, +.modal.modal-info .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.modal.modal-info .input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); +} + +.modal.modal-info .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-info .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-info .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-info .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-info .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-info .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-info .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.modal.modal-info .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-info .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.modal.modal-info .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.modal.modal-info .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.modal.modal-info .input-group.no-border .form-control+.input-group-append .input-group-text:active { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-info .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-info .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.modal.modal-info .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.modal.modal-info .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal.modal-info .form-group.no-border .input-group-prepend .input-group-text, +.modal.modal-info .form-group.no-border .input-group-append .input-group-text, +.modal.modal-info .input-group.no-border .input-group-prepend .input-group-text, +.modal.modal-info .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.2); + border: none; + color: #ffffff; +} + +.modal.modal-info .form-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-info .form-group.no-border.input-group-focus .input-group-append .input-group-text, +.modal.modal-info .input-group.no-border.input-group-focus .input-group-prepend .input-group-text, +.modal.modal-info .input-group.no-border.input-group-focus .input-group-append .input-group-text { + background-color: rgba(30, 30, 47, 0.3); + color: #ffffff; +} + +.modal .modal-header .close { + color: #fd5d93; + text-shadow: none; +} + +.modal .modal-header .close:hover, +.modal .modal-header .close:focus { + opacity: 1; +} + +.modal.modal-black .modal-content { + background: linear-gradient(to bottom, #222a42 0%, #1d253b 100%); + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-black .modal-content .modal-header .modal-title, +.modal.modal-black .modal-content .modal-header .title { + color: rgba(255, 255, 255, 0.9); +} + +.modal.modal-black .modal-content .modal-body p { + color: rgba(255, 255, 255, 0.8); +} + +.modal.modal-black h1, +.modal.modal-black h2, +.modal.modal-black h3, +.modal.modal-black h4, +.modal.modal-black h5, +.modal.modal-black h6, +.modal.modal-black p { + color: #ffffff; +} + +.modal-search .modal-dialog { + margin: 20px auto; + max-width: 650px; +} + +.modal-search .modal-dialog input { + border: none; + font-size: 17px; + font-weight: 100; +} + +.modal-search .modal-dialog span { + font-size: 35px; + color: #b7b7b7; +} + +.modal-search .modal-content .modal-header { + padding: 24px; +} + +.modal-search .modal-header .close { + color: #555555; + top: 30px !important; +} + +.modal-search .modal-footer { + border-top: 2px solid #f9f9f9; + margin: 0px 25px 20px; +} + +.navbar { + padding: 10px 30px 10px 15px; + width: 100%; + z-index: 1050; + background: #1a1e34; +} + +.navbar .photo { + display: inline-block; + height: 30px; + width: 30px; + border-radius: 50%; + vertical-align: middle; + overflow: hidden; +} + +.navbar .photo img { + width: 100%; +} + +.navbar .navbar-wrapper { + display: flex; + align-items: center; +} + +.navbar .navbar-text { + color: #ffffff; +} + +.navbar .btn { + margin: 0 5px 0 10px; +} + +.navbar.navbar-absolute { + position: absolute; + z-index: 1050; +} + +.navbar.navbar-transparent { + background: transparent !important; +} + +.navbar.bg-white .navbar-nav .search-bar.input-group i { + color: #222a42; +} + +.navbar.bg-white .navbar-nav .search-bar.input-group .form-control { + background: rgba(34, 42, 66, 0.1); + border-radius: 4px; +} + +.navbar.bg-white .navbar-nav a.nav-link { + color: #222a42 !important; +} + +.navbar.bg-white .navbar-nav a.nav-link p { + color: #222a42; +} + +.navbar.bg-white .navbar-text, +.navbar.bg-white .navbar-brand { + color: #222a42; +} + +.navbar.bg-white .form-control { + color: #222a42 !important; +} + +.navbar.bg-white .form-control::placeholder { + color: #9A9A9A !important; +} + +.navbar.bg-dark { + background: #222a42 !important; +} + +.navbar.bg-primary { + background-color: #e14eca !important; +} + +.navbar.bg-warning { + background-color: #ff8d72 !important; +} + +.navbar.bg-info { + background-color: #1d8cf8 !important; +} + +.navbar.bg-success { + background-color: #00bf9a !important; +} + +.navbar.bg-danger { + background-color: #fd5d93 !important; +} + +.navbar .navbar-brand { + position: fixed; + padding-top: .3125rem; + padding-bottom: .3125rem; + color: #ffffff; + margin-left: 17px; + margin-top: 3px; + text-transform: uppercase; + font-size: 1rem; +} + +.navbar .navbar-toggle button:focus, +.navbar .navbar-toggler { + outline: none; +} + +.navbar-minimize-fixed { + position: fixed; + margin-left: 40px; + margin-top: 14px; + transition: 0.3s ease; + color: white; + z-index: 20; + opacity: 0; + transition: 0.2s ease; +} + +.navbar-minimize-fixed button i { + font-size: 20px; +} + +.notification { + background: #fd5d93; + color: #ffffff; + border-radius: 0.875rem; + height: 6px; + width: 6px; + position: absolute; + text-align: center; + font-size: 12px; + font-weight: 800; + top: 10px; + right: 10px; + border: 1px solid #fd5d93; +} + +.navbar-nav li { + padding: 0 10px; +} + +.navbar-nav li a { + color: #ffffff; +} + +.navbar-nav li i { + vertical-align: middle; + font-size: 20px; +} + +@media screen and (max-width: 991px) { + .navbar .container-fluid { + padding-right: 15px; + padding-left: 15px; + } + .navbar .navbar-collapse .input-group { + margin: 0; + margin-top: 5px; + } + .navbar .navbar-nav .btn { + margin-left: -3px; + display: flex; + } + .navbar .navbar-nav .btn i { + margin-right: 12px; + } + .navbar .navbar-nav .btn span { + margin: 0; + text-transform: uppercase; + font-weight: 300; + } + .navbar .navbar-nav .btn span, + .navbar .navbar-nav .btn span:hover, + .navbar .navbar-nav .btn span:focus, + .navbar .navbar-nav .btn span:active, + .navbar .navbar-nav .btn span:active:focus { + color: #222a42 !important; + } + .navbar .navbar-nav a.nav-link i { + opacity: 1; + margin-left: 4px; + margin-right: 5px; + } + .navbar .navbar-nav a.nav-link p { + display: inline-block; + text-transform: uppercase; + margin-left: 7px; + } + .navbar .navbar-nav .modal-search .modal-dialog { + padding: 0 40px; + } + .navbar .navbar-nav .dropdown { + margin: 5px 0; + } + .navbar .navbar-nav .dropdown .nav-link { + padding-bottom: 0; + } + .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item { + margin-top: 0; + padding-left: 24px; + } + .navbar .dropdown.show .dropdown-menu { + display: block; + } + .navbar .dropdown .dropdown-menu { + display: none; + } + .navbar .dropdown .dropdown-menu li a { + color: #222a42; + } + .navbar .dropdown.show .dropdown-menu, + .navbar .dropdown .dropdown-menu { + background-color: transparent; + border: 0; + transition: none; + -webkit-box-shadow: none; + box-shadow: none; + width: auto; + margin: 0px 1rem; + margin-top: 0px; + } + .navbar .dropdown.show .dropdown-menu:before, + .navbar .dropdown .dropdown-menu:before { + display: none; + } + .navbar .dropdown-menu .dropdown-item:focus, + .navbar .dropdown-menu .dropdown-item:hover { + color: #ffffff; + } + .navbar.bg-white .dropdown-menu .dropdown-item:focus, + .navbar.bg-white .dropdown-menu .dropdown-item:hover { + color: #344675; + } + .navbar button.navbar-toggler[data-target="#navigation"] { + padding-top: 0; + } + .navbar .navbar-toggler-bar { + display: block; + position: relative; + width: 22px; + height: 1px; + border-radius: 1px; + background: #ffffff; + } + .navbar .navbar-toggler-bar.navbar-kebab { + height: 4px; + width: 4px; + margin-bottom: 3px; + border-radius: 50%; + } + .navbar .navbar-toggler-bar+.navbar-toggler-bar { + margin-top: 7px; + } + .navbar .navbar-toggler-bar+.navbar-toggler-bar.navbar-kebab { + margin-top: 0px; + } + .navbar .navbar-toggler-bar.bar2 { + width: 17px; + transition: width .2s linear; + } + .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar { + background-color: #344675; + } + .navbar .toggled .navbar-toggler-bar { + width: 24px; + } + .navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar { + margin-top: 5px; + } + .navbar .navbar-brand { + margin-left: 20px; + position: relative; + } + .navbar-nav .nav-link i.fa, + .navbar-nav .nav-link i.tim-icons { + opacity: .5; + } + .bar1, + .bar2, + .bar3 { + outline: 1px solid transparent; + } + .bar1 { + top: 0px; + -webkit-animation: topbar-back 500ms linear 0s; + -moz-animation: topbar-back 500ms linear 0s; + animation: topbar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .bar2 { + opacity: 1; + } + .bar3 { + bottom: 0px; + -webkit-animation: bottombar-back 500ms linear 0s; + -moz-animation: bottombar-back 500ms linear 0s; + animation: bottombar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .toggled .bar1 { + top: 6px; + -webkit-animation: topbar-x 500ms linear 0s; + -moz-animation: topbar-x 500ms linear 0s; + animation: topbar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + .toggled .bar2 { + opacity: 0; + } + .toggled .bar3 { + bottom: 6px; + -webkit-animation: bottombar-x 500ms linear 0s; + -moz-animation: bottombar-x 500ms linear 0s; + animation: bottombar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + @keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); + } + 45% { + top: 6px; + transform: rotate(145deg); + } + 75% { + transform: rotate(130deg); + } + 100% { + transform: rotate(135deg); + } + } + @-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + top: 6px; + -webkit-transform: rotate(145deg); + } + 75% { + -webkit-transform: rotate(130deg); + } + 100% { + -webkit-transform: rotate(135deg); + } + } + @-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); + } + 45% { + top: 6px; + -moz-transform: rotate(145deg); + } + 75% { + -moz-transform: rotate(130deg); + } + 100% { + -moz-transform: rotate(135deg); + } + } + @keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); + } + 45% { + transform: rotate(-10deg); + } + 75% { + transform: rotate(5deg); + } + 100% { + top: 0px; + transform: rotate(0); + } + } + @-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); + } + 45% { + -webkit-transform: rotate(-10deg); + } + 75% { + -webkit-transform: rotate(5deg); + } + 100% { + top: 0px; + -webkit-transform: rotate(0); + } + } + @-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); + } + 45% { + -moz-transform: rotate(-10deg); + } + 75% { + -moz-transform: rotate(5deg); + } + 100% { + top: 0px; + -moz-transform: rotate(0); + } + } + @keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); + } + 45% { + bottom: 6px; + transform: rotate(-145deg); + } + 75% { + transform: rotate(-130deg); + } + 100% { + transform: rotate(-135deg); + } + } + @-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); + } + 75% { + -webkit-transform: rotate(-130deg); + } + 100% { + -webkit-transform: rotate(-135deg); + } + } + @-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); + } + 75% { + -moz-transform: rotate(-130deg); + } + 100% { + -moz-transform: rotate(-135deg); + } + } + @keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); + } + 45% { + transform: rotate(10deg); + } + 75% { + transform: rotate(-5deg); + } + 100% { + bottom: 0px; + transform: rotate(0); + } + } + @-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); + } + 45% { + -webkit-transform: rotate(10deg); + } + 75% { + -webkit-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -webkit-transform: rotate(0); + } + } + @-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); + } + 45% { + -moz-transform: rotate(10deg); + } + 75% { + -moz-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -moz-transform: rotate(0); + } + } + @-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + @-moz-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + @keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } +} + +@media screen and (min-width: 992px) { + .navbar-collapse { + background: none !important; + } + .navbar .navbar-toggle { + display: none; + } + .navbar-nav .nav-link.profile-photo { + padding: 0; + margin: 7px 0.7rem; + } + .navbar .caret { + position: absolute; + left: 80%; + top: 55%; + margin-left: 0; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } +} + +@media screen and (max-width: 576px) { + .navbar[class*='navbar-toggleable-'] .container { + margin-left: 0; + margin-right: 0; + } +} + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + line-height: 1.2; +} + +p { + font-weight: 300; +} + +button, +input, +optgroup, +select, +textarea { + font-family: "Poppins", sans-serif; +} + +.card h1, +.card h2, +.card h3, +.card h4, +.card h5, +.card h6, +.card p { + color: rgba(255, 255, 255, 0.8); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 400; + color: rgba(255, 255, 255, 0.8); +} + +a { + color: #ba54f5; + font-weight: 300; +} + +a:hover, +a:focus { + color: #e14eca; +} + +h1, +.h1 { + line-height: 1.05; + margin-bottom: 30px; +} + +h1 small, +.h1 small { + font-weight: 600; + text-transform: uppercase; + opacity: .8; +} + +h2, +.h2 { + margin-bottom: 30px; + line-height: 1.2; +} + +h3, +.h3 { + margin-bottom: 30px; + line-height: 1.4em; +} + +h4, +.h4 { + line-height: 1.45em; + margin-bottom: 15px; +} + +h4+.category, +h4.title+.category, +.h4+.category, +.h4.title+.category { + margin-top: -10px; +} + +h5, +.h5 { + line-height: 1.4em; + margin-bottom: 15px; +} + +h6, +.h6 { + text-transform: uppercase; + font-weight: 600; +} + +p { + color: rgba(255, 255, 255, 0.8); + margin-bottom: 5px; +} + +p.description { + font-size: 1.14em; +} + +.title { + font-weight: 600; +} + +.title.title-up { + text-transform: uppercase; +} + +.title.title-up a { + color: #222a42; + text-decoration: none; +} + +.title+.category { + margin-top: -10px; +} + +.description, +.card-description, +.footer-big p, +.card .footer .stats { + color: #9A9A9A; + font-weight: 300; +} + +.category, +.card-category { + text-transform: capitalize; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + font-size: 0.75rem; +} + +.card-category { + font-size: 0.75rem; +} + +.blockquote { + border-left: none; + border: 1px solid #344675; + padding: 20px; + font-size: 0.9625rem; + line-height: 1.8; +} + +.blockquote small { + color: #344675; + font-size: 0.75rem; + text-transform: uppercase; +} + +.blockquote.blockquote-primary { + border-color: #e14eca; + color: #e14eca; +} + +.blockquote.blockquote-primary small { + color: #e14eca; +} + +.blockquote.blockquote-danger { + border-color: #fd5d93; + color: #fd5d93; +} + +.blockquote.blockquote-danger small { + color: #fd5d93; +} + +.blockquote.blockquote-white { + border-color: rgba(255, 255, 255, 0.8); + color: #ffffff; +} + +.blockquote.blockquote-white small { + color: rgba(255, 255, 255, 0.8); +} + +ul li, +ol li { + color: #ffffff; +} + +pre { + color: rgba(255, 255, 255, 0.8); +} + +hr { + border-top: 1px solid rgba(0, 0, 0, 0.1); + margin-top: 1rem; + margin-bottom: 1rem; +} + +.table>tbody>tr>td { + color: rgba(255, 255, 255, 0.7) !important; +} + +.table>tbody>tr>td .photo { + height: 30px; + width: 30px; + border-radius: 50%; + overflow: hidden; + margin: 0 auto; +} + +.table>tbody>tr>td .photo img { + width: 100%; +} + +.table>tbody>tr.table-success>td { + background-color: #00bf9a; +} + +.table>tbody>tr.table-info>td { + background-color: #1d8cf8; +} + +.table>tbody>tr.table-primary>td { + background-color: #e14eca; +} + +.table>tbody>tr.table-warning>td { + background-color: #ff8d72; +} + +.table>tbody>tr.table-danger>td { + background-color: #fd5d93; +} + +.table .img-wrapper { + width: 40px; + height: 40px; + border-radius: 50%; + overflow: hidden; + margin: 0 auto; +} + +.table .img-row { + max-width: 60px; + width: 60px; +} + +.table .form-check { + margin: 0; + margin-top: 5px; +} + +.table .form-check label .form-check-sign::before, +.table .form-check label .form-check-sign::after { + top: -17px; + left: 4px; +} + +.table .btn { + margin: 0; +} + +.table small, +.table .small { + font-weight: 300; +} + +.card-tasks .card-body .table { + margin-bottom: 0; +} + +.card-tasks .card-body .table>thead>tr>th, +.card-tasks .card-body .table>tbody>tr>th, +.card-tasks .card-body .table>tfoot>tr>th, +.card-tasks .card-body .table>thead>tr>td, +.card-tasks .card-body .table>tbody>tr>td, +.card-tasks .card-body .table>tfoot>tr>td { + padding-top: 5px; + padding-bottom: 5px; +} + +.table>thead>tr>th { + border-bottom-width: 1px; + font-size: 12px; + text-transform: uppercase; + font-weight: 700; + border: 0; + color: rgba(255, 255, 255, 0.7); +} + +.table .radio, +.table .checkbox { + margin-top: 0; + margin-bottom: 0; + padding: 0; + width: 15px; +} + +.table .radio .icons, +.table .checkbox .icons { + position: relative; +} + +.table .radio label:after, +.table .radio label:before, +.table .checkbox label:after, +.table .checkbox label:before { + top: -17px; + left: -3px; +} + +.table>thead>tr>th, +.table>tbody>tr>th, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>tbody>tr>td, +.table>tfoot>tr>td { + border-color: rgba(255, 255, 255, 0.1); + padding: 12px 7px; + vertical-align: middle; +} + +.table.table-shopping tbody tr:last-child td { + border: none; +} + +.table .th-description { + max-width: 150px; +} + +.table .td-price { + font-size: 26px; + font-weight: 300; + margin-top: 5px; + position: relative; + top: 4px; + text-align: right; +} + +.table .td-total { + font-weight: 600; + font-size: 0.8125rem; + padding-top: 20px; + text-align: right; +} + +.table .td-actions .btn { + margin: 0px; +} + +.table>tbody>tr { + position: relative; +} + +.table>tfoot>tr { + color: rgba(255, 255, 255, 0.7); + text-transform: uppercase; +} + +.table-responsive { + overflow: scroll; + padding-bottom: 10px; +} + +#tables .table-responsive { + margin-bottom: 30px; +} + +table.tablesorter thead tr .header { + background-image: url("../img/bg.gif"); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; +} + +table.tablesorter thead tr .headerSortUp { + background-image: url("../img/asc.gif"); +} + +table.tablesorter thead tr .headerSortDown { + background-image: url("../img/desc.gif"); +} + +.dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.dataTables_wrapper .form-control-sm { + font-size: 10px; +} + +.form-check { + margin-top: .5rem; + padding-left: 0; +} + +.form-check .form-check-label { + display: inline-block; + position: relative; + cursor: pointer; + padding-left: 25px; + line-height: 18px; + margin-bottom: 0; + -webkit-transition: color 0.3s linear; + -moz-transition: color 0.3s linear; + -o-transition: color 0.3s linear; + -ms-transition: color 0.3s linear; + transition: color 0.3s linear; +} + +.radio .form-check-sign { + padding-left: 28px; +} + +.form-check-radio.form-check-inline .form-check-label { + padding-left: 5px; + margin-right: 10px; +} + +.form-check .form-check-sign::before, +.form-check .form-check-sign::after { + content: " "; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + cursor: pointer; + border-radius: 3px; + top: 0; + border: 1px solid #818181; + -webkit-transition: opacity 0.3s linear; + -moz-transition: opacity 0.3s linear; + -o-transition: opacity 0.3s linear; + -ms-transition: opacity 0.3s linear; + transition: opacity 0.3s linear; +} + +.form-check input[type="checkbox"]:checked+.form-check-sign::before, +.form-check input[type="checkbox"]:checked+.form-check-sign::before { + border: none; + background-color: #e14eca; +} + +.form-check .form-check-sign::after { + font-family: 'nucleo'; + content: "\ea1b"; + top: 0px; + text-align: center; + font-size: 14px; + opacity: 0; + color: #ffffff; + font-weight: 600; + border: 0; + background-color: inherit; +} + +.form-check.disabled .form-check-label, +.form-check.disabled .form-check-label { + color: #9A9A9A; + opacity: .5; + cursor: not-allowed; +} + +.form-check input[type="checkbox"], +.radio input[type="radio"] { + opacity: 0; + position: absolute; + visibility: hidden; +} + +.form-check input[type="checkbox"]:checked+.form-check-sign::after { + opacity: 1; + font-size: 10px; + margin-top: 0; +} + +.form-check input[type="checkbox"]+.form-check-sign::after { + opacity: 0; + font-size: 10px; + margin-top: 0; +} + +.form-control input[type="checkbox"]:disabled+.form-check-sign::before, +.checkbox input[type="checkbox"]:disabled+.form-check-sign::after { + cursor: not-allowed; +} + +.form-check input[type="checkbox"]:disabled+.form-check-sign, +.form-check input[type="radio"]:disabled+.form-check-sign { + pointer-events: none; +} + +.form-check-radio .form-check-label { + padding-top: 3px; +} + +.form-check-radio .form-check-sign::before, +.form-check-radio .form-check-sign::after { + content: " "; + width: 18px; + height: 18px; + border-radius: 50%; + border: 1px solid #818181; + display: inline-block; + position: absolute; + left: 0px; + top: 3px; + padding: 1px; + -webkit-transition: opacity 0.3s linear; + -moz-transition: opacity 0.3s linear; + -o-transition: opacity 0.3s linear; + -ms-transition: opacity 0.3s linear; + transition: opacity 0.3s linear; +} + +.form-check-radio input[type="radio"]+.form-check-sign:after, +.form-check-radio input[type="radio"] { + opacity: 0; +} + +.form-check-radio input[type="radio"]:checked+.form-check-sign::after { + width: 6px; + height: 6px; + background-color: #e14eca; + border-color: #e14eca; + top: 9px; + left: 6px; + opacity: 1; +} + +.form-check-radio input[type="radio"]:checked+.form-check-sign::before { + border-color: #e14eca; +} + +.form-check-radio input[type="radio"]:checked+.form-check-sign::after { + opacity: 1; +} + +.form-check-radio input[type="radio"]:disabled+.form-check-sign { + color: #9A9A9A; +} + +.form-check-radio input[type="radio"]:disabled+.form-check-sign::before, +.form-check-radio input[type="radio"]:disabled+.form-check-sign::after { + color: #9A9A9A; +} + +.fixed-plugin { + position: fixed; + right: 0; + width: 64px; + background: rgba(0, 0, 0, 0.3); + z-index: 1031; + border-radius: 8px 0 0 8px; + text-align: center; + top: 130px; +} + +.fixed-plugin li>a, +.fixed-plugin .badge { + transition: all .34s; + -webkit-transition: all .34s; + -moz-transition: all .34s; +} + +.fixed-plugin .fa-cog { + color: #ffffff; + padding: 10px; + border-radius: 0 0 6px 6px; + width: auto; +} + +.fixed-plugin .dropdown-menu { + right: 80px; + left: auto !important; + top: -52px !important; + width: 290px; + border-radius: 0.1875rem; + padding: 0 10px; + background: linear-gradient(#222a42, #1d253b); +} + +.fixed-plugin .dropdown .dropdown-menu .tim-icons { + top: 5px; +} + +.fixed-plugin .dropdown-menu:after, +.fixed-plugin .dropdown-menu:before { + right: 10px; + margin-left: auto; + left: auto; +} + +.fixed-plugin .fa-circle-thin { + color: #ffffff; +} + +.fixed-plugin .active .fa-circle-thin { + color: #00bbff; +} + +.fixed-plugin .dropdown-menu>.active>a, +.fixed-plugin .dropdown-menu>.active>a:hover, +.fixed-plugin .dropdown-menu>.active>a:focus { + color: #777777; + text-align: center; +} + +.fixed-plugin img { + border-radius: 0; + width: 100%; + height: 100px; + margin: 0 auto; +} + +.fixed-plugin .dropdown-menu li>a:hover, +.fixed-plugin .dropdown-menu li>a:focus { + box-shadow: none; +} + +.fixed-plugin .badge { + border: 2px solid #ffffff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; +} + +.fixed-plugin .badge.active, +.fixed-plugin .badge:hover { + border-color: #1d253b; +} + +.fixed-plugin .light-badge, +.fixed-plugin .dark-badge { + margin: 0; + border: 1px solid #1d8cf8; +} + +.fixed-plugin .light-badge:hover, +.fixed-plugin .dark-badge:hover { + border: 1px solid #1d8cf8; +} + +.fixed-plugin .light-badge { + background: #ffffff; +} + +.fixed-plugin .light-badge:hover { + background: #ffffff; +} + +.fixed-plugin .dark-badge { + background: #222a42; +} + +.fixed-plugin .dark-badge:hover { + background: #222a42; +} + +.fixed-plugin h5 { + margin: 10px; +} + +.fixed-plugin .dropdown-menu li { + display: block; + padding: 18px 2px; + width: 25%; + float: left; +} + +.fixed-plugin li.adjustments-line, +.fixed-plugin li.header-title, +.fixed-plugin li.button-container { + width: 100%; + height: 50px; + min-height: inherit; +} + +.fixed-plugin li.button-container { + height: auto; +} + +.fixed-plugin li.button-container div { + margin-bottom: 5px; +} + +.fixed-plugin #sharrreTitle { + text-align: center; + padding: 10px 0; + height: 50px; +} + +.fixed-plugin li.header-title { + color: #ffffff; + height: 30px; + line-height: 25px; + font-size: 12px; + font-weight: 600; + text-align: center; + text-transform: uppercase; +} + +.fixed-plugin .adjustments-line a { + color: transparent; +} + +.fixed-plugin .adjustments-line a .badge-colors { + position: relative; + top: -2px; +} + +.fixed-plugin .adjustments-line a a:hover, +.fixed-plugin .adjustments-line a a:focus { + color: transparent; +} + +.fixed-plugin .adjustments-line .togglebutton { + text-align: center; +} + +.fixed-plugin .adjustments-line .togglebutton .label-switch { + position: relative; + left: -10px; + font-size: 0.62475rem; + color: #ffffff; +} + +.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right { + left: 10px; +} + +.fixed-plugin .adjustments-line .togglebutton .toggle { + margin-right: 0; +} + +.fixed-plugin .adjustments-line .color-label { + position: relative; + top: -7px; + font-size: 0.62475rem; + color: #ffffff; +} + +.fixed-plugin .adjustments-line .dropdown-menu>li.adjustments-line>a { + padding-right: 0; + padding-left: 0; + border-bottom: 1px solid #ddd; + border-radius: 0; + margin: 0; +} + +.fixed-plugin .dropdown-menu>li>a.img-holder { + font-size: 1rem; + text-align: center; + border-radius: 10px; + background-color: #ffffff; + border: 3px solid #ffffff; + padding-left: 0; + padding-right: 0; + opacity: 1; + cursor: pointer; + display: block; + max-height: 100px; + overflow: hidden; + padding: 0; +} + +.fixed-plugin .dropdown-menu>li>a.img-holder img { + margin-top: auto; +} + +.fixed-plugin .dropdown-menu>li a.switch-trigger:hover, +.fixed-plugin .dropdown-menu>li>a.switch-trigger:focus { + background-color: transparent; +} + +.fixed-plugin .dropdown-menu>li:hover>a.img-holder, +.fixed-plugin .dropdown-menu>li:focus>a.img-holder { + border-color: rgba(0, 187, 255, 0.53); +} + +.fixed-plugin .dropdown-menu>.active>a.img-holder, +.fixed-plugin .dropdown-menu>.active>a.img-holder { + border-color: #00bbff; + background-color: #ffffff; +} + +.fixed-plugin .btn-social { + width: 50%; + display: block; + width: 48%; + float: left; + font-weight: 600; +} + +.fixed-plugin .btn-social i { + margin-right: 5px; +} + +.fixed-plugin .btn-social:first-child { + margin-right: 2%; +} + +.fixed-plugin .dropdown .dropdown-menu { + -webkit-transform: translateY(-15%); + -moz-transform: translateY(-15%); + -o-transform: translateY(-15%); + -ms-transform: translateY(-15%); + transform: translateY(-15%); + top: 27px; + opacity: 0; + transform-origin: 0 0; +} + +.fixed-plugin .dropdown .dropdown-menu:before { + border-bottom: 0.4em solid rgba(0, 0, 0, 0); + border-left: 0.4em solid rgba(0, 0, 0, 0.2); + border-top: 0.4em solid rgba(0, 0, 0, 0); + right: -16px; + top: 46px; +} + +.fixed-plugin .dropdown .dropdown-menu:after { + border-bottom: 0.4em solid rgba(0, 0, 0, 0); + border-left: 0.4em solid #222a42; + border-top: 0.4em solid rgba(0, 0, 0, 0); + right: -16px; +} + +.fixed-plugin .dropdown .dropdown-menu:before, +.fixed-plugin .dropdown .dropdown-menu:after { + content: ""; + display: inline-block; + position: absolute; + top: 74px; + width: 16px; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); +} + +.fixed-plugin .dropdown.show .dropdown-menu { + opacity: 1; + -webkit-transform: translateY(-13%); + -moz-transform: translateY(-13%); + -o-transform: translateY(-13%); + -ms-transform: translateY(-13%); + transform: translateY(-13%); + transform-origin: 0 0; +} + +.fixed-plugin .bootstrap-switch { + margin: 0; +} + +.wrapper { + position: relative; + top: 0; + height: 100vh; +} + +.wrapper.wrapper-full-page { + min-height: 100vh; + height: auto; +} + +.sidebar-wrapper ul li div.collapse ul li div.collapse ul li a, +.sidebar-wrapper ul li div.collapse ul li div.collapsing ul li a, +.sidebar-wrapper ul li div.collapsing ul li div.collapse ul li a { + margin-left: 25px; +} + +.sidebar, +.off-canvas-sidebar { + background: #ba54f5; + background: -webkit-linear-gradient(0deg, #ba54f5 0%, #e14eca 100%); + background: -o-linear-gradient(0deg, #ba54f5 0%, #e14eca 100%); + background: -moz-linear-gradient(0deg, #ba54f5 0%, #e14eca 100%); + background: linear-gradient(0deg, #ba54f5 0%, #e14eca 100%); + height: calc(100vh - 90px); + width: 230px; + position: fixed; + top: 0; + left: 0; + z-index: 1; + background-size: cover; + background-position: center center; + display: block; + box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.6); + margin-top: 80px; + margin-left: 20px; + border-radius: 5px; + transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); +} + +.sidebar .sidebar-wrapper, +.off-canvas-sidebar .sidebar-wrapper { + width: 100%; + min-height: 100%; + max-height: calc(100vh - 705px); + z-index: 4; + position: relative; + overflow: auto; +} + +.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop, +.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop { + display: none !important; +} + +.sidebar .sidebar-wrapper .navbar-form, +.off-canvas-sidebar .sidebar-wrapper .navbar-form { + border: none; +} + +.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a span, +.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a span, +.off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a span, +.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a span { + display: inline-block; +} + +.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal { + margin: 0; + position: relative; + transform: translateX(0px); + opacity: 1; + white-space: nowrap; + display: block; + line-height: 23px; + z-index: 1; + color: rgba(255, 255, 255, 0.8); +} + +.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon { + text-transform: uppercase; + width: 34px; + margin-right: 10px; + margin-left: 0px; + font-size: 12px; + text-align: center; + line-height: 25px; + position: relative; + float: left; + z-index: 1; + display: inherit; + line-height: 24px; + color: rgba(255, 255, 255, 0.8); +} + +.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a i, +.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a i, +.off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a i, +.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a i { + font-size: 17px; + line-height: 20px; + width: 26px; +} + +.sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li:hover>a .sidebar-mini-icon, +.sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li:hover>a .sidebar-normal, +.off-canvas-sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li:hover>a .sidebar-mini-icon, +.off-canvas-sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li:hover>a .sidebar-normal { + color: #ffffff; +} + +.sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.off-canvas-sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon { + opacity: 0; +} + +.sidebar .navbar-minimize, +.off-canvas-sidebar .navbar-minimize { + position: absolute; + right: 20px; + top: 2px; + opacity: 1; +} + +.sidebar .logo-tim, +.off-canvas-sidebar .logo-tim { + border-radius: 50%; + border: 1px solid #333; + display: block; + height: 61px; + width: 61px; + float: left; + overflow: hidden; +} + +.sidebar .logo-tim img, +.off-canvas-sidebar .logo-tim img { + width: 60px; + height: 60px; +} + +.sidebar .nav, +.off-canvas-sidebar .nav { + margin-top: 20px; + display: block; +} + +.sidebar .nav .caret, +.off-canvas-sidebar .nav .caret { + top: 14px; + position: absolute; + right: 10px; +} + +.sidebar .nav li>a+div .nav, +.off-canvas-sidebar .nav li>a+div .nav { + margin-top: 5px; +} + +.sidebar .nav li>a+div .nav li>a, +.off-canvas-sidebar .nav li>a+div .nav li>a { + margin-top: 0px; + padding: 8px 8px; +} + +.sidebar .nav li>a, +.off-canvas-sidebar .nav li>a { + margin: 10px 15px 0; + border-radius: 30px; + color: #ffffff; + display: block; + text-decoration: none; + position: relative; + text-transform: uppercase; + cursor: pointer; + font-size: 0.62475rem; + padding: 10px 8px; + line-height: 1.625rem; +} + +.sidebar .nav li:first-child>a, +.off-canvas-sidebar .nav li:first-child>a { + margin: 0 15px; +} + +.sidebar .nav li:hover:not(.active)>a p, +.sidebar .nav li:hover:not(.active)>a i, +.sidebar .nav li:focus:not(.active)>a p, +.sidebar .nav li:focus:not(.active)>a i, +.off-canvas-sidebar .nav li:hover:not(.active)>a p, +.off-canvas-sidebar .nav li:hover:not(.active)>a i, +.off-canvas-sidebar .nav li:focus:not(.active)>a p, +.off-canvas-sidebar .nav li:focus:not(.active)>a i { + color: #ffffff; +} + +.sidebar .nav li:hover:not(.active)>a i, +.sidebar .nav li:focus:not(.active)>a i, +.off-canvas-sidebar .nav li:hover:not(.active)>a i, +.off-canvas-sidebar .nav li:focus:not(.active)>a i { + color: #ffffff; +} + +.sidebar .nav li.active>a:not([data-toggle="collapse"]), +.off-canvas-sidebar .nav li.active>a:not([data-toggle="collapse"]) { + background: transparent; +} + +.sidebar .nav li.active>a:not([data-toggle="collapse"]) i, +.sidebar .nav li.active>a:not([data-toggle="collapse"]) p, +.off-canvas-sidebar .nav li.active>a:not([data-toggle="collapse"]) i, +.off-canvas-sidebar .nav li.active>a:not([data-toggle="collapse"]) p { + color: white; +} + +.sidebar .nav li.active>a:not([data-toggle="collapse"]):before, +.off-canvas-sidebar .nav li.active>a:not([data-toggle="collapse"]):before { + content: " "; + position: absolute; + height: 6px; + width: 6px; + top: 22px; + left: -4px; + background: #ffffff; + border-radius: 50%; +} + +.sidebar .nav li.active>a[data-toggle="collapse"], +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"] { + background: transparent; + box-shadow: none; + color: #ffffff; +} + +.sidebar .nav li.active>a[data-toggle="collapse"] i, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"] i { + color: #ffffff; +} + +.sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a { + box-shadow: none; +} + +.sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a .sidebar-mini-icon, +.sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a .sidebar-normal, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a .sidebar-mini-icon, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a .sidebar-normal { + color: #ffffff; + font-weight: 400; +} + +.sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a:before, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"]+div .nav .active a:before { + content: " "; + position: absolute; + height: 6px; + width: 6px; + top: 17px; + left: -4px; + background: #ffffff; + border-radius: 50%; +} + +.sidebar .nav li.active>a[data-toggle="collapse"]:before, +.off-canvas-sidebar .nav li.active>a[data-toggle="collapse"]:before { + content: " "; + position: absolute; + height: 6px; + width: 6px; + top: 22px; + left: -4px; + background: rgba(255, 255, 255, 0.6); + border-radius: 50%; +} + +.sidebar .nav p, +.off-canvas-sidebar .nav p { + margin: 0; + line-height: 30px; + position: relative; + display: block; + height: auto; + white-space: nowrap; +} + +.sidebar .nav i, +.off-canvas-sidebar .nav i { + font-size: 20px; + float: left; + margin-right: 12px; + line-height: 30px; + width: 34px; + text-align: center; + color: rgba(255, 255, 255, 0.8); + position: relative; +} + +.sidebar .logo, +.off-canvas-sidebar .logo { + position: relative; + padding: 0.5rem 0.7rem; + z-index: 4; +} + +.sidebar .logo a.logo-mini, +.off-canvas-sidebar .logo a.logo-mini { + opacity: 1; + float: left; + width: 34px; + text-align: center; + margin-left: 10px; + margin-right: 12px; +} + +.sidebar .logo a.logo-normal, +.off-canvas-sidebar .logo a.logo-normal { + display: block; + opacity: 1; + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} + +.sidebar .logo:after, +.off-canvas-sidebar .logo:after { + content: ''; + position: absolute; + bottom: 0; + right: 15px; + height: 1px; + width: calc(100% - 30px); + background: rgba(255, 255, 255, 0.5); +} + +.sidebar .logo p, +.off-canvas-sidebar .logo p { + float: left; + font-size: 20px; + margin: 10px 10px; + color: #ffffff; + line-height: 20px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +.sidebar .logo .simple-text, +.off-canvas-sidebar .logo .simple-text { + text-transform: uppercase; + padding: 0.5rem 0; + display: block; + white-space: nowrap; + color: #ffffff; + text-decoration: none; + font-weight: 400; + line-height: 30px; + overflow: hidden; +} + +.sidebar .logo-tim, +.off-canvas-sidebar .logo-tim { + border-radius: 50%; + border: 1px solid #333; + display: block; + height: 61px; + width: 61px; + float: left; + overflow: hidden; +} + +.sidebar .logo-tim img, +.off-canvas-sidebar .logo-tim img { + width: 60px; + height: 60px; +} + +.sidebar[data="blue"], +.off-canvas-sidebar[data="blue"] { + background: #3358f4; + background: -webkit-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%); + background: -o-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%); + background: -moz-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%); + background: linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%); +} + +.sidebar[data="green"], +.off-canvas-sidebar[data="green"] { + background: #0098f0; + background: -webkit-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%); + background: -o-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%); + background: -moz-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%); + background: linear-gradient(0deg, #0098f0 0%, #00f2c3 100%); +} + +.sidebar .user, +.off-canvas-sidebar .user { + padding-bottom: 20px; + margin: 20px auto 0; + position: relative; +} + +.sidebar .user:after, +.off-canvas-sidebar .user:after { + content: ''; + position: absolute; + bottom: 0; + right: 15px; + height: 1px; + width: calc(100% - 30px); + background: rgba(255, 255, 255, 0.5); +} + +.sidebar .user .photo, +.off-canvas-sidebar .user .photo { + width: 34px; + height: 34px; + overflow: hidden; + float: left; + z-index: 5; + margin-right: 10px; + border-radius: 50%; + margin-left: 23px; + box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); +} + +.sidebar .user .photo img, +.off-canvas-sidebar .user .photo img { + width: 100%; +} + +.sidebar .user a, +.off-canvas-sidebar .user a { + color: #ffffff; + text-decoration: none; + padding: 0.5rem 15px; + white-space: nowrap; +} + +.sidebar .user .info>a, +.off-canvas-sidebar .user .info>a { + display: block; + line-height: 18px; +} + +.sidebar .user .info>a>span, +.off-canvas-sidebar .user .info>a>span { + display: block; + position: relative; + opacity: 1; +} + +.sidebar .user .info .caret, +.off-canvas-sidebar .user .info .caret { + position: absolute; + top: 8px; + right: 18px; +} + +.visible-on-sidebar-regular { + display: inline-block !important; +} + +.visible-on-sidebar-mini { + display: none !important; +} + +.off-canvas-sidebar .nav>li>a, +.off-canvas-sidebar .nav>li>a:hover { + color: #ffffff; +} + +.off-canvas-sidebar .nav>li>a:focus { + background: rgba(200, 200, 200, 0.2); +} + +.main-panel { + position: relative; + float: right; + width: 100%; + min-height: 100vh; + border-top: 2px solid #e14eca; + background: linear-gradient(#1e1e2f, #1e1e24); + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); +} + +.main-panel[data="blue"] { + border-top: 2px solid #1d8cf8; +} + +.main-panel[data="green"] { + border-top: 2px solid #00f2c3; +} + +.main-panel[data="primary"] { + border-top: 2px solid #e14eca; +} + +.main-panel>.content { + padding: 78px 30px 30px 280px; + min-height: calc(100vh - 70px); +} + +.main-panel>.navbar { + margin-bottom: 0; +} + +.main-panel .header { + margin-bottom: 50px; +} + +.perfect-scrollbar-on .sidebar, +.perfect-scrollbar-on .main-panel { + height: 100%; + max-height: 100%; +} + +@media (min-width: 991px) { + .sidebar, + .main-panel, + .sidebar-wrapper { + -webkit-transition-property: top, bottom, width; + transition-property: top, bottom, width; + -webkit-transition-duration: .2s, .2s, .35s; + transition-duration: .2s, .2s, .35s; + -webkit-transition-timing-function: linear, linear, ease; + transition-timing-function: linear, linear, ease; + -webkit-overflow-scrolling: touch; + } + .sidebar-mini .visible-on-sidebar-regular { + display: none !important; + } + .sidebar-mini .visible-on-sidebar-mini { + display: inline-block !important; + } + .sidebar-mini .sidebar { + width: 80px; + } + .sidebar-mini .sidebar .sidebar-wrapper { + width: 100% !important; + } + .sidebar-mini .sidebar { + display: block; + z-index: 1030; + box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35); + } + .sidebar-mini .sidebar .logo a.logo-normal { + opacity: 0; + -webkit-transform: translate3d(-25px, 0, 0); + -moz-transform: translate3d(-25px, 0, 0); + -o-transform: translate3d(-25px, 0, 0); + -ms-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + .sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, + .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, + .sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span, + .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p { + -webkit-transform: translate3d(-25px, 0, 0); + -moz-transform: translate3d(-25px, 0, 0); + -o-transform: translate3d(-25px, 0, 0); + -ms-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + opacity: 0; + } + .sidebar-mini .sidebar .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon { + opacity: 1; + } + .sidebar-mini .sidebar:hover { + width: 260px; + } + .sidebar-mini .sidebar:hover .logo a.logo-normal { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .sidebar-mini .sidebar:hover .navbar-minimize { + opacity: 1; + } + .sidebar-mini .sidebar:hover .sidebar-wrapper { + width: 260px; + } + .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p, + .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, + .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, + .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + opacity: 1; + } + .sidebar-mini .sidebar:hover .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon { + opacity: 0; + } + .sidebar-mini .main-panel>.content { + padding-left: 130px; + } + .sidebar-mini footer { + padding-left: 130px; + } + .navbar-minimize button { + margin-left: 10px; + } + .navbar-minimize button i { + color: #ffffff; + font-size: 20px; + } +} + +.panel-header { + height: 260px; + padding-top: 80px; + padding-bottom: 45px; + background: #141E30; + /* fallback for old browsers */ + background: -webkit-gradient(linear, left top, right top, from(#0c2646), color-stop(60%, #204065), to(#2a5788)); + background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%); + position: relative; + overflow: hidden; +} + +.panel-header .header .title { + color: #ffffff; +} + +.panel-header .header .category { + max-width: 600px; + color: rgba(255, 255, 255, 0.5); + margin: 0 auto; + font-size: 13px; +} + +.panel-header .header .category a { + color: #ffffff; +} + +.panel-header-sm { + height: 135px; +} + +.panel-header-lg { + height: 380px; +} + +@media screen and (max-width: 991px) { + .sidebar { + position: fixed; + display: block; + top: 0; + height: 100%; + width: 260px; + right: auto; + left: 0; + margin: 0; + border-radius: 0; + z-index: 1032; + visibility: visible; + overflow-y: visible; + padding: 0; + transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -webkit-transform: translate3d(-260px, 0, 0); + -moz-transform: translate3d(-260px, 0, 0); + -o-transform: translate3d(-260px, 0, 0); + -ms-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); + } +} + +@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) { + .sidebar { + transition: none; + } +} + +@media screen and (max-width: 991px) { + .wrapper { + transition: 0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1); + } +} + +@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) { + .wrapper { + transition: none; + } +} + +@media screen and (max-width: 991px) { + .main-panel { + width: 100%; + } + .main-panel .content { + padding-left: 30px; + } + .nav-open .main-panel { + right: 0; + -webkit-transform: translate3d(260px, 0, 0); + -moz-transform: translate3d(260px, 0, 0); + -o-transform: translate3d(260px, 0, 0); + -ms-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); + } + .nav-open .sidebar { + transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } +} + +@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) { + .nav-open .sidebar { + transition: none; + } +} + +@media screen and (max-width: 991px) { + .nav-open .sidebar:before { + content: unset; + } + .nav-open body { + position: relative; + overflow-x: hidden; + } + .nav-open .menu-on-right .main-panel { + -webkit-transform: translate3d(-260px, 0, 0); + -moz-transform: translate3d(-260px, 0, 0); + -o-transform: translate3d(-260px, 0, 0); + -ms-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); + } + .nav-open .menu-on-right .navbar-collapse, + .nav-open .menu-on-right .sidebar { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate3d(0px, 0, 0); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); + } + .nav-open .menu-on-right #bodyClick { + right: 260px; + left: auto; + } + .menu-on-right .sidebar { + left: auto; + right: 0; + -webkit-transform: translate3d(260px, 0, 0); + -moz-transform: translate3d(260px, 0, 0); + -o-transform: translate3d(260px, 0, 0); + -ms-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); + } + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 1; + top: 0; + right: 0; + left: 260px; + content: ""; + z-index: 9999; + overflow-x: hidden; + background-color: transparent; + transition: 0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1); + } +} + +@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) { + #bodyClick { + transition: none; + } +} + +@media screen and (max-width: 768px) { + .main-panel .content { + padding-left: 15px; + padding-right: 15px; + } +} + +/* Animations */ + +.nav-pills .nav-link, +.navbar, +.nav-tabs .nav-link, +.sidebar .nav a, +.sidebar .nav a i, +.sidebar .nav p, +.navbar-collapse .navbar-nav .nav-link, +.animation-transition-general, +.sidebar .nav p, +.off-canvas-sidebar .nav p, +.sidebar .logo a.logo-mini, +.sidebar .logo a.logo-normal, +.off-canvas-sidebar .logo a.logo-mini, +.off-canvas-sidebar .logo a.logo-normal, +.sidebar .user .photo, +.off-canvas-sidebar .user .photo, +.sidebar .user a, +.off-canvas-sidebar .user a, +.sidebar .user .info>a>span, +.off-canvas-sidebar .user .info>a>span, +.tag, +.tag [data-role="remove"], +.animation-transition-general, +.sidebar .nav p, +.off-canvas-sidebar .nav p, +.sidebar .logo a.logo-mini, +.sidebar .logo a.logo-normal, +.off-canvas-sidebar .logo a.logo-mini, +.off-canvas-sidebar .logo a.logo-normal, +.sidebar .user .photo, +.off-canvas-sidebar .user .photo, +.sidebar .user a, +.off-canvas-sidebar .user a, +.sidebar .user .info>a>span, +.off-canvas-sidebar .user .info>a>span { + -webkit-transition: all 300ms ease 0s; + -moz-transition: all 300ms ease 0s; + -o-transition: all 300ms ease 0s; + -ms-transition: all 300ms ease 0s; + transition: all 300ms ease 0s; +} + +.bootstrap-switch-label:before, +.caret { + -webkit-transition: all 150ms ease 0s; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; +} + +.dropdown-toggle[aria-expanded="true"]:after, +a[data-toggle="collapse"][aria-expanded="true"] .caret, +.card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i, +.card-collapse .card a[data-toggle="collapse"].expanded i { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.caret { + width: 0; + height: 0; + vertical-align: middle; + border-top: 4px dashed; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + margin-top: -5px; + position: absolute; + top: 30px; + margin-left: 5px; +} + +.pull-left { + float: left; +} + +.pull-right { + float: right; +} + +.card form label+.form-control { + margin-bottom: 20px; +} + +.card .map-title { + color: #ffffff; +} + +.card.card-chart .gmnoprint, +.card.card-chart .gm-style-cc { + display: none !important; +} + +.bd-docs h1, +.bd-docs h2, +.bd-docs h3, +.bd-docs h4, +.bd-docs h5, +.bd-docs h6, +.bd-docs p, +.bd-docs ul li, +.bd-docs ol li { + color: #2c2c2c; +} + +.bd-docs .bd-content>table>thead>tr>th { + color: #222a42; +} + +.bd-docs .blockquote, +.bd-docs .blockquote p, +.bd-docs .card p { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs .bd-example { + background: linear-gradient(#1e1e2f, #1e1e24); +} + +.bd-docs .navbar { + border-top: none; +} + +.bd-docs .navbar .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.8) !important; +} + +.bd-docs .bd-example .btn { + margin: 4px 0; +} + +.bd-docs .bd-example .btn .badge { + display: inline-block; +} + +.bd-docs .bd-example .tim-icons { + color: #ffffff; +} + +.bd-docs .bd-example .popover .popover-header { + color: rgba(181, 181, 181, 0.6); +} + +.bd-docs .bd-example .popover-body p { + color: #212529; +} + +.bd-docs .bd-example.tooltip-demo p { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs .card.card-body, +.bd-docs .card .card-body { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs label, +.bd-docs .form-check { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs .form-check+.btn { + margin-top: 20px; +} + +.bd-docs .bd-example thead th, +.bd-docs table thead th { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs .bd-example h1, +.bd-docs .bd-example h2, +.bd-docs .bd-example h3, +.bd-docs .bd-example h4, +.bd-docs .bd-example h5, +.bd-docs .bd-example h6, +.bd-docs .bd-example .h1, +.bd-docs .bd-example .h2, +.bd-docs .bd-example .h3, +.bd-docs .bd-example .h4, +.bd-docs .bd-example .h5, +.bd-docs .bd-example .h6, +.bd-docs table h1, +.bd-docs table h2, +.bd-docs table h3, +.bd-docs table h4, +.bd-docs table h5, +.bd-docs table h6, +.bd-docs table .h1, +.bd-docs table .h2, +.bd-docs table .h3, +.bd-docs table .h4, +.bd-docs table .h5, +.bd-docs table .h6 { + color: rgba(255, 255, 255, 0.8); +} + +.bd-docs .bd-example .datepicker thead th, +.bd-docs .bd-example .datepicker table thead th, +.bd-docs .bd-example .datepicker .tim-icons, +.bd-docs table .datepicker thead th, +.bd-docs table .datepicker table thead th, +.bd-docs table .datepicker .tim-icons { + color: #e14eca; +} + +.bd-docs .bd-example .picker-switch .tim-icons, +.bd-docs table .picker-switch .tim-icons { + color: #e14eca; +} + +.bd-docs .footer .container-fluid>nav { + display: inline-block; +} + +.modal.show .modal-dialog { + -webkit-transform: translate(0, 30%); + transform: translate(0, 30%); +} + +code { + color: #f3a4b5; +} + +@media screen and (max-width: 991px) { + .profile-photo .profile-photo-small { + margin-left: -2px; + } + .button-dropdown { + display: none; + } + #searchModal .modal-dialog { + margin: 20px; + } + #minimizeSidebar { + display: none; + } +} + +@media screen and (max-width: 768px) { + .landing-page .section-story-overview .image-container:nth-child(2) { + margin-left: 0; + margin-bottom: 30px; + } +} + +@media screen and (max-width: 576px) { + .page-header .container h6.category-absolute { + width: 90%; + } + .form-horizontal .col-form-label, + .form-horizontal .label-on-right { + text-align: inherit; + padding-top: 0; + } + .form-horizontal .col-form-label code, + .form-horizontal .label-on-right code { + padding: 0 10px; + } +} + +.rtl .sidebar, +.rtl .bootstrap-navbar { + right: 0; + left: auto; + margin-right: 20px; + margin-left: 0; +} + +.rtl .sidebar .nav i, +.rtl .bootstrap-navbar .nav i { + float: right; + margin-left: 15px; + margin-right: 0; +} + +.rtl .sidebar .nav p, +.rtl .bootstrap-navbar .nav p { + margin-right: 45px; + text-align: right; +} + +.rtl .sidebar .nav .caret, +.rtl .bootstrap-navbar .nav .caret { + left: 11px; + right: auto; +} + +.rtl .sidebar .logo a.logo-mini, +.rtl .bootstrap-navbar .logo a.logo-mini { + float: right; + margin-right: 20px; + margin-left: 10px; +} + +.rtl .sidebar .logo .simple-text, +.rtl .bootstrap-navbar .logo .simple-text { + text-align: right; +} + +.rtl .sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.rtl .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.rtl .bootstrap-navbar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, +.rtl .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon { + float: right; + margin-left: 15px; + margin-right: 0; +} + +.rtl .sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.rtl .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.rtl .bootstrap-navbar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, +.rtl .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal { + text-align: right; +} + +.rtl .sidebar:before, +.rtl .bootstrap-navbar:before { + right: 30px; + left: auto; +} + +.rtl .main-panel .content { + padding: 80px 280px 30px 30px; +} + +.rtl .footer { + padding: 24px 300px 24px 0; +} + +.rtl .dropdown-toggle:after { + margin-right: .255em; + margin-left: 0; +} + +.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar { + right: -220px !important; + left: auto; +} + +.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar:before { + right: auto; + left: 35px; +} + +.rtl .notification { + left: 40px; + right: auto; +} + +.rtl .dropdown-menu { + right: auto; + left: 0; +} + +.rtl .minimize-sidebar { + float: right; +} + +.rtl .alert { + left: 0; + margin-left: 0; + margin-right: 0; +} + +.rtl .alert button.close { + left: 10px !important; + right: auto !important; +} + +.rtl .alert span[data-notify="icon"] { + right: 15px; + left: auto; +} + +.rtl .alert.alert-with-icon { + padding-right: 65px; + padding-left: 15px; +} + +.rtl .alert.alert-with-icon i[data-notify="icon"] { + right: 15px; + left: auto; +} + +.rtl .search-bar { + margin-left: 0; +} + +.rtl .modal-search .modal-header .close { + margin-right: auto; + left: 10px; +} + +@media (min-width: 991px) { + .rtl.sidebar-mini .main-panel .content { + padding-right: 130px; + padding-left: 50px; + } + .rtl.sidebar-mini footer { + padding-right: 130px; + padding-left: 50px; + } + .rtl .navbar-minimize button { + margin-right: -5px; + } +} + +@media screen and (max-width: 991px) { + .rtl .sidebar { + margin-right: 0; + } + .rtl .main-panel .content { + padding-right: 50px; + } + .rtl #bodyClick { + right: 260px; + left: auto; + } + .rtl .footer { + padding-right: 15px; + } +} + +.rtl .navbar .navbar-nav { + padding-right: 0; +} + +.rtl .navbar .navbar-nav a.nav-link { + text-align: right; +} + +.rtl .navbar .navbar-nav a.nav-link p { + margin-right: 7px; +} + +.rtl .navbar .navbar-nav .btn { + margin-right: 0; + padding: 0; +} + +.rtl .navbar .navbar-nav .btn i { + margin-left: 4px; + margin-right: 5px; +} + +.rtl .navbar .navbar-nav .search-bar span { + margin-right: 10px; +} + +.rtl .ps__rail-y { + right: auto !important; + left: 0; +} + +.rtl .main-panel { + position: fixed; + height: 100%; + overflow-y: scroll; + overflow-x: hidden; +} + +@media screen and (max-width: 768px) { + .rtl .main-panel .content { + padding-left: 15px; + padding-right: 15px; + } +} + +.form-group.has-danger .error, +.input-group.has-danger .error { + color: #ec250d; +} + +.form-group.has-success .error, +.input-group.has-success .error { + color: #00f2c3; +} + +.form-group.no-border.form-control-lg .input-group-append .input-group-text, +.input-group.no-border.form-control-lg .input-group-append .input-group-text { + padding: 15px 0 15px 19px; +} + +.form-group.no-border.form-control-lg .form-control, +.input-group.no-border.form-control-lg .form-control { + padding: 15px 19px; +} + +.form-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text, +.form-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text, +.input-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text, +.input-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text { + padding: 15px 19px 15px 0; +} + +.form-group.form-control-lg .form-control, +.input-group.form-control-lg .form-control { + padding: 14px 18px; + height: 100%; +} + +.form-group.form-control-lg .form-control+.input-group-prepend .input-group-text, +.form-group.form-control-lg .form-control+.input-group-append .input-group-text, +.input-group.form-control-lg .form-control+.input-group-prepend .input-group-text, +.input-group.form-control-lg .form-control+.input-group-append .input-group-text { + padding: 14px 18px 14px 0; +} + +.form-group.form-control-lg .input-group-prepend .input-group-text, +.form-group.form-control-lg .input-group-append .input-group-text, +.input-group.form-control-lg .input-group-prepend .input-group-text, +.input-group.form-control-lg .input-group-append .input-group-text { + padding: 14px 0 15px 18px; +} + +.form-group.form-control-lg .input-group-prepend .input-group-text+.form-control, +.form-group.form-control-lg .input-group-append .input-group-text+.form-control, +.input-group.form-control-lg .input-group-prepend .input-group-text+.form-control, +.input-group.form-control-lg .input-group-append .input-group-text+.form-control { + padding: 15px 18px 15px 16px; +} + +.form-group.no-border .form-control, +.input-group.no-border .form-control { + padding: 11px 19px; +} + +.form-group.no-border .form-control+.input-group-prepend .input-group-text, +.form-group.no-border .form-control+.input-group-append .input-group-text, +.input-group.no-border .form-control+.input-group-prepend .input-group-text, +.input-group.no-border .form-control+.input-group-append .input-group-text { + padding: 11px 19px 11px 0; +} + +.form-group.no-border .input-group-prepend .input-group-text, +.form-group.no-border .input-group-append .input-group-text, +.input-group.no-border .input-group-prepend .input-group-text, +.input-group.no-border .input-group-append .input-group-text { + padding: 11px 0 11px 19px; +} + +.form-group .form-control, +.input-group .form-control { + padding: 10px 18px 10px 18px; +} + +.form-group .form-control+.input-group-prepend .input-group-text, +.form-group .form-control+.input-group-append .input-group-text, +.input-group .form-control+.input-group-prepend .input-group-text, +.input-group .form-control+.input-group-append .input-group-text { + padding: 10px 18px 10px 0; +} + +.form-group .input-group-prepend .input-group-text, +.form-group .input-group-append .input-group-text, +.input-group .input-group-prepend .input-group-text, +.input-group .input-group-append .input-group-text { + padding: 10px 0 10px 18px; +} + +.form-group .input-group-prepend .input-group-text+.form-control, +.form-group .input-group-prepend .input-group-text~.form-control, +.form-group .input-group-append .input-group-text+.form-control, +.form-group .input-group-append .input-group-text~.form-control, +.input-group .input-group-prepend .input-group-text+.form-control, +.input-group .input-group-prepend .input-group-text~.form-control, +.input-group .input-group-append .input-group-text+.form-control, +.input-group .input-group-append .input-group-text~.form-control { + padding: 10px 19px 11px 16px; +} + +.form-group.no-border .form-control, +.form-group.no-border .form-control+.input-group-prepend .input-group-text, +.form-group.no-border .form-control+.input-group-append .input-group-text, +.input-group.no-border .form-control, +.input-group.no-border .form-control+.input-group-prepend .input-group-text, +.input-group.no-border .form-control+.input-group-append .input-group-text { + background-color: #242c45; + border: medium none; +} + +.form-group.no-border .form-control:focus, +.form-group.no-border .form-control:active, +.form-group.no-border .form-control:active, +.form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.form-group.no-border .form-control+.input-group-append .input-group-text:active, +.form-group.no-border .form-control+.input-group-append .input-group-text:active, +.input-group.no-border .form-control:focus, +.input-group.no-border .form-control:active, +.input-group.no-border .form-control:active, +.input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.input-group.no-border .form-control+.input-group-append .input-group-text:active, +.input-group.no-border .form-control+.input-group-append .input-group-text:active { + border: medium none; + background-color: #252e49; +} + +.form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: #252e49; +} + +.form-group.no-border .input-group-prepend .input-group-text, +.form-group.no-border .input-group-append .input-group-text, +.input-group.no-border .input-group-prepend .input-group-text, +.input-group.no-border .input-group-append .input-group-text { + background-color: #242c45; + border: none; +} + +.has-error .form-control-feedback, +.has-error .control-label { + color: #ec250d; +} + +.has-success .form-control-feedback, +.has-success .control-label { + color: #00f2c3; +} + +.input-group-append .input-group-text, +.input-group-prepend .input-group-text { + background-color: transparent; + border: 1px solid #2b3553; + border-radius: 0.4285rem; + color: #ffffff; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; +} + +.input-group-append .input-group-text i, +.input-group-prepend .input-group-text i { + opacity: .5; +} + +.has-danger.input-group-focus .input-group-append .input-group-text, +.has-danger.input-group-focus .input-group-prepend .input-group-text { + background-color: transparent; +} + +.has-success .input-group-append .input-group-text, +.has-success .input-group-prepend .input-group-text { + background-color: transparent; +} + +.has-danger .form-control:focus+.input-group-append .input-group-text, +.has-danger .form-control:focus+.input-group-prepend .input-group-text { + color: #ec250d; +} + +.has-success .form-control:focus+.input-group-append .input-group-text, +.has-success .form-control:focus+.input-group-prepend .input-group-text { + color: #00f2c3; +} + +.input-group-append .input-group-text+.form-control, +.input-group-append .input-group-text~.form-control, +.input-group-prepend .input-group-text+.form-control, +.input-group-prepend .input-group-text~.form-control { + padding: -0.5rem 0.7rem; + padding-left: 18px; +} + +.input-group-append .input-group-text i, +.input-group-prepend .input-group-text i { + width: 17px; +} + +.input-group-append, +.input-group-prepend .input-group-text, +.input-group-prepend .input-group-text { + background-color: transparent; + border: 1px solid #2b3553; + border-radius: 0.4285rem; + color: #ffffff; + margin: 0; +} + +.input-group-append .input-group-text { + border-left: none; +} + +.input-group-prepend .input-group-text { + border-right: none; +} + +.input-group-focus .input-group-prepend .input-group-text, +.input-group-focus .input-group-append .input-group-text { + background-color: #ffffff; + border-color: #e14eca; + background-color: transparent; + border-color: #e14eca; +} + +.input-group-focus.no-border .input-group-prepend .input-group-text, +.input-group-focus.no-border .input-group-append .input-group-text { + background-color: #252e49; +} + +.input-group, +.form-group { + margin-bottom: 10px; + position: relative; +} + +.input-group .form-control-static, +.form-group .form-control-static { + margin-top: 9px; +} + +.input-group[disabled] .input-group-prepend .input-group-text, +.input-group[disabled] .input-group-append .input-group-text { + background-color: #E3E3E3; +} + +.input-group .form-control:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child) { + border-radius: 0.4285rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +.input-group .form-control:first-child, +.input-group-btn:first-child>.dropdown-toggle, +.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + border-right: 0 none; +} + +.input-group .form-control:last-child, +.input-group-btn:last-child>.dropdown-toggle, +.input-group-btn:first-child>.btn:not(:first-child) { + border-left: 0 none; +} + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #1d253b; + color: #344675; + cursor: not-allowed; +} + +.input-group-btn .btn { + border-width: 1px; + padding: 11px 0.7rem; +} + +.input-group-btn .btn-default:not(.btn-fill) { + border-color: #DDDDDD; +} + +.input-group-btn:last-child>.btn { + margin-left: 0; +} + +textarea.form-control { + max-width: 100%; + max-height: 80px; + padding: 10px 10px 0 0; + resize: none; + border: none; + border-bottom: 1px solid #2b3553; + border-radius: 0; + line-height: 2; +} + +textarea.form-control:focus, +textarea.form-control:active { + border-left: none; + border-top: none; + border-right: none; +} + +.has-success.form-group .form-control, +.has-success.form-group.no-border .form-control, +.has-danger.form-group .form-control, +.has-danger.form-group.no-border .form-control { + padding-right: 40px; +} + +.form.form-newsletter .form-group { + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; +} + +.input-group .input-group-btn { + padding: 0 12px; +} + +.form-group input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} + +.form-text { + font-size: 0.75rem; + color: rgba(255, 255, 255, 0.8); +} + +.form-control-lg { + padding: 0; + font-size: inherit; + line-height: 0; + border-radius: 0; +} + +.form-control-lg .form-control { + height: calc(2.875rem + 2px); +} + +.form-horizontal .col-form-label, +.form-horizontal .label-on-right { + padding: 10px 5px 0 15px; + text-align: right; + max-width: 180px; +} + +.form-horizontal .checkbox-radios { + margin-bottom: 15px; +} + +.form-horizontal .checkbox-radios .form-check:first-child { + margin-top: 8px; +} + +.form-horizontal .label-on-right { + text-align: left; + padding: 10px 15px 0 5px; +} + +.form-horizontal .form-check-inline { + margin-top: 6px; +} + +.form-horizontal .form-check-inline .form-check-label { + margin-right: 1.5rem; +} + +.search-bar { + margin-left: 30px; +} + +.search-bar .btn { + margin: 0; +} + +.search-bar.input-group { + border-radius: 25px; + z-index: 4; + margin-bottom: 0; + height: 43px; + padding-right: 5px; +} + +.search-bar.input-group .input-group-addon { + padding: 10px; + background: transparent; + border: none; + color: rgba(255, 255, 255, 0.7); +} + +.search-bar.input-group i { + font-size: 20px; + color: #ffffff; + margin-top: 0 !important; +} + +.search-bar.input-group input { + background: transparent; + border: none !important; + border-radius: 0; + padding: 12px !important; + font-size: 12px; + opacity: 0.5; +} + +.search-bar.input-group input:focus { + background: transparent; +} + +.search-bar.input-group .form-control { + opacity: 1; + color: #ffffff; +} + +.search-bar.input-group .form-control::placeholder { + color: white; +} + +.modal-search .modal-dialog { + max-width: 1000px; + margin: 20px auto; +} + +.modal-search .modal-dialog .form-control { + border: none; + color: #222a42; +} + +.modal-search .modal-dialog .form-control::placeholder { + color: #222a42; +} + +.input-group-prepend { + margin-right: 0; +} + +.input-group-prepend .tim-icons, +.input-group-append .tim-icons { + font-size: 1rem; +} + +/* + * Container style + */ + +.ps { + overflow: hidden !important; + overflow-anchor: none; + -ms-overflow-style: none; + touch-action: auto; + -ms-touch-action: auto; +} + +/* + * Scrollbar rail styles + */ + +.ps__rail-x { + display: none; + opacity: 0; + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + height: 15px; + /* there must be 'bottom' or 'top' for ps__rail-x */ + bottom: 0px; + /* please don't change 'position' */ + position: absolute; +} + +.ps__rail-y { + display: none; + opacity: 0; + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + width: 15px; + /* there must be 'right' or 'left' for ps__rail-y */ + right: 0; + /* please don't change 'position' */ + position: absolute; +} + +.ps--active-x>.ps__rail-x, +.ps--active-y>.ps__rail-y { + display: block; + background-color: transparent; +} + +.ps:hover>.ps__rail-x, +.ps:hover>.ps__rail-y, +.ps--focus>.ps__rail-x, +.ps--focus>.ps__rail-y, +.ps--scrolling-x>.ps__rail-x, +.ps--scrolling-y>.ps__rail-y { + opacity: 0.6; +} + +.ps .ps__rail-x:hover, +.ps .ps__rail-y:hover, +.ps .ps__rail-x:focus, +.ps .ps__rail-y:focus, +.ps .ps__rail-x.ps--clicking, +.ps .ps__rail-y.ps--clicking { + background-color: #eee; + opacity: 0.9; +} + +/* + * Scrollbar thumb styles + */ + +.ps__thumb-x { + background-color: #aaa; + border-radius: 6px; + transition: background-color .2s linear, height .2s ease-in-out; + -webkit-transition: background-color .2s linear, height .2s ease-in-out; + height: 6px; + /* there must be 'bottom' for ps__thumb-x */ + bottom: 2px; + /* please don't change 'position' */ + position: absolute; +} + +.ps__thumb-y { + background-color: #aaa; + border-radius: 6px; + transition: background-color .2s linear, width .2s ease-in-out; + -webkit-transition: background-color .2s linear, width .2s ease-in-out; + width: 6px; + /* there must be 'right' for ps__thumb-y */ + right: 2px; + /* please don't change 'position' */ + position: absolute; +} + +.ps__rail-x:hover>.ps__thumb-x, +.ps__rail-x:focus>.ps__thumb-x, +.ps__rail-x.ps--clicking .ps__thumb-x { + background-color: #999; + height: 11px; +} + +.ps__rail-y:hover>.ps__thumb-y, +.ps__rail-y:focus>.ps__thumb-y, +.ps__rail-y.ps--clicking .ps__thumb-y { + background-color: #999; + width: 11px; +} + +/* MS supports */ + +@supports (-ms-overflow-style: none) { + .ps { + overflow: auto !important; + } +} + +@media screen and (-ms-high-contrast: active), +(-ms-high-contrast: none) { + .ps { + overflow: auto !important; + } +} + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2015 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +.white-content { + background: #f5f6fa; +} + +.white-content .navbar.navbar-transparent .navbar-brand { + color: #1d253b; +} + +.white-content .navbar.navbar-transparent .navbar-toggler-bar { + background: #1d253b; +} + +.white-content .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) { + color: #1d253b; +} + +.white-content .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) i { + color: #1d253b; +} + +.white-content .navbar.navbar-transparent .navbar-minimize button i { + color: #1d253b; +} + +.white-content .navbar.navbar-transparent .search-bar.input-group i { + color: #1d253b; +} + +.white-content .navbar.navbar-transparent .search-bar.input-group .form-control { + color: #344675; +} + +.white-content .navbar.navbar-transparent .search-bar.input-group .form-control::placeholder { + color: #9A9A9A; +} + +.white-content .sidebar { + box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.15); +} + +.white-content .sidebar p { + color: rgba(255, 255, 255, 0.8); +} + +.white-content .main-panel { + background: #f5f6fa; +} + +.white-content h1, +.white-content h2, +.white-content h3, +.white-content h4, +.white-content h5, +.white-content h6, +.white-content p, +.white-content ol li, +.white-content ul li, +.white-content pre { + color: #1d253b; +} + +.white-content .font-icon-detail i { + color: #222a42; +} + +.white-content .btn:not([data-action]):hover { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.white-content .btn-neutral.btn-link { + color: rgba(34, 42, 66, 0.7); +} + +.white-content .form-control::-moz-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.white-content .form-control:-moz-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.white-content .form-control::-webkit-input-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.white-content .form-control:-ms-input-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.white-content .has-danger .form-control, +.white-content .has-danger .input-group-prepend .input-group-text { + border-color: #ec250d; +} + +.white-content .input-group-prepend .input-group-text { + border-color: rgba(29, 37, 59, 0.5); + color: #1d253b; +} + +.white-content .form-control { + color: #222a42; + border-color: rgba(29, 37, 59, 0.5); +} + +.white-content .form-control:focus { + border-color: #e14eca; +} + +.white-content .form-group.no-border .form-control, +.white-content .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.white-content .form-group.no-border .form-control+.input-group-append .input-group-text, +.white-content .form-group.no-border .input-group-prepend .input-group-text, +.white-content .form-group.no-border .input-group-append .input-group-text, +.white-content .input-group.no-border .form-control, +.white-content .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.white-content .input-group.no-border .form-control+.input-group-append .input-group-text, +.white-content .input-group.no-border .input-group-prepend .input-group-text, +.white-content .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(222, 222, 222, 0.3); +} + +.white-content .form-group.no-border .form-control:focus, +.white-content .form-group.no-border .form-control:active, +.white-content .form-group.no-border .form-control:active, +.white-content .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.white-content .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.white-content .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.white-content .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.white-content .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.white-content .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.white-content .form-group.no-border .input-group-prepend .input-group-text:focus, +.white-content .form-group.no-border .input-group-prepend .input-group-text:active, +.white-content .form-group.no-border .input-group-prepend .input-group-text:active, +.white-content .form-group.no-border .input-group-append .input-group-text:focus, +.white-content .form-group.no-border .input-group-append .input-group-text:active, +.white-content .form-group.no-border .input-group-append .input-group-text:active, +.white-content .input-group.no-border .form-control:focus, +.white-content .input-group.no-border .form-control:active, +.white-content .input-group.no-border .form-control:active, +.white-content .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.white-content .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.white-content .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.white-content .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.white-content .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.white-content .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.white-content .input-group.no-border .input-group-prepend .input-group-text:focus, +.white-content .input-group.no-border .input-group-prepend .input-group-text:active, +.white-content .input-group.no-border .input-group-prepend .input-group-text:active, +.white-content .input-group.no-border .input-group-append .input-group-text:focus, +.white-content .input-group.no-border .input-group-append .input-group-text:active, +.white-content .input-group.no-border .input-group-append .input-group-text:active { + background-color: rgba(222, 222, 222, 0.5); +} + +.white-content .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.white-content .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.white-content .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.white-content .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: transparent; +} + +.white-content .input-group[disabled] .input-group-prepend .input-group-text, +.white-content .input-group[disabled] .input-group-append .input-group-text { + background-color: #222a42; +} + +.white-content .form-control[disabled], +.white-content .form-control[readonly], +.white-content fieldset[disabled] .form-control { + background: #E3E3E3; + border-color: rgba(29, 37, 59, 0.3); +} + +.white-content .input-group-focus .input-group-prepend .input-group-text, +.white-content .input-group-focus .input-group-append .input-group-text, +.white-content .input-group-focus .form-control { + border-color: #e14eca; +} + +.white-content .input-group-focus.no-border .input-group-prepend .input-group-text, +.white-content .input-group-focus.no-border .input-group-append .input-group-text { + background-color: rgba(222, 222, 222, 0.5); +} + +.white-content .input-group-prepend .input-group-text { + border-right: none; +} + +.white-content .input-group-append .input-group-text { + border-left: none; +} + +.white-content .has-danger .form-control:focus, +.white-content .has-success.input-group-focus .input-group-append .input-group-text, +.white-content .has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #ec250d; +} + +.white-content .has-success .form-control:focus, +.white-content .has-success.input-group-focus .input-group-append .input-group-text, +.white-content .has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #00bf9a; +} + +.white-content .btn.btn-link:hover, +.white-content .btn.btn-link:active, +.white-content .btn.btn-link:focus { + color: #9A9A9A !important; +} + +.white-content .btn-group .btn.active { + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.white-content .card:not(.card-white) { + background: #ffffff; + box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05); +} + +.white-content .card:not(.card-white) .card-header { + color: #222a42; +} + +.white-content .card:not(.card-white) .card-header a[data-toggle="collapse"] { + color: #222a42; +} + +.white-content .card:not(.card-white) .card-header .card-title, +.white-content .card:not(.card-white) .card-body .card-title { + color: #1d253b; +} + +.white-content .card:not(.card-white) .card-body .card-category, +.white-content .card:not(.card-white) .card-body .card-description { + color: #1d253b; +} + +.white-content .card:not(.card-white) label:not(.btn) { + color: #344675; +} + +.white-content .card:not(.card-white).nav-pills .nav-item .nav-link { + color: #444444; + background-color: rgba(222, 222, 222, 0.3); +} + +.white-content .card:not(.card-white).nav-pills .nav-item .nav-link:not(.active):hover { + background: rgba(222, 222, 222, 0.5); +} + +.white-content .card:not(.card-white).nav-pills .nav-item .nav-link.active { + color: #ffffff; +} + +.white-content .card:not(.card-white) .tab-content .tab-pane { + color: #444444; +} + +.white-content .card:not(.card-white) .card { + box-shadow: none; +} + +.white-content .card:not(.card-white).card-plain { + background: transparent; + box-shadow: none; +} + +.white-content .card:not(.card-white).card-tasks .card-body i { + color: rgba(34, 42, 66, 0.7); +} + +.white-content .card:not(.card-white).card-tasks .card-body i:hover { + color: #222a42; +} + +.white-content .table>tbody>tr>td { + color: rgba(34, 42, 66, 0.7) !important; +} + +.white-content .table>thead>tr>th, +.white-content .table>tbody>tr>th, +.white-content .table>tfoot>tr>th, +.white-content .table>thead>tr>td, +.white-content .table>tbody>tr>td, +.white-content .table>tfoot>tr>td { + border-color: rgba(34, 42, 66, 0.2); + padding: 12px 7px; + vertical-align: middle; +} + +.white-content .table>thead>tr>th, +.white-content .table button.btn-neutral.btn-link { + color: rgba(34, 42, 66, 0.7); +} + +.white-content .footer ul li a { + color: #1d253b; +} + +.white-content .footer .copyright { + color: #1d253b; +} + +.white-content .progress-container .progress, +.white-content .progress-container.progress.sm .progress { + background: rgba(34, 42, 66, 0.1); + box-shadow: 0 0 0 3px rgba(34, 42, 66, 0.1); +} + +.white-content .progress-container .progress .progress-value, +.white-content .progress-container.progress.sm .progress .progress-value { + color: #344675; +} + +.white-content .progress-container .progress-badge, +.white-content .progress-container.progress.sm .progress-badge { + color: #1d253b; +} + +.white-content .full-page { + background: #f5f6fa; +} + +.white-content .full-page h1, +.white-content .full-page h2, +.white-content .full-page h3, +.white-content .full-page h4, +.white-content .full-page h5, +.white-content .full-page h6, +.white-content .full-page p, +.white-content .full-page ol li, +.white-content .full-page ul li, +.white-content .full-page pre { + color: #1d253b; +} + +.white-content .full-page .description { + color: #9A9A9A; +} + +.white-content .full-page .footer ul li a { + color: #1d253b; +} + +.white-content .full-page .footer .copyright { + color: #1d253b; +} + +.white-content .nav-pills .nav-item .nav-link:not(.active) { + background: #d3d7e9; + color: #1d253b; +} + +.white-content .nav-pills .nav-item .nav-link:not(.active):hover { + background: #cccccc; +} + +.card { + background: #27293d; + border: 0; + position: relative; + width: 100%; + margin-bottom: 30px; + box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1); +} + +.card label { + color: rgba(255, 255, 255, 0.6); +} + +.card .card-title { + margin-bottom: .75rem; +} + +.card .card-body { + padding: 15px; +} + +.card .card-body.table-full-width { + padding-left: 0; + padding-right: 0; +} + +.card .card-body .card-title { + color: #ffffff; + text-transform: inherit; + font-weight: 300; + margin-bottom: .75rem; +} + +.card .card-body .card-description, +.card .card-body .card-category { + color: rgba(255, 255, 255, 0.6); +} + +.card .card-header { + padding: 15px 15px 0; + border: 0; + color: rgba(255, 255, 255, 0.8); +} + +.card .card-header:not([data-background-color]) { + background-color: transparent; +} + +.card .card-header .card-title { + color: #ffffff; + font-weight: 100; +} + +.card .card-header .card-category { + color: #9A9A9A; + margin-bottom: 5px; + font-weight: 300; +} + +.card .map { + border-radius: 0.2857rem; +} + +.card .map.map-big { + height: 420px; +} + +.card.card-white { + background: #ffffff; +} + +.card.card-white .card-title { + color: #222a42; +} + +.card.card-white .card-category, +.card.card-white .stats { + color: #808080; +} + +.card.card-white .form-control::-moz-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.card.card-white .form-control:-moz-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.card.card-white .form-control::-webkit-input-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.card.card-white .form-control:-ms-input-placeholder { + color: rgba(34, 42, 66, 0.4); + opacity: 1; + filter: alpha(opacity=100); +} + +.card.card-white .has-danger .form-control, +.card.card-white .has-danger .input-group-prepend .input-group-text { + border-color: #ec250d; +} + +.card.card-white .input-group-prepend .input-group-text { + border-color: rgba(29, 37, 59, 0.2); + color: #1d253b; +} + +.card.card-white .form-control { + color: #222a42; + border-color: rgba(29, 37, 59, 0.2); +} + +.card.card-white .form-control:focus { + border-color: #e14eca; +} + +.card.card-white label:not(.btn) { + color: #344675; +} + +.card.card-white .form-group.no-border .form-control, +.card.card-white .form-group.no-border .form-control+.input-group-prepend .input-group-text, +.card.card-white .form-group.no-border .form-control+.input-group-append .input-group-text, +.card.card-white .form-group.no-border .input-group-prepend .input-group-text, +.card.card-white .form-group.no-border .input-group-append .input-group-text, +.card.card-white .input-group.no-border .form-control, +.card.card-white .input-group.no-border .form-control+.input-group-prepend .input-group-text, +.card.card-white .input-group.no-border .form-control+.input-group-append .input-group-text, +.card.card-white .input-group.no-border .input-group-prepend .input-group-text, +.card.card-white .input-group.no-border .input-group-append .input-group-text { + background-color: rgba(222, 222, 222, 0.3); +} + +.card.card-white .form-group.no-border .form-control:focus, +.card.card-white .form-group.no-border .form-control:active, +.card.card-white .form-group.no-border .form-control:active, +.card.card-white .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.card.card-white .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.card.card-white .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.card.card-white .form-group.no-border .form-control+.input-group-append .input-group-text:focus, +.card.card-white .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.card.card-white .form-group.no-border .form-control+.input-group-append .input-group-text:active, +.card.card-white .form-group.no-border .input-group-prepend .input-group-text:focus, +.card.card-white .form-group.no-border .input-group-prepend .input-group-text:active, +.card.card-white .form-group.no-border .input-group-prepend .input-group-text:active, +.card.card-white .form-group.no-border .input-group-append .input-group-text:focus, +.card.card-white .form-group.no-border .input-group-append .input-group-text:active, +.card.card-white .form-group.no-border .input-group-append .input-group-text:active, +.card.card-white .input-group.no-border .form-control:focus, +.card.card-white .input-group.no-border .form-control:active, +.card.card-white .input-group.no-border .form-control:active, +.card.card-white .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, +.card.card-white .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.card.card-white .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, +.card.card-white .input-group.no-border .form-control+.input-group-append .input-group-text:focus, +.card.card-white .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.card.card-white .input-group.no-border .form-control+.input-group-append .input-group-text:active, +.card.card-white .input-group.no-border .input-group-prepend .input-group-text:focus, +.card.card-white .input-group.no-border .input-group-prepend .input-group-text:active, +.card.card-white .input-group.no-border .input-group-prepend .input-group-text:active, +.card.card-white .input-group.no-border .input-group-append .input-group-text:focus, +.card.card-white .input-group.no-border .input-group-append .input-group-text:active, +.card.card-white .input-group.no-border .input-group-append .input-group-text:active { + background-color: rgba(222, 222, 222, 0.5); +} + +.card.card-white .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.card.card-white .form-group.no-border .form-control:focus+.input-group-append .input-group-text, +.card.card-white .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, +.card.card-white .input-group.no-border .form-control:focus+.input-group-append .input-group-text { + background-color: transparent; +} + +.card.card-white .input-group[disabled] .input-group-prepend .input-group-text, +.card.card-white .input-group[disabled] .input-group-append .input-group-text { + background-color: #222a42; +} + +.card.card-white .form-control[disabled], +.card.card-white .form-control[readonly], +.card.card-white fieldset[disabled] .form-control { + background: #E3E3E3; + border-color: rgba(29, 37, 59, 0.3); +} + +.card.card-white .input-group-focus .input-group-prepend .input-group-text, +.card.card-white .input-group-focus .input-group-append .input-group-text, +.card.card-white .input-group-focus .form-control { + background-color: #ffffff; + border-color: #e14eca; +} + +.card.card-white .input-group-focus.no-border .input-group-prepend .input-group-text, +.card.card-white .input-group-focus.no-border .input-group-append .input-group-text { + background-color: rgba(222, 222, 222, 0.5); +} + +.card.card-white .input-group-prepend .input-group-text { + border-right: none; +} + +.card.card-white .input-group-append .input-group-text { + border-left: none; +} + +.card.card-white .has-danger .form-control:focus, +.card.card-white .has-success.input-group-focus .input-group-append .input-group-text, +.card.card-white .has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #ec250d; +} + +.card.card-white .has-success .form-control:focus, +.card.card-white .has-success.input-group-focus .input-group-append .input-group-text, +.card.card-white .has-success.input-group-focus .input-group-prepend .input-group-text { + border-color: #00bf9a; +} + +.card.card-plain { + background: transparent; + box-shadow: none; +} + +.card .image { + overflow: hidden; + height: 200px; + position: relative; +} + +.card .avatar { + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-bottom: 15px; +} + +.card label { + font-size: 0.75rem; + margin-bottom: 5px; +} + +.card .card-footer { + background-color: transparent; + border: 0; + padding: 15px; +} + +.card .card-footer .stats i { + margin-right: 5px; + position: relative; +} + +.card .card-footer h6 { + margin-bottom: 0; + padding: 7px 0; +} + +.card-body { + padding: 1.25rem; +} + +@media (max-width: 767.98px) { + .card.card-chart .card-header .btn-group-toggle .tim-icons { + font-size: .875rem; + top: -1px; + } +} + +.card-chart { + overflow: hidden; +} + +.card-chart .card-header .card-title i { + font-size: 16px; + margin-right: 5px; + margin-bottom: 3px; +} + +.card-chart .card-header .card-category { + margin-bottom: 5px; +} + +.card-chart .card-body { + padding-left: 5px; + padding-right: 5px; +} + +.card-chart .card-body .tab-space { + padding: 0; +} + +.card-chart .table { + margin-bottom: 0; +} + +.card-chart .table td { + border-top: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.card-chart .card-progress { + margin-top: 30px; + padding: 0 10px; +} + +.card-chart .chart-area { + height: 220px; + width: 100%; +} + +.card-chart .card-footer { + margin-top: 15px; +} + +.card-chart .card-footer .stats { + color: #9A9A9A; +} + +.card-chart .dropdown { + position: absolute; + right: 20px; + top: 20px; +} + +.card-chart .dropdown .btn { + margin: 0; +} + +.card-chart.card-chart-pie .chart-area { + padding: 10px 0 25px; + height: auto; +} + +.card-chart.card-chart-pie .card-title { + margin-bottom: 10px; +} + +.card-chart.card-chart-pie .card-title i { + font-size: 1rem; +} + +.map { + height: 500px; +} + +.card-user { + overflow: hidden; +} + +.card-user .image { + height: 120px; +} + +.card-user .author { + text-align: center; + text-transform: none; + margin-top: 25px; +} + +.card-user .author a+p.description { + margin-top: -7px; +} + +.card-user .author .block { + position: absolute; + height: 100px; + width: 250px; +} + +.card-user .author .block.block-one { + background: rgba(225, 78, 202, 0.6); + background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); + -webkit-transform: rotate(150deg); + -moz-transform: rotate(150deg); + -ms-transform: rotate(150deg); + -o-transform: rotate(150deg); + transform: rotate(150deg); + margin-top: -90px; + margin-left: -50px; +} + +.card-user .author .block.block-two { + background: rgba(225, 78, 202, 0.6); + background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); + -webkit-transform: rotate(30deg); + -moz-transform: rotate(30deg); + -ms-transform: rotate(30deg); + -o-transform: rotate(30deg); + transform: rotate(30deg); + margin-top: -40px; + margin-left: -100px; +} + +.card-user .author .block.block-three { + background: rgba(225, 78, 202, 0.6); + background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); + -webkit-transform: rotate(170deg); + -moz-transform: rotate(170deg); + -ms-transform: rotate(170deg); + -o-transform: rotate(170deg); + transform: rotate(170deg); + margin-top: -70px; + right: -45px; +} + +.card-user .author .block.block-four { + background: rgba(225, 78, 202, 0.6); + background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); + -webkit-transform: rotate(150deg); + -moz-transform: rotate(150deg); + -ms-transform: rotate(150deg); + -o-transform: rotate(150deg); + transform: rotate(150deg); + margin-top: -25px; + right: -45px; +} + +.card-user .avatar { + width: 124px; + height: 124px; + border: 5px solid #2b3553; + border-bottom-color: transparent; + background-color: transparent; + position: relative; +} + +.card-user .card-body { + min-height: 240px; +} + +.card-user hr { + margin: 5px 15px; +} + +.card-user .button-container { + margin-bottom: 6px; + text-align: center; +} + +.card-user .card-description { + margin-top: 30px; +} + +.card-tasks { + height: 473px; +} + +.card-tasks .table-full-width { + max-height: 410px; + position: relative; +} + +.card-tasks .card-header .title { + margin-right: 20px; + font-weight: 400; +} + +.card-tasks .card-header .dropdown { + float: right; + color: #cccccc; +} + +.card-tasks .card-body i { + color: #9A9A9A; + font-size: 1.4em; +} + +.card-tasks .card-body i:hover { + color: #ffffff; +} + +.card-plain { + background: transparent; + box-shadow: none; +} + +.card-plain .card-header, +.card-plain .card-footer { + margin-left: 0; + margin-right: 0; + background-color: transparent; +} + +.card-plain:not(.card-subcategories).card-body { + padding-left: 0; + padding-right: 0; +} + +.full-page.pricing-page, .full-page.login-page, .full-page.lock-page, .full-page.register-page { + min-height: 100vh; + background: radial-gradient(#1e1e2f, #1e1e24); +} + +.full-page>.content { + padding-bottom: 150px; + padding-top: 150px; +} + +.full-page .footer { + position: absolute; + width: 100%; + bottom: 0; + padding-left: 48px; + padding-right: 48px; +} + +.login-page .card-login { + border-radius: 0.4285rem; + padding-bottom: 0.7rem; +} + +.login-page .card-login.card-white .card-header .card-title { + color: #ffffff; +} + +.login-page .card-login .card-header .card-title { + position: relative; + font-size: 5em; + font-weight: 900; + color: #222a42; + text-transform: lowercase; + margin-left: -5px; + z-index: 1; +} + +.login-page .card-login .card-header { + padding: 0 0 100px; + overflow: hidden; +} + +.login-page .card-login .card-header img { + position: absolute; +} + +.login-page .card-login .input-group:last-child { + margin-bottom: 40px; +} + +.login-page .link { + font-size: 10px; + text-decoration: none; +} + +.card-register .card-header { + padding: 0 0 65px; + overflow: hidden; + z-index: 1; +} + +.card-register .form-check { + margin-top: 20px; + margin-left: 20px; +} + +.card-register .card-footer { + margin-bottom: 10px; + margin-top: 24px; +} + +.card-register.card-white .card-header .card-title { + color: #ffffff; +} + +.card-register .card-header .card-title { + position: relative; + font-size: 5em; + font-weight: 900; + color: #222a42; + text-transform: lowercase; + margin-left: -5px; + z-index: 1; +} + +.card-register .card-img { + position: absolute; + left: 0; + top: -15%; + width: 70%; +} + +.full-page.register-page .info-horizontal { + text-align: left !important; + padding: 0px 0px 20px; +} + +.full-page.register-page .info-horizontal .icon { + margin-top: 0; +} + +.full-page.register-page .info-horizontal .icon>i { + font-size: 2em; +} + +.full-page.register-page .info-horizontal .description { + overflow: hidden; +} + +.full-page.register-page .info-horizontal .description .info-title { + margin-bottom: 20px; +} + +.info-horizontal .icon { + float: left; + margin-top: 23px; + margin-right: 10px; +} + +.icon.icon-warning { + color: #ff8d72; +} + +.icon.icon-primary { + color: #e14eca; +} + +.icon.icon-info { + color: #1d8cf8; +} + +.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a i, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a i, .off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a i, .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a i { + line-height: 32px; +} + +/*# sourceMappingURL=dashboard-free.css.map */ diff --git a/src/black-stubs/resources/assets/css/black-dashboard.css.map b/src/black-stubs/resources/assets/css/black-dashboard.css.map new file mode 100644 index 0000000..22b1fcc --- /dev/null +++ b/src/black-stubs/resources/assets/css/black-dashboard.css.map @@ -0,0 +1,258 @@ +{ + "version": 3, + "file": "dashboard-free.css", + "sources": [ + "../scss/dashboard-free.scss", + "../scss/dashboard/core/custom/_functions.scss", + "../scss/dashboard/core/bootstrap/_functions.scss", + "../scss/dashboard/core/custom/_variables.scss", + "../scss/dashboard/core/bootstrap/_variables.scss", + "../scss/dashboard/core/custom/_mixins.scss", + "../scss/dashboard/core/custom/mixins/_alert.scss", + "../scss/dashboard/core/custom/mixins/_badges.scss", + "../scss/dashboard/core/custom/mixins/_background-variant.scss", + "../scss/dashboard/core/custom/mixins/_buttons.scss", + "../scss/dashboard/core/custom/mixins/_forms.scss", + "../scss/dashboard/core/custom/mixins/_icon.scss", + "../scss/dashboard/core/custom/mixins/_modals.scss", + "../scss/dashboard/core/custom/mixins/_popovers.scss", + "../scss/dashboard/core/custom/mixins/_page-header.scss", + "../scss/dashboard/core/custom/mixins/_vendor-prefixes.scss", + "../scss/dashboard/core/custom/mixins/opacity.scss", + "../scss/dashboard/core/custom/mixins/_modals.scss", + "../scss/dashboard/core/custom/mixins/_inputs.scss", + "../scss/dashboard/core/custom/mixins/_dropdown.scss", + "../scss/dashboard/core/custom/mixins/_wizard.scss", + "../scss/dashboard/core/bootstrap/_mixins.scss", + "../scss/dashboard/core/bootstrap/mixins/_breakpoints.scss", + "../scss/dashboard/core/bootstrap/mixins/_hover.scss", + "../scss/dashboard/core/bootstrap/mixins/_image.scss", + "../scss/dashboard/core/bootstrap/mixins/_badge.scss", + "../scss/dashboard/core/bootstrap/mixins/_resize.scss", + "../scss/dashboard/core/bootstrap/mixins/_screen-reader.scss", + "../scss/dashboard/core/bootstrap/mixins/_size.scss", + "../scss/dashboard/core/bootstrap/mixins/_reset-text.scss", + "../scss/dashboard/core/bootstrap/mixins/_text-emphasis.scss", + "../scss/dashboard/core/bootstrap/mixins/_text-hide.scss", + "../scss/dashboard/core/bootstrap/mixins/_text-truncate.scss", + "../scss/dashboard/core/bootstrap/mixins/_visibility.scss", + "../scss/dashboard/core/bootstrap/mixins/_alert.scss", + "../scss/dashboard/core/bootstrap/mixins/_buttons.scss", + "../scss/dashboard/core/bootstrap/mixins/_caret.scss", + "../scss/dashboard/core/bootstrap/mixins/_pagination.scss", + "../scss/dashboard/core/bootstrap/mixins/_lists.scss", + "../scss/dashboard/core/bootstrap/mixins/_list-group.scss", + "../scss/dashboard/core/bootstrap/mixins/_nav-divider.scss", + "../scss/dashboard/core/bootstrap/mixins/_forms.scss", + "../scss/dashboard/core/bootstrap/mixins/_table-row.scss", + "../scss/dashboard/core/bootstrap/mixins/_background-variant.scss", + "../scss/dashboard/core/bootstrap/mixins/_border-radius.scss", + "../scss/dashboard/core/bootstrap/mixins/_box-shadow.scss", + "../scss/dashboard/core/bootstrap/mixins/_gradients.scss", + "../scss/dashboard/core/bootstrap/mixins/_transition.scss", + "../scss/dashboard/core/bootstrap/mixins/_clearfix.scss", + "../scss/dashboard/core/bootstrap/mixins/_grid-framework.scss", + "../scss/dashboard/core/bootstrap/mixins/_grid.scss", + "../scss/dashboard/core/bootstrap/mixins/_float.scss", + "../scss/dashboard/core/bootstrap/_root.scss", + "../scss/dashboard/core/bootstrap/_reboot.scss", + "../scss/dashboard/core/bootstrap/_type.scss", + "../scss/dashboard/core/bootstrap/_images.scss", + "../scss/dashboard/core/bootstrap/_code.scss", + "../scss/dashboard/core/bootstrap/_grid.scss", + "../scss/dashboard/core/bootstrap/_tables.scss", + "../scss/dashboard/core/bootstrap/_forms.scss", + "../scss/dashboard/core/bootstrap/_buttons.scss", + "../scss/dashboard/core/bootstrap/_transitions.scss", + "../scss/dashboard/core/bootstrap/_dropdown.scss", + "../scss/dashboard/core/bootstrap/_button-group.scss", + "../scss/dashboard/core/bootstrap/_input-group.scss", + "../scss/dashboard/core/bootstrap/_custom-forms.scss", + "../scss/dashboard/core/bootstrap/_nav.scss", + "../scss/dashboard/core/bootstrap/_navbar.scss", + "../scss/dashboard/core/bootstrap/_card.scss", + "../scss/dashboard/core/bootstrap/_breadcrumb.scss", + "../scss/dashboard/core/bootstrap/_pagination.scss", + "../scss/dashboard/core/bootstrap/_badge.scss", + "../scss/dashboard/core/bootstrap/_jumbotron.scss", + "../scss/dashboard/core/bootstrap/_alert.scss", + "../scss/dashboard/core/bootstrap/_progress.scss", + "../scss/dashboard/core/bootstrap/_media.scss", + "../scss/dashboard/core/bootstrap/_list-group.scss", + "../scss/dashboard/core/bootstrap/_close.scss", + "../scss/dashboard/core/bootstrap/_modal.scss", + "../scss/dashboard/core/bootstrap/_tooltip.scss", + "../scss/dashboard/core/bootstrap/_popover.scss", + "../scss/dashboard/core/bootstrap/_carousel.scss", + "../scss/dashboard/core/bootstrap/_utilities.scss", + "../scss/dashboard/core/bootstrap/utilities/_align.scss", + "../scss/dashboard/core/bootstrap/utilities/_background.scss", + "../scss/dashboard/core/bootstrap/utilities/_borders.scss", + "../scss/dashboard/core/bootstrap/utilities/_clearfix.scss", + "../scss/dashboard/core/bootstrap/utilities/_display.scss", + "../scss/dashboard/core/bootstrap/utilities/_embed.scss", + "../scss/dashboard/core/bootstrap/utilities/_flex.scss", + "../scss/dashboard/core/bootstrap/utilities/_float.scss", + "../scss/dashboard/core/bootstrap/utilities/_position.scss", + "../scss/dashboard/core/bootstrap/utilities/_screenreaders.scss", + "../scss/dashboard/core/bootstrap/utilities/_shadows.scss", + "../scss/dashboard/core/bootstrap/utilities/_sizing.scss", + "../scss/dashboard/core/bootstrap/utilities/_spacing.scss", + "../scss/dashboard/core/bootstrap/utilities/_text.scss", + "../scss/dashboard/core/bootstrap/utilities/_visibility.scss", + "../scss/dashboard/core/bootstrap/_print.scss", + "../scss/dashboard/core/custom/_alerts.scss", + "../scss/dashboard/core/custom/_buttons.scss", + "../scss/dashboard/core/custom/_dropdown.scss", + "../scss/dashboard/core/custom/_footer.scss", + "../scss/dashboard/core/custom/_forms.scss", + "../scss/dashboard/core/custom/_images.scss", + "../scss/dashboard/core/custom/_modal.scss", + "../scss/dashboard/core/custom/_navbar.scss", + "../scss/dashboard/core/custom/_type.scss", + "../scss/dashboard/core/custom/_tables.scss", + "../scss/dashboard/core/custom/_checkboxes-radio.scss", + "../scss/dashboard/core/custom/_fixed-plugin.scss", + "../scss/dashboard/core/custom/_sidebar-and-main-panel.scss", + "../scss/dashboard/core/custom/_misc.scss", + "../scss/dashboard/core/custom/_rtl.scss", + "../scss/dashboard/core/custom/_input-group.scss", + "../scss/dashboard/core/custom/vendor/_plugin-perfect-scrollbar.scss", + "../scss/dashboard/core/custom/vendor/_plugin-animate-bootstrap-notify.scss", + "../scss/dashboard/core/custom/_white-content.scss", + "../scss/dashboard/core/custom/_card.scss", + "../scss/dashboard/core/custom/cards/_card-chart.scss", + "../scss/dashboard/core/custom/cards/_card-map.scss", + "../scss/dashboard/core/custom/cards/_card-user.scss", + "../scss/dashboard/core/custom/cards/_card-task.scss", + "../scss/dashboard/core/custom/cards/_card-plain.scss" + ], + "sourcesContent": [ + "\n/*\n =========================================================\n * Black Dashboard - v1.0.0\n =========================================================\n\n * Product Page: https://www.creative-tim.com/product/black-dashboard\n * Copyright 2018 Creative Tim (http://www.creative-tim.com) & UPDIVISION (https://updivision.com)\n\n\n =========================================================\n\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n */\n\n // Core\n\n@import \"dashboard/core/custom/functions\";\n@import \"dashboard/core/bootstrap/functions\";\n\n@import \"dashboard/core/custom/variables\";\n@import \"dashboard/core/bootstrap/variables\";\n\n@import \"dashboard/core/custom/mixins\";\n@import \"dashboard/core/bootstrap/mixins\";\n\n // Bootstrap components\n\n@import \"dashboard/core/bootstrap/root\";\n@import \"dashboard/core/bootstrap/reboot\";\n@import \"dashboard/core/bootstrap/type\";\n@import \"dashboard/core/bootstrap/images\";\n@import \"dashboard/core/bootstrap/code\";\n@import \"dashboard/core/bootstrap/grid\";\n@import \"dashboard/core/bootstrap/tables\";\n@import \"dashboard/core/bootstrap/forms\";\n@import \"dashboard/core/bootstrap/buttons\";\n@import \"dashboard/core/bootstrap/transitions\";\n@import \"dashboard/core/bootstrap/dropdown\";\n@import \"dashboard/core/bootstrap/button-group\";\n@import \"dashboard/core/bootstrap/input-group\";\n@import \"dashboard/core/bootstrap/custom-forms\";\n@import \"dashboard/core/bootstrap/nav\";\n@import \"dashboard/core/bootstrap/navbar\";\n@import \"dashboard/core/bootstrap/card\";\n@import \"dashboard/core/bootstrap/breadcrumb\";\n@import \"dashboard/core/bootstrap/pagination\";\n@import \"dashboard/core/bootstrap/badge\";\n@import \"dashboard/core/bootstrap/jumbotron\";\n@import \"dashboard/core/bootstrap/alert\";\n@import \"dashboard/core/bootstrap/progress\";\n@import \"dashboard/core/bootstrap/media\";\n@import \"dashboard/core/bootstrap/list-group\";\n@import \"dashboard/core/bootstrap/close\";\n@import \"dashboard/core/bootstrap/modal\";\n@import \"dashboard/core/bootstrap/tooltip\";\n@import \"dashboard/core/bootstrap/popover\";\n@import \"dashboard/core/bootstrap/carousel\";\n@import \"dashboard/core/bootstrap/utilities\";\n@import \"dashboard/core/bootstrap/print\";\n\n // Custom components\n\n @import \"dashboard/core/custom/alerts.scss\";\n @import \"dashboard/core/custom/buttons.scss\";\n @import \"dashboard/core/custom/dropdown.scss\";\n @import \"dashboard/core/custom/footer.scss\";\n @import \"dashboard/core/custom/forms.scss\";\n @import \"dashboard/core/custom/images.scss\";\n @import \"dashboard/core/custom/modal.scss\";\n @import \"dashboard/core/custom/navbar.scss\";\n @import \"dashboard/core/custom/type.scss\";\n @import \"dashboard/core/custom/tables\";\n @import \"dashboard/core/custom/checkboxes-radio\";\n @import \"dashboard/core/custom/fixed-plugin\";\n @import \"dashboard/core/custom/sidebar-and-main-panel.scss\";\n @import \"dashboard/core/custom/misc.scss\";\n @import \"dashboard/core/custom/rtl.scss\";\n @import \"dashboard/core/custom/input-group.scss\";\n\n\n // Vendor / Plugins\n\n@import \"dashboard/core/custom/vendor/plugin-perfect-scrollbar.scss\";\n@import \"dashboard/core/custom/vendor/plugin-animate-bootstrap-notify.scss\";\n\n// light mode\n\n@import \"dashboard/core/custom/white-content.scss\";\n\n// Cards\n\n@import 'dashboard/core/custom/card';\n@import \"dashboard/core/custom/cards/card-chart\";\n@import \"dashboard/core/custom/cards/card-map\";\n@import \"dashboard/core/custom/cards/card-user\";\n@import \"dashboard/core/custom/cards/card-task\";\n@import \"dashboard/core/custom/cards/card-plain\";\n", + "// Retrieve color Sass maps\n\n@function section-color($key: \"primary\") {\n\t@return map-get($section-colors, $key);\n}\n\n// Lines colors\n\n@function shapes-primary-color($key: \"step-1-gradient-bg\") {\n\t@return map-get($shapes-primary-colors, $key);\n}\n\n@function shapes-default-color($key: \"step-1-gradient-bg\") {\n\t@return map-get($shapes-default-colors, $key);\n}\n\n@function lines-light-color($key: \"step-1-gradient-bg\") {\n\t@return map-get($shapes-light-colors, $key);\n}\n\n@function shapes-dark-color($key: \"step-1-gradient-bg\") {\n\t@return map-get($shapes-dark-colors, $key);\n}", + "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", + "\n// Global settings\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: true !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Color system\n\n$white: #ffffff !default;\n$gray-100: #f6f9fc !default;\n$gray-200: #e9ecef !default;\n$gray-300: #e3e3e3 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default; // Line footer color\n$gray-700: #525f7f !default; // Line p color\n$gray-800: #32325d !default; // Line heading color\n$gray-900: #212529 !default;\n$link-disabled: #666666 !default;\n$transparent-bg: transparent !default;\n$light-bg: #f5f6fa !default;\n$dark-background: #555555 !default;\n\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #5e72e4 !default;\n$indigo: #5603ad !default;\n$purple: #8965e0 !default;\n$pink: #f3a4b5 !default;\n$red: #f5365c !default;\n$orange: #fb6340 !default;\n$yellow: #ffd600 !default;\n$green: #2dce89 !default;\n$teal: #11cdef !default;\n$cyan: #2bffc6 !default;\n\n$line-height-lg: 1.625rem !default;\n$line-height-sm: 1.5 !default;\n$line-height: 1.35em !default;\n\n\n$opacity-gray-3: rgba(222,222,222, .3) !default;\n$opacity-gray-5: rgba(222,222,222, .5) !default;\n$opacity-gray-8: rgba(222,222,222, .8) !default;\n\n\n$opacity-5: rgba(255,255,255, .5) !default;\n$opacity-6: rgba(255,255,255, .6) !default;\n$opacity-8: rgba(255,255,255, .8) !default;\n\n\n\n$opacity-1: rgba(255,255,255, .1) !default;\n$opacity-2: rgba(255,255,255, .2) !default;\n\n\n// end beniamin\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"light\": $gray-400,\n \"lighter\": $gray-200,\n \"gray-dark\": $gray-800\n), $colors);\n\n$default-color-opacity: rgba(182, 182, 182, .6) !default;\n$orange-color: #f96332 !default;\n\n$default: #344675 !default;\n$primary: #e14eca !default;\n$secondary: #f4f5f7 !default;\n$success: #00f2c3 !default;\n$info: #1d8cf8 !default;\n$warning: #ff8d72 !default;\n$danger: #fd5d93 !default;\n$black: #222a42 !default;\n\n\n// gradient\n$default-states: #263148 !default;\n$primary-states: #ba54f5 !default;\n$success-states: #0098f0 !default;\n$info-states: #3358f4 !default;\n$warning-states: #ff6491 !default;\n$danger-states: #ec250d !default;\n$black-states: #1d253b !default;\n\n$background-black: #1e1e2f !default;\n$background-states-black: #1e1e24 !default;\n\n// opacity\n$default-opacity: rgba(182, 182, 182, .6) !default;\n$primary-opacity: rgba(249, 99, 50, .3) !default;\n$success-opacity: rgba(24, 206, 15, .3) !default;\n$info-opacity: rgba(44, 168, 255, .3) !default;\n$warning-opacity: rgba(255, 178, 54, .3) !default;\n$danger-opacity: rgba(255, 54, 54, .3) !default;\n\n$light-gray: #E3E3E3 !default;\n$medium-gray: #DDDDDD !default;\n$dark-gray: #9A9A9A !default;\n$card-stats-gray: #808080 !default;\n$active-gray: #777777 !default;\n$nav-gray: #444444 !default;\n$search-gray: #b7b7b7 !default;\n$calendar-gray: #9499a7 !default;\n$active-blue: #00bbff !default;\n\n\n\n$light: $gray-500 !default;\n$dark: $gray-900 !default;\n$darker: darken($gray-900, 15%) !default;\n\n$facebook: #3b5998 !default;\n$facebook-states: darken($facebook, 5%) !default;\n$twitter: #55acee !default;\n$twitter-states: darken($twitter, 5%) !default;\n$google-plus: #dd4b39 !default;\n$google-plus-states: darken($google-plus, 5%) !default;\n$instagram: #125688 !default;\n$instagram-states: lighten($instagram, 6%) !default;\n$linkedin: #0077B5 !default;\n$linkedin-states: darken($linkedin, 5%) !default;\n$pinterest: #cc2127 !default;\n$pinterest-states: lighten($pinterest, 6%) !default;\n$youtube: #e52d27 !default;\n$youtube-states: lighten($youtube, 6%) !default;\n$dribbble: #ea4c89 !default;\n$dribbble-states: lighten($dribbble, 6%) !default;\n$github: #333333 !default;\n$github-states: #ccc !default;\n$reddit: #ff4500 !default;\n$reddit-states: lighten($reddit, 6%) !default;\n$tumblr: #35465c !default;\n$tumblr-states: lighten($tumblr, 6%) !default;\n$behance: #1769ff !default;\n$behance-states: lighten($behance, 6%) !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"default\": $default,\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"white\": $white,\n \"neutral\": $white,\n \"dark\": $dark,\n \"darker\": $darker\n), $theme-colors);\n\n$brand-colors: () !default;\n$brand-colors: map-merge((\n \"facebook\": $facebook,\n \"twitter\": $twitter,\n \"google-plus\": $google-plus,\n \"instagram\": $instagram,\n \"pinterest\": $pinterest,\n \"youtube\": $youtube,\n \"dribbble\": $dribbble,\n \"github\": $github,\n \"reddit\": $reddit,\n \"behance\": $behance,\n \"tumblr\": $tumblr,\n \"linkedin\": $linkedin,\n), $brand-colors);\n\n\n/* brand Colors */\n$brand-primary: $primary !default;\n$brand-info: $info !default;\n$brand-success: $success !default;\n$brand-warning: $warning !default;\n$brand-danger: $danger !default;\n$brand-inverse: $black !default;\n\n$topbar-x: topbar-x !default;\n$topbar-back: topbar-back !default;\n$bottombar-x: bottombar-x !default;\n$bottombar-back: bottombar-back !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 200 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Action colors\n\n$star-rating-color: $gray-400 !default;\n$star-rating-color-active: $yellow !default;\n\n$favorite-color: $yellow !default;\n$like-color: $blue !default;\n$love-color: $red !default;\n\n\n// Body\n\n$body-bg: $background-black !default;\n$body-color: $gray-700 !default;\n\n\n// Sections\n\n$section-colors: () !default;\n$section-colors: map-merge((\n \"primary\": $body-bg,\n \"secondary\": $secondary,\n \"light\": $gray-400,\n \"dark\": $dark,\n \"darker\": $darker\n), $section-colors);\n\n// Links\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%);\n$link-hover-decoration: none !default;\n\n// Grid breakpoints\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n);\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n\n// Spacing\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3),\n 'sm': ($spacer * 2),\n 'md': ($spacer * 4),\n 'lg': ($spacer * 6),\n 'xl': ($spacer * 8)\n), $spacers);\n\n$padding-base-vertical: .5rem !default;\n$padding-base-horizontal: .7rem !default;\n\n$padding-btn-vertical: 11px !default;\n$padding-btn-horizontal: 40px !default;\n\n$padding-round-horizontal: 23px !default;\n\n$padding-lg-vertical: 15px !default;\n\n$padding-input-vertical: 11px !default;\n$padding-input-horizontal: 19px !default;\n\n\n$margin-lg-vertical: 30px !default;\n$margin-base-vertical: 15px !default;\n\n// This variable affects the `.h-*` and `.w-*` classes.\n\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n\n// Components\n\n$shape-height-xl: 1.5 !default;\n$shape-height-lg: 1.5 !default;\n$shape-height-sm: 1.5 !default;\n\n// border\n$none: 0 !default;\n$border-thin: 1px !default;\n$border-thick: 2px !default;\n$border-width: .0625rem !default;\n$border-color: $gray-200 !default;\n\n$border-radius: .25rem !default;\n$border-radius-xl: 0.875rem !default;\n$border-radius-lg: 0.4285rem !default;\n$border-radius-sm: 0.2857rem !default;\n$border-radius-xs: 0.1428rem !default;\n\n$margin-bottom: 10px !default;\n$border: 1px solid !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);\n$box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175);\n\n$dropdown-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.125);\n$box-shadow-raised: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);\n$box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1);\n$sidebar-box-shadow: 0px 2px 22px 0 rgba(0, 0, 0,.20), 0px 2px 30px 0 rgba(0, 0, 0,.35);\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n$component-active-border-color: theme-color(\"primary\") !default;\n\n$component-hover-color: $gray-300 !default;\n$component-hover-bg: $gray-300 !default;\n$component-hover-border-color: $gray-300 !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .15s ease !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$fast-transition-time: 150ms !default;\n\n$transition-linear: linear !default;\n$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n$transition-ease: ease 0s;\n\n$select-coordinates: 50% -40px !default;\n$general-transition-time: 300ms !default;\n\n\n// Fonts\n\n$font-family-base: 'Poppins', sans-serif !default;\n$font-family-alt: 'Poppins', sans-serif !default;\n\n$font-size-dash: .875rem !default;\n\n$font-size-base: $font-size-dash !default; // Assumes the browser default, typically `16px`\n$font-size-xl: ($font-size-base * 1.428);\n$font-size-lg: ($font-size-base * 1.142);\n$font-size-sm: ($font-size-base * .85714286);\n$font-size-xs: ($font-size-base * .714);\n\n$h1-font-size: $font-size-base * 2.35714285 !default; //2.1875rem\n$h2-font-size: $font-size-base * 1.9285714 !default;\n$h3-font-size: $font-size-base * 1.642857 !default;\n$h4-font-size: $font-size-base * 1.2142857 !default;\n$h5-font-size: $font-size-base * 0.9285714 !default;\n$h6-font-size: $font-size-base * 0.8571428 !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-extra-bold: 700 !default;\n\n$font-paragraph: 1rem !default;\n\n$font-weight-base: $font-weight-normal !default;\n$shape-height-base: 1.428571 !default;\n\n$headings-margin-bottom: ($spacer / 2);\n$headings-font-family: inherit !default;\n$headings-font-weight: $font-weight-normal !default;\n$headings-line-height: 1.2 !default;\n$headings-color: $gray-800 !default;\n\n$heading-letter-spacing: .025em !default;\n$heading-font-size: .95rem !default;\n$heading-text-transform: uppercase !default;\n$heading-font-weight: $headings-font-weight !default;\n\n$heading-title-letter-spacing: .025em !default;\n$heading-title-font-size: 1.375rem !default;\n$heading-title-font-weight: $font-weight-bold !default;\n$heading-title-text-transform: uppercase !default;\n\n$heading-section-letter-spacing: .025em !default;\n$heading-section-font-size: 1.375rem !default;\n$heading-section-font-weight: $font-weight-bold !default;\n$heading-section-text-transform: uppercase !default;\n\n$display1-size: 3.3rem !default;\n$display2-size: 2.75rem !default;\n$display3-size: 2.1875rem !default;\n$display4-size: 1.6275rem !default;\n\n$display1-weight: $font-weight-bold !default;\n$display2-weight: $font-weight-bold !default;\n$display3-weight: $font-weight-bold !default;\n$display4-weight: $font-weight-bold !default;\n$display-line-height: $headings-line-height !default;\n\n$paragraph-font-size: 0.625rem !default;\n$paragraph-font-weight: 300 !default;\n$paragraph-line-height: 1.7 !default;\n\n$lead-font-size: ($paragraph-font-size * 1.25);\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.1);\n\n$hr-border-color: rgba($black, .1);\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer * 2 !default;\n\n\n// Icons\n\n$icon-size: auto !default;\n$icon-size-regular: 2.375rem !default;\n$icon-font-size-regular: 0.9375rem !default;\n$icon-font-size-sm: 0.6875rem !default;\n$icon-size-sm: 1.875rem !default;\n$icon-font-size-lg: 1.325rem !default;\n$icon-size-lg: 3.6rem !default;\n$icon-size-xl: 5rem !default;\n\n\n// Tables\n\n$table-cell-padding: 1rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05);\n$table-hover-bg: rgba($black, .075);\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05);\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($gray-900, 7.5%);\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .7rem !default;\n$input-btn-line-height: $shape-height-base !default;\n\n$input-btn-focus-width: 0 !default;\n$input-btn-focus-color: rgba($component-active-bg, 1);\n//$input-btn-focus-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);\n$input-btn-focus-box-shadow: none !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: 1.35 !default;\n\n$input-btn-padding-y-lg: .875rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: 1.35 !default;\n\n$input-btn-border-width: 1px !default;\n\n$input-btn-font-size-sm: .75rem !default;\n$input-btn-font-size: .875rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-padding-vertical: 11px !default;\n$input-padding-horizontal: 19px !default;\n\n// Buttons\n\n$btn-padding-y: 11px !default;\n$btn-padding-x: 40px !default;\n$btn-line-height: $line-height !default;\n\n$btn-padding-y-sm: 5px !default;\n$btn-padding-x-sm: 15px !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: 15px !default;\n$btn-padding-x-lg: 48px !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-size-lg: 1em !default;\n$btn-font-weight: 600 !default;\n$btn-text-transform: uppercase !default;\n$btn-letter-spacing: .025em !default;\n$btn-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);\n$btn-hover-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n\n\n$btn-active-box-shadow: none !default;\n$btn-round-radius: 30px !default;\n\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-xl: $border-radius-xl !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-bg: $transparent-bg !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-muted-bg: #EDF0F5 !default;\n\n$input-alternative-box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);\n$input-focus-alternative-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);\n\n$input-color: $opacity-8 !default;\n$input-border-color: #cad1d7 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: none !default; // 0 1px 3px 0 $gray-400 !default;\n\n$input-focus-bg: $white !default;\n$input-focus-border-color: rgba(50,151,211,.25);\n$input-focus-color: $input-color !default;\n$input-focus-width: 0 !default;\n$input-focus-box-shadow: none !default; //0 1px 3px 0 $gray-500 !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-focus-placeholder-color: $gray-500 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n\n// Input groups\n\n$input-group-addon-color: $input-placeholder-color !default;\n$input-group-addon-bg: $input-bg !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$input-group-addon-focus-color: $input-focus-color !default;\n$input-group-addon-focus-bg: $input-focus-bg !default;\n$input-group-addon-focus-border-color: $input-focus-border-color !default;\n\n\n// Custom forms\n\n$custom-control-gutter: 1.75rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-indicator-size: 1.25rem !default;\n\n$custom-control-indicator-bg: $input-bg !default;\n$custom-control-indicator-border-width: 1px !default;\n$custom-control-indicator-border-color: $input-border-color !default;\n$custom-control-indicator-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: $custom-control-indicator-box-shadow !default;\n\n$custom-control-indicator-hover-color: $component-hover-color !default;\n$custom-control-indicator-hover-bg: $component-hover-bg !default;\n$custom-control-indicator-hover-border-color: $component-hover-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: $component-active-bg !default;\n$custom-control-indicator-active-border-color: $component-active-border-color !default;\n$custom-control-indicator-active-box-shadow: $custom-control-indicator-box-shadow !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-border-color: $component-active-border-color !default;\n$custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shadow !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5);\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius-sm !default;\n//$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml !default;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-toggle-slider-bg: #ddd !default;\n$custom-toggle-checked-bg: theme-color(\"primary\") !default;\n\n// Form validation\n\n$form-feedback-valid-bg: lighten($success, 15%);\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-bg: lighten($warning, 15%);\n$form-feedback-invalid-color: theme-color(\"warning\") !default;\n\n\n// Allows for customizing button radius independently from global border radius\n\n$btn-border-radius: $input-border-radius !default;\n$btn-border-radius-xl: $input-border-radius-xl !default;\n$btn-border-radius-lg: $input-border-radius-lg !default;\n$btn-border-radius-sm: $input-border-radius !default;\n\n\n// No UI Slider\n\n$noui-target-bg: #eceeef !default;\n$noui-target-thickness: 5px !default;\n$noui-target-border-radius: 5px !default;\n$noui-target-border-color: 0 !default;\n$noui-target-box-shadow: inset 0 1px 2px rgba(90,97,105,.1);\n\n$noui-slider-connect-bg: $primary !default;\n$noui-slider-connect-disabled-bg: #b2b2b2 !default;\n\n$noui-handle-width: 15px !default;\n$noui-handle-bg: theme-color(\"primary\") !default;\n$noui-handle-border: 0 !default;\n$noui-handle-border-radius: 100% !default;\n\n$noui-origin-border-radius: 2px !default;\n\n\n// Dropdown\n\n$dropdown-bg: $white !default;\n$dropdown-border-width: 0 !default;\n$dropdown-border-color: rgba($black, .15);\n$dropdown-border-radius: $border-radius-xs !default;\n$dropdown-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-color: $gray-700 !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-pills-padding-y: .75rem !default;\n$nav-pills-padding-x: 1rem !default;\n\n$nav-pills-space-x: 1rem !default;\n\n$nav-pills-bg: $white;\n$nav-pills-border-width: 1px !default;\n$nav-pills-border-color: theme-color(\"primary\") !default;\n$nav-pills-border-radius: $border-radius !default;\n\n$nav-pills-link-color: theme-color(\"primary\") !default;\n$nav-pills-link-hover-color: darken(theme-color(\"primary\"), 5%);\n$nav-pills-link-active-color: color-yiq(theme-color(\"primary\"));\n$nav-pills-link-active-bg: theme-color(\"primary\") !default;\n$nav-pills-box-shadow: $btn-box-shadow !default;\n\n// Navbar\n\n$navbar-transition: all .15s linear !default;\n$navbar-padding-y: .625rem !default;\n$navbar-padding-x: .9375rem !default;\n\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n\n$navbar-nav-link-font-family: $font-family-alt !default;\n$navbar-nav-link-font-size: .9rem !default;\n$navbar-nav-link-font-weight: 400 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius !default;\n\n/* navbar color */\n$navbar-color: #1a1e34 !default;\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1);\n$navbar-dark-active-bg: rgba(255, 255, 255, .1);\n$navbar-dark-color: rgba($white, .95);\n$navbar-dark-hover-color: rgba($white, .65);\n$navbar-dark-active-color: rgba($white, .65);\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-border-color: transparent !default;\n\n$navbar-light-bg: transparent !default;\n$navbar-light-hover-bg: rgba(0, 0, 0, .1);\n$navbar-light-active-bg: rgba(0, 0, 0, .1);\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml !default;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: transparent !default;\n$full-width: 100% !default;\n$navbar-padding: 10px 15px !default;\n\n\n// Alerts\n\n$alert-padding-y: .9rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-border-radius: $border-radius-sm !default;\n\n$alert-bg-level: -2 !default;\n$alert-border-level: -2 !default;\n$alert-color-level: 0 !default;\n\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: $border-color !default; //rgba($black, .125);\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: 1rem !default;\n$list-group-item-padding-x: 1rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $list-group-action-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-bg: transparent !default;\n$close-hover-bg: transparent !default;\n$close-color: rgba(0, 0, 0, .6);\n$close-hover-color: rgba(0, 0, 0, .9);\n$close-text-shadow: none !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 1px !default;\n$popover-border-color: rgba($black, .05);\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0px .5rem 2rem 0px rgba($black, .2);\n\n$popover-header-bg: $popover-bg !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .75rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1.5rem !default;\n$popover-arrow-height: .75rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: transparent !default;\n\n// Breadcrumbs\n\n$breadcrumb-bg: $black-states !default;\n$breadcrumb-divider-color: $white !default;\n$breadcrumb-active-color: $white !default;\n\n\n\n\n// Badges\n\n$badge-font-size: $font-size-xs !default;\n$badge-font-weight: $font-weight-extra-bold !default;\n$badge-padding-y: .25rem !default;\n$badge-padding-x: .5rem !default;\n$badge-border-radius: $border-radius !default;\n$badge-text-transfom: uppercase;\n\n$badge-pill-padding-x: .875em !default;\n$badge-pill-border-radius: $border-radius-xl !default;\n\n$badge-circle-size: 2rem;\n\n// Pagination\n\n$pagination-padding-y: 0 !default;\n$pagination-padding-x: .6875rem !default;\n\n\n$pagination-color: $white !default;\n$pagination-bg: transparent !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n//$pagination-focus-box-shadow: $btn-hover-box-shadow !default;\n\n$pagination-hover-color: $gray-600 !default;\n$pagination-hover-bg: $gray-300 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n$pagination-active-box-shadow: $btn-hover-box-shadow !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: transparent !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Cards\n\n$card-spacer-y: 1.25rem !default;\n$card-spacer-x: 1.5rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius-sm !default;\n$card-border-color: rgba($black, .05);\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-bg: $gray-100 !default;\n$card-bg: $white !default;\n$card-black-background: #27293d !default;\n$card-img-overlay-padding: 1.25rem !default;\n\n//$card-group-margin: ($grid-gutter-width / 2);\n//$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $black !default;\n$tooltip-bg: $white !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Modals\n\n$modal-inner-padding: 24px 24px 16px 24px !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 380px !default;\n$modal-title-line-height: 1.1;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2);\n$modal-content-border-width: 1px !default;\n$modal-content-border-radius: $border-radius-sm !default;\n$modal-content-box-shadow-xs: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);\n$modal-content-box-shadow-sm-up: 0 15px 35px rgba(50,50,93,.2), 0 5px 15px rgba(0,0,0,.17);\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .16 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 24px 24px 0 24px !default;\n\n// Progress bars\n\n$progress-height: .5rem !default;\n$progress-bg: rgba(0, 0, 0, 0.3) !default;\n$progress-border-radius: $border-radius-xl !default;\n$progress-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3) !default;\n$progress-bar-color: $white !default;\n\n// Datepicker\n\n$datepicker-border-radius: $card-border-radius !default;\n$datepicker-dropdown-padding: 20px 22px !default;\n\n$datepicker-cell-transition: $transition-base !default;\n$datepicker-cell-hover-background: lighten($gray-400, 55%);\n$datepicker-cell-border-radius: 50% !default;\n$datepicker-cell-width: 36px !default;\n$datepicker-cell-height: 36px !default;\n\n$datepicker-disabled-cell-color: $gray-300 !default;\n$datepicker-disabled-old-new-color: $gray-500 !default;\n\n$datepicker-header-cell-border-radius: $border-radius !default;\n\n$datepicker-active-color: $white !default;\n$datepicker-active-background: theme-color(\"primary\") !default;\n$datepicker-active-box-shadow: none !default;\n\n$datepicker-range-background: theme-color(\"primary\") !default;\n$datepicker-range-cell-focused-background: darken($datepicker-range-background, 5%);\n$datepicker-range-color: $white !default;\n$datepicker-range-highlighted-bg: $gray-200 !default;\n\n$datepicker-dropdown-border: lighten($gray-400, 40%);\n$datepicker-dropdown-bg: $white !default;\n$datepicker-highlighted-bg: $datepicker-active-background !default;\n\n\n// Footer\n\n$footer-link-font-size: .85rem !default;\n$footer-bg: theme-color(\"secondary\") !default;\n$footer-color: $gray-600 !default;\n$footer-link-color: $gray-600 !default;\n$footer-link-hover-color: $gray-700 !default;\n$footer-heading-color: $gray-600 !default;\n$footer-heading-font-size: $font-size-sm !default;\n", + "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-btn-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-btn-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: ($spacer / 2) !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", + "@import \"mixins/alert.scss\";\n@import \"mixins/badges.scss\";\n@import \"mixins/background-variant.scss\";\n@import \"mixins/buttons.scss\";\n@import \"mixins/forms.scss\";\n@import \"mixins/icon.scss\";\n@import \"mixins/modals.scss\";\n@import \"mixins/popovers.scss\";\n@import \"mixins/page-header.scss\";\n@import \"mixins/vendor-prefixes.scss\";\n@import \"mixins/opacity.scss\";\n@import \"mixins/modals.scss\";\n@import \"mixins/inputs.scss\";\n@import \"mixins/dropdown.scss\";\n@import \"mixins/wizard.scss\";\n", + "@mixin alert-variant($background, $border, $color) {\n color: color-yiq($background);\n // @include gradient-bg($background);\n background-color: lighten($background, 5%);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 3%);\n }\n }\n .tagsinput-remove-link{\n color: $white;\n }\n}\n", + "// Contextual backgrounds\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important;\n }\n}\n", + "@mixin btn-styles($btn-color, $btn-states-color) {\n @include diagonal-gradient($btn-color, $btn-states-color);\n background-color: $btn-color;\n transition: all 0.15s ease;\n box-shadow: none;\n &.animation-on-hover:hover{\n background-position: bottom left;\n transition:0.3s ease-in-out;\n }\n\n &:hover,\n &:focus,\n &:active,\n &.active,\n &:active:focus,\n &:active:hover,\n &.active:focus,\n &.active:hover\n {\n background-color: $btn-states-color !important;\n background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n color: $white;\n box-shadow: none;\n }\n\n &:active{\n box-shadow: none !important;\n transform: translateY(1px) !important;\n transition: all .15s ease;\n }\n\n &:not([data-action]):hover{\n\n box-shadow: 2px 2px 6px rgba(0,0,0,0.4);\n transform: translateY(-1px);\n -webkit-transform: translateY(-1px);\n }\n\n &.disabled,\n &:disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: $btn-color;\n border-color: $btn-color;\n }\n }\n\n // btn-neutral style\n @if $btn-color == $white{\n color: $primary;\n\n &.btn-danger{\n color: $danger;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus{\n color: $danger-states;\n }\n }\n\n &.btn-info{\n color: $info;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus{\n color: $info-states;\n }\n }\n\n &.btn-warning{\n color: $warning;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus{\n color: $warning-states;\n }\n }\n\n &.btn-success{\n color: $success;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus{\n color: $success-states;\n }\n }\n\n &.btn-default{\n color: $default;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus{\n color: $default-states;\n }\n }\n\n &.active,\n &:active,\n &:active:focus,\n &:active:hover,\n &.active:focus,\n &.active:hover,\n .show > &.dropdown-toggle,\n .show > &.dropdown-toggle:focus,\n .show > &.dropdown-toggle:hover {\n background-color: $white;\n color: $primary-states;\n box-shadow: none;\n }\n\n &:hover,\n &:focus{\n color: $primary-states;\n\n &:not(.nav-link){\n box-shadow: none;\n }\n\n }\n\n } @else {\n color: $white;\n }\n\n &.btn-simple{\n color: $btn-color;\n border-color: $btn-color;\n background: $transparent-bg;\n\n &:hover,\n &:focus,\n &:active,\n &:not(:disabled):not(.disabled):active{\n color: $btn-color;\n border-color: $btn-color;\n background-color: $transparent-bg !important;\n background-image: none !important;\n box-shadow: none;\n }\n\n &.active{\n border-color: $btn-color !important;\n &:hover,\n &:focus,\n &:active,\n &:not(:disabled):not(.disabled):active{\n color: $white;\n border-color: $btn-color;\n background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;\n background-color: $btn-states-color !important;\n box-shadow: none;\n }\n }\n }\n\n &.btn-link{\n color: $btn-color;\n &:hover,\n &:focus,\n &:active{\n background-color: $transparent-bg !important;\n background-image: none !important;\n color: $white !important;\n text-decoration: none;\n box-shadow: none;\n }\n }\n}\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 0%), $hover-border: darken($border, 0%), $active-background: darken($background, 10%), $active-border: darken($border, 0%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n }\n @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n } // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show>&.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n }\n @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show>&.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow !=none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n }\n @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border){\n font-size: $font-size;\n border-radius: $border;\n padding: $padding-vertical $padding-horizontal;\n\n &.btn-simple{\n padding: $padding-vertical - 1 $padding-horizontal - 1;\n }\n\n}\n\n// for social buttons\n@mixin social-buttons-color ($color, $state-color){\n @include diagonal-gradient($color, darken($color,20%));\n //background-color: $color;\n color: $white;\n background-size: 210% 210%;\n background-position: top right;\n background-repeat: space;\n\n &:focus,\n &:active,\n &:hover{\n background-color: $state-color;\n background-image: linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;\n background-image: -webkit-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;\n background-image: -o-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;\n background-image: -moz-linear-gradient(to bottom left, $color, darken($color,20%), $color) !important;\n color: $white;\n }\n\n &.btn-simple{\n color: $state-color;\n background-color: $transparent-bg;\n background-image: none !important;\n box-shadow: none;\n border-color: $state-color;\n\n &:hover,\n &:focus,\n &:active{\n color: $state-color;\n border-color: $state-color;\n }\n }\n\n &.btn-neutral{\n color: $color;\n background-color: $white;\n\n\n &:hover,\n &:focus,\n &:active{\n color: $state-color;\n }\n }\n}\n", + "@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: $white;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n //box-shadow: 0 1px $input-focus-width 0 rgba($color, .75);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n border-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n border-color: lighten($color, 25%);\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", + "@mixin icon-shape-variant($color) {\n color: saturate(darken($color, 10%), 10);\n background-color: transparentize(lighten($color, 10%), .5);\n}", + "@mixin modal-colors($bg-color, $color) {\n .modal-content{\n background-color: $bg-color;\n color: $color;\n }\n\n .modal-body p{\n color: rgba($white, 0.8);\n }\n\n //inputs\n @include input-coloured-bg($opacity-5, $white, $white, $transparent-bg, $opacity-1, $opacity-2);\n\n\n}\n", + "@mixin popover-variant($background) {\n background-color: $background;\n\n .popover-header {\n background-color: $background;\n color: color-yiq($background);\n opacity: .6;\n }\n\n .popover-body {\n color: color-yiq($background);\n }\n\n .popover-header{\n border-color: rgba(color-yiq($background), .2);\n }\n\n &.bs-popover-top {\n .arrow::after {\n border-top-color: $background;\n }\n }\n\n &.bs-popover-right {\n .arrow::after {\n border-right-color: $background;\n }\n }\n\n &.bs-popover-bottom {\n .arrow::after {\n border-bottom-color: $background;\n }\n }\n\n &.bs-popover-left {\n .arrow::after {\n border-left-color: $background;\n }\n }\n}\n", + "@mixin linear-gradient($color1, $color2){\n background: $color1; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(90deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */\n background: -o-linear-gradient(90deg, $color1, $color2); /* For Opera 11.1 to 12.0 */\n background: -moz-linear-gradient(90deg, $color1, $color2); /* For Firefox 3.6 to 15 */\n background: linear-gradient(0deg, $color1 , $color2); /* Standard syntax */\n}\n", + "\n@mixin transform-translate-x($value){\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value,0);\n -moz-transform: translate3d(0,$value,0);\n -o-transform: translate3d(0,$value,0);\n -ms-transform: translate3d(0,$value,0);\n transform: translate3d(0,$value,0);\n}\n\n@mixin transitions($time, $type){\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin diagonal-gradient($start-color, $end-color){\n background: $start-color;\n background-image: -webkit-linear-gradient(to bottom left, $start-color, $end-color, $start-color);\n background-image: -o-linear-gradient(to bottom left, $start-color, $end-color, $start-color);\n background-image: -moz-linear-gradient(to bottom left, $start-color, $end-color, $start-color);\n background-image: linear-gradient(to bottom left, $start-color, $end-color, $start-color);\n background-size: 210% 210%;\n background-position: top right;\n}\n\n@mixin bar-animation($type){\n -webkit-animation: $type 500ms linear 0s;\n -moz-animation: $type 500ms linear 0s;\n animation: $type 500ms 0s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n@mixin rotate-180(){\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n@mixin transform-translate-y-dropdown($value) {\n -webkit-transform: translate3d(0,$value,0) !important;\n -moz-transform: translate3d(0,$value,0) !important;\n -o-transform: translate3d(0,$value,0) !important;\n -ms-transform: translate3d(0,$value,0) !important;\n transform: translate3d(0,$value,0) !important;\n}\n\n@mixin linear-gradient($color, $states-color){\n background: $color;\n background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);\n background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);\n background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);\n background: linear-gradient(0deg, $color 0%, $states-color 100%);\n}\n\n@mixin linear-gradient-right($color, $states-color){\n background: $color;\n background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);\n background: -o-linear-gradient(to right, $color 0%, $states-color 100%);\n background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);\n background: linear-gradient(to right, $color 0%, $states-color 100%);\n}\n\n@mixin sidebar-color($color){\n &:after{\n background: $color;\n }\n\n .nav li.active > a{\n color: $color;\n\n i{\n color: $color;\n }\n }\n}\n\n@mixin transition-input-focus-color() {\n -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;\n}\n\n@mixin topbar-x-rotation(){\n @keyframes topbar-x {\n 0% {top: 0px; transform: rotate(0deg); }\n 45% {top: 6px; transform: rotate(145deg); }\n 75% {transform: rotate(130deg); }\n 100% {transform: rotate(135deg); }\n }\n @-webkit-keyframes topbar-x {\n 0% {top: 0px; -webkit-transform: rotate(0deg); }\n 45% {top: 6px; -webkit-transform: rotate(145deg); }\n 75% {-webkit-transform: rotate(130deg); }\n 100% { -webkit-transform: rotate(135deg); }\n }\n @-moz-keyframes topbar-x {\n 0% {top: 0px; -moz-transform: rotate(0deg); }\n 45% {top: 6px; -moz-transform: rotate(145deg); }\n 75% {-moz-transform: rotate(130deg); }\n 100% { -moz-transform: rotate(135deg); }\n }\n}\n\n@mixin topbar-back-rotation(){\n @keyframes topbar-back {\n 0% { top: 6px; transform: rotate(135deg); }\n 45% { transform: rotate(-10deg); }\n 75% { transform: rotate(5deg); }\n 100% { top: 0px; transform: rotate(0); }\n }\n\n @-webkit-keyframes topbar-back {\n 0% { top: 6px; -webkit-transform: rotate(135deg); }\n 45% { -webkit-transform: rotate(-10deg); }\n 75% { -webkit-transform: rotate(5deg); }\n 100% { top: 0px; -webkit-transform: rotate(0); }\n }\n\n @-moz-keyframes topbar-back {\n 0% { top: 6px; -moz-transform: rotate(135deg); }\n 45% { -moz-transform: rotate(-10deg); }\n 75% { -moz-transform: rotate(5deg); }\n 100% { top: 0px; -moz-transform: rotate(0); }\n }\n}\n\n@mixin bottombar-x-rotation(){\n @keyframes bottombar-x {\n 0% {bottom: 0px; transform: rotate(0deg);}\n 45% {bottom: 6px; transform: rotate(-145deg);}\n 75% {transform: rotate(-130deg);}\n 100% {transform: rotate(-135deg);}\n }\n @-webkit-keyframes bottombar-x {\n 0% {bottom: 0px; -webkit-transform: rotate(0deg);}\n 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}\n 75% {-webkit-transform: rotate(-130deg);}\n 100% {-webkit-transform: rotate(-135deg);}\n }\n @-moz-keyframes bottombar-x {\n 0% {bottom: 0px; -moz-transform: rotate(0deg);}\n 45% {bottom: 6px; -moz-transform: rotate(-145deg);}\n 75% {-moz-transform: rotate(-130deg);}\n 100% {-moz-transform: rotate(-135deg);}\n }\n}\n\n@mixin bottombar-back-rotation{\n @keyframes bottombar-back {\n 0% { bottom: 6px;transform: rotate(-135deg);}\n 45% { transform: rotate(10deg);}\n 75% { transform: rotate(-5deg);}\n 100% { bottom: 0px;transform: rotate(0);}\n }\n @-webkit-keyframes bottombar-back {\n 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}\n 45% {-webkit-transform: rotate(10deg);}\n 75% {-webkit-transform: rotate(-5deg);}\n 100% {bottom: 0px;-webkit-transform: rotate(0);}\n }\n @-moz-keyframes bottombar-back {\n 0% {bottom: 6px;-moz-transform: rotate(-135deg);}\n 45% {-moz-transform: rotate(10deg);}\n 75% {-moz-transform: rotate(-5deg);}\n 100% {bottom: 0px;-moz-transform: rotate(0);}\n }\n\n}\n\n\n@mixin nc-rotate($degrees, $rotation) {\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});\n -webkit-transform: rotate($degrees);\n -moz-transform: rotate($degrees);\n -ms-transform: rotate($degrees);\n -o-transform: rotate($degrees);\n transform: rotate($degrees);\n}\n\n@mixin nc-flip($horiz, $vert, $rotation) {\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});\n -webkit-transform: scale($horiz, $vert);\n -moz-transform: scale($horiz, $vert);\n -ms-transform: scale($horiz, $vert);\n -o-transform: scale($horiz, $vert);\n transform: scale($horiz, $vert);\n}\n", + "// Opacity\n\n@mixin opacity($opacity) {\n opacity: $opacity;\n // IE8 filter\n $opacity-ie: ($opacity * 100);\n filter: #{alpha(opacity=$opacity-ie)};\n}\n", + "@mixin modal-colors($bg-color, $color) {\n .modal-content{\n background-color: $bg-color;\n color: $color;\n }\n\n .modal-body p{\n color: rgba($white, 0.8);\n }\n\n //inputs\n @include input-coloured-bg($opacity-5, $white, $white, $transparent-bg, $opacity-1, $opacity-2);\n\n\n}\n", + "@mixin input-size($padding-vertical, $padding-horizontal){\n padding: $padding-vertical $padding-horizontal;\n}\n\n@mixin form-control-placeholder($color, $opacity){\n .form-control::-moz-placeholder{\n color: $color;\n @include opacity(1);\n }\n .form-control:-moz-placeholder{\n color: $color;\n @include opacity(1);\n }\n .form-control::-webkit-input-placeholder{\n color: $color;\n @include opacity(1);\n }\n .form-control:-ms-input-placeholder{\n color: $color;\n @include opacity(1);\n }\n}\n\n@mixin placeholder() {\n &::-moz-placeholder {@content; } // Firefox\n &:-ms-input-placeholder {@content; } // Internet Explorer 10+\n &::-webkit-input-placeholder {@content; } // Safari and Chrome\n}\n\n@mixin light-form(){\n border-radius: 0;\n border:0;\n padding: 0;\n background-color: transparent;\n\n}\n\n\n@mixin form-control-lg-padding($padding-vertical, $padding-horizontal) {\n .form-group.no-border.form-control-lg,\n .input-group.no-border.form-control-lg{\n .input-group-append .input-group-text{\n padding: $padding-vertical 0 $padding-vertical $padding-horizontal;\n }\n\n .form-control{\n padding: $padding-vertical $padding-horizontal;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text{\n padding: $padding-vertical $padding-horizontal $padding-vertical 0;\n }\n\n\n }\n }\n\n .form-group.form-control-lg,\n .input-group.form-control-lg{\n .form-control{\n padding: $padding-vertical - 1 $padding-horizontal - 1;\n height: 100%;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text{\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;\n\n & + .form-control{\n padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;\n }\n }\n }\n}\n\n\n\n@mixin input-base-padding($padding-vertical, $padding-horizontal) {\n .form-group.no-border,\n .input-group.no-border{\n .form-control{\n padding: $padding-vertical $padding-horizontal;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text{\n padding: $padding-vertical $padding-horizontal $padding-vertical 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n padding: $padding-vertical 0 $padding-vertical $padding-horizontal;\n }\n }\n\n .form-group,\n .input-group{\n .form-control{\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text{\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal - 1;\n\n & + .form-control,\n & ~ .form-control{\n padding:$padding-vertical - 1 $padding-horizontal $padding-vertical $padding-horizontal - 3;\n }\n }\n }\n}\n\n\n//color1 = $opacity-5\n//color2 = $opacity-8\n//color3 = $white-color\n//color4 = $transparent-bg\n//color5 = $opacity-1\n//color6 = $opacity-2\n\n\n@mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) {\n @include form-control-placeholder(rgba($white, 0.4), 1);\n\n .form-control{\n border-color: $color1;\n color: $color2;\n\n &:focus{\n border-color: $color3;\n background-color: $color4;\n color: $color3;\n }\n }\n\n .has-success,\n .has-danger{\n &:after{\n color: $color3;\n }\n }\n\n .has-danger{\n .form-control{\n background-color: $color4;\n }\n }\n\n .input-group-prepend{\n margin-right: 0;\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n background-color: rgba($background-black, 0.2);\n border-color: $color1;\n color: $color2;\n\n\n }\n\n .input-group-focus{\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n background-color: rgba($background-black, 0.3);\n border-color: $color3;\n color: $color3;\n }\n }\n\n .form-group.no-border,\n .input-group.no-border{\n .form-control{\n background-color: rgba($background-black,0.2);\n color: $color2;\n\n &:focus,\n &:active,\n &:active{\n background-color: rgba($background-black,0.3);\n color: $color3;\n }\n }\n\n .form-control + .input-group-prepend .input-group-text,\n .form-control + .input-group-append .input-group-text{\n background-color: rgba($background-black,0.2);;\n\n &:focus,\n &:active,\n &:active{\n background-color: rgba($background-black,0.3);\n color: $color3;\n }\n }\n\n .form-control{\n &:focus{\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text{\n background-color: rgba($background-black, 0.3);\n color: $color3;\n }\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n background-color: rgba($background-black, 0.2);\n border: none;\n color: $color2;\n }\n\n &.input-group-focus{\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text{\n background-color: rgba($background-black, 0.3);\n color: $color3;\n }\n }\n }\n\n}\n", + "@mixin dropdown-colors($brand-color, $dropdown-header-color, $dropdown-color, $background-color ) {\n background-color: $brand-color;\n\n &:before{\n color: $brand-color;\n }\n\n .dropdown-header:not([href]):not([tabindex]){\n color: $dropdown-header-color;\n }\n\n .dropdown-item{\n color: $dropdown-color;\n\n &:hover,\n &:focus{\n background-color: $background-color;\n }\n }\n\n .dropdown-divider{\n background-color: $background-color;\n }\n\n \n}\n", + "@mixin set-wizard-color($color) {\n .progress-with-circle .progress-bar{\n background: $color;\n }\n\n .nav-pills .nav-item .nav-link{\n color: $color;\n\n &.checked, &.active{\n background: $color;\n color: white;\n }\n &:hover{\n background: $white;\n }\n }\n\n .nav-pills .nav-item .nav-link.active,\n .nav-pills .nav-item .nav-link.checked:focus,\n .nav-pills .nav-item .nav-link.checked:hover,\n .nav-pills .nav-item .nav-link.active:focus,\n .nav-pills .nav-item .nav-link.active:hover{\n background: $color;\n }\n\n}\n", + "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", + "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", + "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", + "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n", + "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n", + "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", + "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n", + "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n", + "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n", + "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n\n @if ($ignore-warning != true) {\n @warn \"The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.\";\n }\n}\n", + "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", + "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n", + "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", + "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n", + "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", + "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", + "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", + "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", + "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", + "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $tooltip-padding-y $tooltip-padding-x;\n margin-top: .1rem;\n font-size: $tooltip-font-size;\n line-height: $line-height-base;\n color: color-yiq($color);\n background-color: rgba($color, $tooltip-opacity);\n @include border-radius($tooltip-border-radius);\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::after { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", + "// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", + "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", + "// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n", + "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n", + "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", + "@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n", + "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", + "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", + "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", + "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n", + ":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n", + "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba($black, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", + "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n", + "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all ``s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n", + "// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n", + "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n", + "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n", + "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on `s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on ` receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `
+ + + + + diff --git a/src/black-stubs/resources/views/layouts/navbars/navs/guest.blade.php b/src/black-stubs/resources/views/layouts/navbars/navs/guest.blade.php new file mode 100644 index 0000000..5efcf2b --- /dev/null +++ b/src/black-stubs/resources/views/layouts/navbars/navs/guest.blade.php @@ -0,0 +1,38 @@ + diff --git a/src/black-stubs/resources/views/layouts/navbars/sidebar.blade.php b/src/black-stubs/resources/views/layouts/navbars/sidebar.blade.php new file mode 100644 index 0000000..5564d86 --- /dev/null +++ b/src/black-stubs/resources/views/layouts/navbars/sidebar.blade.php @@ -0,0 +1,82 @@ +
+
+ + +
+
diff --git a/src/black-stubs/resources/views/layouts/page_templates/auth.blade.php b/src/black-stubs/resources/views/layouts/page_templates/auth.blade.php new file mode 100644 index 0000000..05fe252 --- /dev/null +++ b/src/black-stubs/resources/views/layouts/page_templates/auth.blade.php @@ -0,0 +1,8 @@ +
+ @include('layouts.navbars.sidebar') +
+ @include('layouts.navbars.navs.auth') + @yield('content') + @include('layouts.footers.auth') +
+
\ No newline at end of file diff --git a/src/black-stubs/resources/views/layouts/page_templates/guest.blade.php b/src/black-stubs/resources/views/layouts/page_templates/guest.blade.php new file mode 100644 index 0000000..06640bf --- /dev/null +++ b/src/black-stubs/resources/views/layouts/page_templates/guest.blade.php @@ -0,0 +1,8 @@ +@include('layouts.navbars.navs.guest') +
+ +
diff --git a/src/black-stubs/resources/views/pages/icons.blade.php b/src/black-stubs/resources/views/pages/icons.blade.php new file mode 100644 index 0000000..7385c4e --- /dev/null +++ b/src/black-stubs/resources/views/pages/icons.blade.php @@ -0,0 +1,620 @@ +@extends('layouts.app', ['page' => __('Icons'), 'pageSlug' => 'icons']) + +@section('content') +
+
+
+
+
100 Awesome Nucleo Icons
+

Handcrafted by our friends from + NucleoApp +

+
+
+
+
+
+ +

icon-alert-circle-exc

+
+
+
+
+ +

icon-align-center

+
+
+
+
+ +

icon-align-left-2

+
+
+
+
+ +

icon-app

+
+
+
+
+ +

icon-atom

+
+
+
+
+ +

icon-attach-87

+
+
+
+
+ +

icon-badge

+
+
+
+
+ +

icon-bag-16

+
+
+
+
+ +

icon-bank

+
+
+
+
+ +

icon-basket-simple

+
+
+
+
+ +

icon-bell-55

+
+
+
+
+ +

icon-bold

+
+
+
+
+ +

icon-book-bookmark

+
+
+
+
+ +

icon-double-right

+
+
+
+
+ +

icon-bulb-63

+
+
+
+
+ +

icon-bullet-list-67

+
+
+
+
+ +

icon-bus-front-12

+
+
+
+
+ +

icon-button-power

+
+
+
+
+ +

icon-camera-18

+
+
+
+
+ +

icon-calendar-60

+
+
+
+
+ +

icon-caps-small

+
+
+
+
+ +

icon-cart

+
+
+
+
+ +

icon-chart-bar-32

+
+
+
+
+ +

icon-chart-pie-36

+
+
+
+
+ +

icon-chat-33

+
+
+
+
+ +

icon-check-2

+
+
+
+
+ +

icon-cloud-download-93

+
+
+
+
+ +

icon-cloud-upload-94

+
+
+
+
+ +

icon-coins

+
+
+
+
+ +

icon-compass-05

+
+
+
+
+ +

icon-controller

+
+
+
+
+ +

icon-credit-card

+
+
+
+
+ +

icon-delivery-fast

+
+
+
+
+ +

icon-email-85

+
+
+
+
+ +

icon-gift-2

+
+
+
+
+ +

icon-globe-2

+
+
+
+
+ +

icon-headphones

+
+
+
+
+ +

icon-heart-2

+
+
+
+
+ +

icon-html5

+
+
+
+
+ +

icon-double-left

+
+
+
+
+ +

icon-image-02

+
+
+
+
+ +

icon-istanbul

+
+
+
+
+ +

icon-key-25

+
+
+
+
+ +

icon-laptop

+
+
+
+
+ +

icon-light-3

+
+
+
+
+ +

icon-link-72

+
+
+
+
+ +

icon-lock-circle

+
+
+
+
+ +

icon-map-big

+
+
+
+
+ +

icon-minimal-down

+
+
+
+
+ +

icon-minimal-left

+
+
+
+
+ +

icon-minimal-right

+
+
+
+
+ +

icon-minimal-up

+
+
+
+
+ +

icon-mobile

+
+
+
+
+ +

icon-molecule-40

+
+
+
+
+ +

icon-money-coins

+
+
+
+
+ +

icon-notes

+
+
+
+
+ +

icon-palette

+
+
+
+
+ +

icon-paper

+
+
+
+
+ +

icon-pin

+
+
+
+
+ +

icon-planet

+
+
+
+
+ +

icon-puzzle-10

+
+
+
+
+ +

icon-pencil

+
+
+
+
+ +

icon-satisfied

+
+
+
+
+ +

icon-scissors

+
+
+
+
+ +

icon-send

+
+
+
+
+ +

icon-settings-gear-63

+
+
+
+
+ +

icon-settings

+
+
+
+
+ +

icon-wifi

+
+
+
+
+ +

icon-single-02

+
+
+
+
+ +

icon-single-copy-04

+
+
+
+
+ +

icon-sound-wave

+
+
+
+
+ +

icon-spaceship

+
+
+
+
+ +

icon-square-pin

+
+
+
+
+ +

icon-support-17

+
+
+
+
+ +

icon-tablet-2

+
+
+
+
+ +

icon-tag

+
+
+
+
+ +

icon-tap-02

+
+
+
+
+ +

icon-tie-bow

+
+
+
+
+ +

icon-time-alarm

+
+
+
+
+ +

icon-trash-simple

+
+
+
+
+ +

icon-trophy

+
+
+
+
+ +

icon-tv-2

+
+
+
+
+ +

icon-upload

+
+
+
+
+ +

icon-user-run

+
+
+
+
+ +

icon-vector

+
+
+
+
+ +

icon-video-66

+
+
+
+
+ +

icon-wallet-43

+
+
+
+
+ +

icon-volume-98

+
+
+
+
+ +

icon-watch-time

+
+
+
+
+ +

icon-world

+
+
+
+
+ +

icon-zoom-split

+
+
+
+
+ +

icon-refresh-01

+
+
+
+
+ +

icon-refresh-02

+
+
+
+
+ +

icon-shape-star

+
+
+
+
+ +

icon-components

+
+
+
+
+ +

icon-triangle-right-17

+
+
+
+
+ +

icon-button-pause

+
+
+
+
+ +

icon-simple-remove

+
+
+
+
+ +

icon-simple-add

+
+
+
+
+ +

icon-simple-delete

+
+
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/pages/language.blade.php b/src/black-stubs/resources/views/pages/language.blade.php new file mode 100644 index 0000000..b060919 --- /dev/null +++ b/src/black-stubs/resources/views/pages/language.blade.php @@ -0,0 +1,699 @@ + + + + + + + + + + {{ __('Material Dashboard by Creative Tim') }} + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ +
+
+
+ + + +
+
+
+
+
+
+
+ content_copy +
+

فضا مصرف شده

+

49/50 + GB +

+
+
+
+ warning + فضای بیشتری داشته باشید... +
+
+
+
+
+
+
+
+ store +
+

سود

+

$34,245

+
+
+
+ date_range۲۴ ساعت اخیر +
+
+
+
+
+
+
+
+ info_outline +
+

مشکلات حل شده

+

75

+
+
+
+ local_offer توسط گیت‌هاب +
+
+
+
+
+
+
+
+ +
+

دنبال‌کننده

+

+245

+
+
+
+ update هم‌اکنون +
+
+
+
+
+
+
+
+
+
+
+
+

فروش روزانه

+

+ + 55% رشد در فروش امروز.

+
+
+
+ access_time ۴ دقیقه پیش +
+
+
+
+
+
+
+
+
+
+

دنبال کننده‌های ایمیلی

+

کارایی آخرین کمپین

+
+
+
+ access_time کمپین دو روز پیش ارسال شد +
+
+
+
+
+
+
+
+
+
+

وظایف انجام شده

+

کارایی آخرین کمپین

+
+
+
+ access_time کمپین دو روز پیش ارسال شد +
+
+
+
+
+
+
+
+
+
+
+ وظایف: + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ 		طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن؟ + + +
+
+ +
+ 		نخست از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار خود نشان دهند؟ + + +
+
+ +
+ 		همان حال کار آنها به نوعی وابسته به متن می‌باشد + + + +
+
+ +
+ 		آنها با استفاده از محتویات ساختگی، صفحه گرافیکی خود را صفحه‌آرایی می‌کنند + + +
+
+
+ + + + + + + + + + + + + +
+
+ +
+ 		بعد از اینکه متن در آن قرار گیرد چگونه به نظر می‌رسد و قلم‌ها و اندازه‌بندی‌ها چگونه در نظر گرفته + + + +
+
+ +
+ 		اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید؟ + + +
+
+
+ + + + + + + + + + + + + + + + + + +
+
+ +
+ 		گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی؟ + + +
+
+ +
+ 		از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی ؟ + + + +
+
+ +
+ 		از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار خود نشان دهند؟ + + +
+
+
+
+
+
+
+
+
+

آمار کارکنان

+

کارکنان جدید از ۱۵ آبان ۱۳۹۶

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
کدنامحقوقاستان
1احمد حسینی$36,738مازندران
2مینا رضایی$23,789گلستان
3مبینا احمدپور$56,142تهران
4جلال آقایی$38,735شهرکرد
+
+
+
+
+
+
+
+
+

اعلان ها

+

ایجاد شده توسط دوست ما + Robert McIntosh. لطفا + مستندات کامل را مشاهده بکنید. +

+
+
+
+ + + این یک اعلان است که با کلاس "alert-warning" ایجاد شده است. +
+
+ + + این یک اعلان است که با کلاس "alert-primary" ایجاد شده است. +
+
+ add_alert + + این یک اعلان با دکمه بستن و آیکن است +
+
+
+
+
+
+
+ + + +
+
+
مدیرعامل / مدیرفنی
+

خداداد عزیزی

+

+ طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند ... +

+ دنبال‌کردن +
+
+ +
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + diff --git a/src/black-stubs/resources/views/pages/map.blade.php b/src/black-stubs/resources/views/pages/map.blade.php new file mode 100644 index 0000000..3312dc2 --- /dev/null +++ b/src/black-stubs/resources/views/pages/map.blade.php @@ -0,0 +1,14 @@ +@extends('layouts.app', ['activePage' => 'map', 'titlePage' => __('Map')]) + +@section('content') +
+@endsection + +@push('js') + +@endpush \ No newline at end of file diff --git a/src/black-stubs/resources/views/pages/maps.blade.php b/src/black-stubs/resources/views/pages/maps.blade.php new file mode 100644 index 0000000..a35f32e --- /dev/null +++ b/src/black-stubs/resources/views/pages/maps.blade.php @@ -0,0 +1,27 @@ +@extends('layouts.app', ['page' => __('Maps'), 'pageSlug' => 'maps']) + +@section('content') +
+
+
+
+ Google Maps +
+
+
+
+
+
+
+@endsection + +@push('js') + + + +@endpush diff --git a/src/black-stubs/resources/views/pages/notifications.blade.php b/src/black-stubs/resources/views/pages/notifications.blade.php new file mode 100644 index 0000000..93b0974 --- /dev/null +++ b/src/black-stubs/resources/views/pages/notifications.blade.php @@ -0,0 +1,127 @@ +@extends('layouts.app', ['page' => __('Notifications'), 'pageSlug' => 'notifications']) + +@section('content') +
+
+
+
+

Notifications Style

+
+
+
+ This is a plain notification +
+
+ + This is a notification with close button. +
+
+ + + This is a notification with close button and icon. +
+
+ + + This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style. +
+
+
+
+
+
+
+

Notification states

+
+
+
+ + + Primary - This is a regular notification made with ".alert-primary" +
+
+ + + Info - This is a regular notification made with ".alert-info" +
+
+ + + Success - This is a regular notification made with ".alert-success" +
+
+ + + Warning - This is a regular notification made with ".alert-warning" +
+
+ + + Danger - This is a regular notification made with ".alert-danger" +
+
+
+
+
+
+
+
+
+
+

+ Notifications Places +

Click to view notifications

+

+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/pages/rtl.blade.php b/src/black-stubs/resources/views/pages/rtl.blade.php new file mode 100644 index 0000000..801a7f0 --- /dev/null +++ b/src/black-stubs/resources/views/pages/rtl.blade.php @@ -0,0 +1,767 @@ + + + + + + + + + + + {{ config('app.name', 'Black Dashboard') }} + + + + + + + + + + + + + + + + +
+
+ +
+ + +
+
+
+ + + + +
+
+
+
+
+
+
+
مجموع الشحنات
+

أداء

+
+
+
+ + + +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
شحنات كاملة
+

763,215

+
+
+
+ +
+
+
+
+
+
+
+
المبيعات اليومية
+

3,500€

+
+
+
+ +
+
+
+
+
+
+
+
المهام المكتملة
+

12,100K

+
+
+
+ +
+
+
+
+
+
+
+
+
+
تتبع
+

اليوم

+
+ +
+ عمل + عمل آخر + شيء آخر هنا +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ 		+

مركز معالجة موقع محور

+

نص آخر هناالوثائق

+ 		+ +
+
+ +
+ 		+

لامتثال GDPR

+

الناتج المحلي الإجمالي هو نظام يتطلب من الشركات حماية البيانات الشخصية والخصوصية لمواطني أوروبا بالنسبة للمعاملات التي تتم داخل الدول الأعضاء في الاتحاد الأوروبي.

+ 		+ +
+
+ +
+ 		+

القضاياالقضايا

+

سيكونونقال 50٪ من جميع المستجيبين أنهم سيكونون أكثر عرضة للتسوق في شركة

+ 		+ +
+
+ +
+ 		+

تصدير الملفات التي تمت معالجتها

+

كما يبين التقرير أن المستهلكين لن يغفروا شركة بسهولة بمجرد حدوث خرق يعرض بياناتهم الشخصية.

+ 		+ +
+
+ +
+ 		+

الوصول إلى عملية التصدير

+

سياسة السيء إنطلاق في قبل, مساعدة والمانيا أخذ قد. بل أما أمام ماشاء الشتاء،, تكاليف الإقتصادي بـ حين. ٣٠ يتعلّق للإتحاد ولم, وتم هناك مدينة بتحدّي إذ, كان بل عمل

+ 		+ +
+
+ +
+ 		+

الافراج عن v2.0.0

+

عن رئيس طوكيو البولندي لمّ, مايو مرجع وباءت قبل هو, تسمّى الطريق الإقتصادي ذات أن. لغات الإطلاق الفرنسية دار ان, بين بتخصيص الساحة اقتصادية أم. و الآخ

+ 		+ +
+
+
+
+
+
+
+
+

جدول بسيط

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ اسم + + بلد + + مدينة + + راتب +
+ رايس داكوتا + + النيجر + + العود-تورنهاوت + + $36,738 +
+ مينيرفا هوبر + + كوراساو + + Sinaai-واس + + $23,789 +
+ سيج رودريجيز + + هولندا + + بايلي + + $56,142 +
+ فيليب شانيه + + كوريا، جنوب + + اوفرلاند بارك + + $38,735 +
+ دوريس غرين + + مالاوي + + المنع + + $63,542 +
+ ميسون بورتر + + تشيلي + + غلوستر + + $78,615 +
+ جون بورتر + + البرتغال + + غلوستر + + $98,615 +
+
+
+
+
+
+
+ +
+
+
+
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/black-stubs/resources/views/pages/table_list.blade.php b/src/black-stubs/resources/views/pages/table_list.blade.php new file mode 100644 index 0000000..14986e9 --- /dev/null +++ b/src/black-stubs/resources/views/pages/table_list.blade.php @@ -0,0 +1,280 @@ +@extends('layouts.app', ['activePage' => 'table', 'titlePage' => __('Table List')]) + +@section('content') +
+
+
+
+
+
+

Simple Table

+

Here is a subtitle for this table

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ID + + Name + + Country + + City + + Salary +
+ 1 + + Dakota Rice + + Niger + + Oud-Turnhout + + $36,738 +
+ 2 + + Minerva Hooper + + Curaçao + + Sinaai-Waas + + $23,789 +
+ 3 + + Sage Rodriguez + + Netherlands + + Baileux + + $56,142 +
+ 4 + + Philip Chaney + + Korea, South + + Overland Park + + $38,735 +
+ 5 + + Doris Greene + + Malawi + + Feldkirchen in Kärnten + + $63,542 +
+ 6 + + Mason Porter + + Chile + + Gloucester + + $78,615 +
+
+
+
+
+
+
+
+

Table on Plain Background

+

Here is a subtitle for this table

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ID + + Name + + Country + + City + + Salary +
+ 1 + + Dakota Rice + + Niger + + Oud-Turnhout + + $36,738 +
+ 2 + + Minerva Hooper + + Curaçao + + Sinaai-Waas + + $23,789 +
+ 3 + + Sage Rodriguez + + Netherlands + + Baileux + + $56,142 +
+ 4 + + Philip Chaney + + Korea, South + + Overland Park + + $38,735 +
+ 5 + + Doris Greene + + Malawi + + Feldkirchen in Kärnten + + $63,542 +
+ 6 + + Mason Porter + + Chile + + Gloucester + + $78,615 +
+
+
+
+
+
+
+
+@endsection \ No newline at end of file diff --git a/src/black-stubs/resources/views/pages/tables.blade.php b/src/black-stubs/resources/views/pages/tables.blade.php new file mode 100644 index 0000000..ab22185 --- /dev/null +++ b/src/black-stubs/resources/views/pages/tables.blade.php @@ -0,0 +1,265 @@ +@extends('layouts.app', ['page' => __('Tables'), 'pageSlug' => 'tables']) + +@section('content') +
+
+
+
+

Simple Table

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Name + + Country + + City + + Salary +
+ Dakota Rice + + Niger + + Oud-Turnhout + + $36,738 +
+ Minerva Hooper + + Curaçao + + Sinaai-Waas + + $23,789 +
+ Sage Rodriguez + + Netherlands + + Baileux + + $56,142 +
+ Philip Chaney + + Korea, South + + Overland Park + + $38,735 +
+ Doris Greene + + Malawi + + Feldkirchen in Kärnten + + $63,542 +
+ Mason Porter + + Chile + + Gloucester + + $78,615 +
+ Jon Porter + + Portugal + + Gloucester + + $98,615 +
+
+
+
+
+
+
+
+

Table on Plain Background

+

Here is a subtitle for this table

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Name + + Country + + City + + Salary +
+ Dakota Rice + + Niger + + Oud-Turnhout + + $36,738 +
+ Minerva Hooper + + Curaçao + + Sinaai-Waas + + $23,789 +
+ Sage Rodriguez + + Netherlands + + Baileux + + $56,142 +
+ Philip Chaney + + Korea, South + + Overland Park + + $38,735 +
+ Doris Greene + + Malawi + + Feldkirchen in Kärnten + + $63,542 +
+ Mason Porter + + Chile + + Gloucester + + $78,615 +
+ Jon Porter + + Portugal + + Gloucester + + $98,615 +
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/pages/typography.blade.php b/src/black-stubs/resources/views/pages/typography.blade.php new file mode 100644 index 0000000..4cc8038 --- /dev/null +++ b/src/black-stubs/resources/views/pages/typography.blade.php @@ -0,0 +1,153 @@ +@extends('layouts.app', ['page' => __('Typography'), 'pageSlug' => 'typography']) + +@section('content') +
+
+
+
+
Black Table Heading
+

Created using Poppins Font Family

+
+
+
+

+ Header 1The Life of Black Dashboard

+
+
+

+ Header 2The Life of Black Dashboard

+
+
+

+ Header 3The Life of Black Dashboard

+
+
+

+ Header 4The Life of Black Dashboard

+
+
+
+ Header 5The Life of Black Dashboard
+
+
+
+ Header 6The Life of Black Dashboard
+
+
+

+ Paragraph + I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. +

+
+
+ Quote +
+

+ "I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at." +
+
+ + - Noaa + +

+
+
+
+ Muted Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... +

+
+
+ Primary Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Info Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Success Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ Warning Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... +

+
+
+ Danger Text +

+ I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+

+ Small Tag + Header with small subtitle +
+ Use "small" tag for the headers +

+
+
+ Lists +
+
+
Unordered List
+
    +
  • List Item
    • +
  • List Item
    • +
  • +
      +
    • List Item
      • +
    • List Item
      • +
    • List Item
      • +
    +
    • +
  • List Item
    • +
+
+
+
Ordered List
+
    +
  1. List Item
    2. +
  2. List Item
    3. +
  3. List item
    4. +
  4. List Item
    5. +
+
+
+
Unstyled List
+
    +
  • List Item
    • +
  • List Item
    • +
  • List item
    • +
  • List Item
    • +
+
+
+
Inline List
+
    +
  • List1
    • +
  • List2
    • +
  • List3
    • +
+
+
+
+
+ Code +

This is + .css-class-as-code, an example of an inline code element. Wrap inline code within a + <code>...</code>tag. +

+ 
1. #This is an example of preformatted text.
2. #Here is another line of code
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/pages/upgrade.blade.php b/src/black-stubs/resources/views/pages/upgrade.blade.php new file mode 100644 index 0000000..e3eda47 --- /dev/null +++ b/src/black-stubs/resources/views/pages/upgrade.blade.php @@ -0,0 +1,126 @@ +@extends('layouts.app', ['page' => __('Upgrade'), 'pageSlug' => 'upgrade']) + +@section('content') +
+
+
+
+

Black Dashboard PRO

+

Are you looking for more components? Please check our Premium Version of Black Dashboard PRO.

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FreePRO

Laravel

Login, Register, Forgot password pages
User profile
Users management
User roles management
Items management
Categories management, Tags management
Image upload, date picker inputs
Radio button, checkbox, toggle inputs

Frontend

Components16160
Plugins414
Example Pages728
Login, Register, Pricing, Lock Pages
DataTables, VectorMap, SweetAlert, Wizard, jQueryValidation, FullCalendar etc...
Mini Sidebar
Premium Support
FreeJust $149
+ Current Version + + Upgrade to PRO +
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/profile/edit.blade.php b/src/black-stubs/resources/views/profile/edit.blade.php new file mode 100644 index 0000000..a5740b2 --- /dev/null +++ b/src/black-stubs/resources/views/profile/edit.blade.php @@ -0,0 +1,106 @@ +@extends('layouts.app', ['page' => __('User Profile'), 'pageSlug' => 'profile']) + +@section('content') +
+
+
+
+
{{ _('Edit Profile') }}
+
+
+
+ @csrf + @method('put') + + @include('alerts.success') + +
+ + + @include('alerts.feedback', ['field' => 'name']) +
+ +
+ + + @include('alerts.feedback', ['field' => 'email']) +
+
+
+ +
+
+
+ +
+
+
{{ _('Password') }}
+
+
+
+ @csrf + @method('put') + + @include('alerts.success', ['key' => 'password_status']) + +
+ + + @include('alerts.feedback', ['field' => 'old_password']) +
+ +
+ + + @include('alerts.feedback', ['field' => 'password']) +
+
+ + +
+
+
+ +
+
+
+
+
+
+
+

+

+
+
+
+
+ + +
{{ auth()->user()->name }}
+ +

+ {{ _('Ceo/Co-Founder') }} +

+
+

+
+ {{ _('Do not be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...') }} +
+
+
+
+ + + +
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/users/create.blade.php b/src/black-stubs/resources/views/users/create.blade.php new file mode 100644 index 0000000..6ee4928 --- /dev/null +++ b/src/black-stubs/resources/views/users/create.blade.php @@ -0,0 +1,69 @@ +@extends('layouts.app', ['page' => __('User Management'), 'pageSlug' => 'users']) + +@section('content') +
+
+
+
+
+
+
+

{{ __('User Management') }}

+
+
+ {{ __('Back to list') }} +
+
+
+
+
+ @csrf + +
{{ __('User information') }}
+
+
+ + + + @if ($errors->has('name')) + + {{ $errors->first('name') }} + + @endif +
+
+ + + + @if ($errors->has('email')) + + {{ $errors->first('email') }} + + @endif +
+
+ + + + @if ($errors->has('password')) + + {{ $errors->first('password') }} + + @endif +
+
+ + +
+ +
+ +
+
+
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/users/edit.blade.php b/src/black-stubs/resources/views/users/edit.blade.php new file mode 100644 index 0000000..c8db820 --- /dev/null +++ b/src/black-stubs/resources/views/users/edit.blade.php @@ -0,0 +1,70 @@ +@extends('layouts.app', ['page' => __('User Management'), 'pageSlug' => 'users']) + +@section('content') +
+
+
+
+
+
+
+

{{ __('User Management') }}

+
+
+ {{ __('Back to list') }} +
+
+
+
+
+ @csrf + @method('put') + +
{{ __('User information') }}
+
+
+ + + + @if ($errors->has('name')) + + {{ $errors->first('name') }} + + @endif +
+
+ + + + @if ($errors->has('email')) + + {{ $errors->first('email') }} + + @endif +
+
+ + + + @if ($errors->has('password')) + + {{ $errors->first('password') }} + + @endif +
+
+ + +
+ +
+ +
+
+
+
+
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/users/index.blade.php b/src/black-stubs/resources/views/users/index.blade.php new file mode 100644 index 0000000..e3402cf --- /dev/null +++ b/src/black-stubs/resources/views/users/index.blade.php @@ -0,0 +1,72 @@ +@extends('layouts.app', ['page' => __('User Management'), 'pageSlug' => 'users']) + +@section('content') +
+
+
+
+
+
+

{{ __('Users') }}

+
+
+ {{ __('Add user') }} +
+
+
+
+ @include('alerts.success') + +
+ + + + + + + + + @foreach ($users as $user) + + + + + + + @endforeach + +
{{ __('Name') }}{{ __('Email') }}{{ __('Creation Date') }}
{{ $user->name }} + {{ $user->email }} + {{ $user->created_at->format('d/m/Y H:i') }} +
+ +
+ @if (auth()->user()->id != $user->id) +
+ @csrf + @method('delete') + + {{ __('Edit') }} + +
+ @else + {{ __('Edit') }} + @endif +
+
+
+
+
+
+ +
+
+
+
+@endsection diff --git a/src/black-stubs/resources/views/welcome.blade.php b/src/black-stubs/resources/views/welcome.blade.php new file mode 100644 index 0000000..61fc80f --- /dev/null +++ b/src/black-stubs/resources/views/welcome.blade.php @@ -0,0 +1,18 @@ +@extends('layouts.app') + +@section('content') +
+
+
+
+
+

{{ __('Welcome!') }}

+

+ {{ __('Use Black Dashboard theme to create a great project.') }} +

+
+
+
+
+
+@endsection diff --git a/src/black-stubs/tree.txt b/src/black-stubs/tree.txt new file mode 100644 index 0000000..48f2087 Binary files /dev/null and b/src/black-stubs/tree.txt differ